/**
 * Theme Name:     Apartament Pływaczka
 * Author:         89 Studio
 * Template:       bootstrap-basic4
 * Text Domain:	   apartament-plywaczka
 * Description:    Bootstrap v.4 basic theme
 */

:root {
    --blue: #072e5d;
    --gold: #ad8e7c;
    --sand: #f3f1f0;
}




/* Ustawienia kontenera slidera */
.hero-section { width: 100%; overflow: hidden; clear: both; height: 80vh; position: relative; background-color: #0f2d31}
.hero-section h2 {text-align: center; letter-spacing: 2px; font-size: 36px; position: absolute; width: 90%; left: 5%; bottom: 90px; text-align: left; color: #fff; z-index: 99; text-transform: uppercase;}
.hero-section h2 small {font-size: 24px;}
.hero-section .owl-stage-outer {opacity: 0.7}
.hero-item {height: 80vh; min-height: 500px;  width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative;}
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.owl-theme .owl-dots { position: absolute; bottom: 20px; width: 100%; text-align: center;}
.owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; background: #fff; opacity: 0.5;}
.owl-theme .owl-dots .owl-dot.active span { background: #fff; opacity: 1;}





img {max-width: 100%;}
.icons-style {width: 150px; height: 150px; margin: 0 auto 50px; border-radius: 50%; border: 3px solid #000; padding: 30px}
body h1, body h2, body h3, body h4, body h5, body h6 {font-family: "Gilda Display", serif; font-weight: 400; font-style: normal; text-transform: uppercase;}
body p, body a, body ul li {font-family: "Open Sans", sans-serif;  font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings:"wdth" 100;}

header .site-title {z-index: 99;}
header.page-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 999}
header.sticky {background-color: #ffffffe6; box-shadow: #00000030 0px 0px 30px 0px}
header svg {margin: 20px; max-width: 40px; fill: var(--gold)}
header .menu-col {display: flex; align-items: center; justify-content: flex-end}
header ul li a {color: #fff; font-family: "Gilda Display", serif; text-transform: uppercase; font-weight: 600; letter-spacing: 2px}
header a.phone-btn {color: #fff; font-family: "Gilda Display", serif; text-transform: uppercase; background-color: var(--gold); padding: 10px 30px; margin-left: 50px; z-index: 99}
header.sticky ul li a {color: var(--blue)}
header ul li a:hover {color: #fff; border-bottom: 2px solid #fff}
header a.phone-btn svg {display: none;}

section#rezerwacja {position: relative; margin-top: 80px; z-index: 9; margin-bottom: 100px}
section#rezerwacja .card-body {background-color: var(--blue); padding: 50px 30px}
section#rezerwacja .card-body h3 {text-align: center; text-transform: uppercase; color: #fff; font-size: 24px; margin-bottom: 30px;}
section#rezerwacja .card-body input {padding: 10px; border: none;}
section#rezerwacja .card-body input#hb-form-1-hb-search-form-submit {padding: 10px; background-color: var(--gold); color: #fff}

section#rezerwacja .hb-dp-weeks a {color: var(--blue)}
section#rezerwacja .hb-searched-summary.hb-clearfix p, section#rezerwacja  .hb-accom-desc, section#rezerwacja  .hb-accom-price-total {color: #fff}
section#rezerwacja input[type="submit"] {padding: 10px; background-color: var(--gold); color: #fff}
section#rezerwacja .hb-step-button input {padding: 10px; background-color: var(--gold); color: #fff}
section#rezerwacja label {color: #fff}
section#rezerwacja .hb-payment-info-wrapper p, .hb-confirm-area p {color: #fff}


.apartments-section {
    padding: 70px 0;
}

.apartments-section-title {
    margin-bottom: 40px;
}

.apartment-card {
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.apartment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}

.apartment-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.apartment-card-link:hover {
    color: inherit;
    text-decoration: none;
}

.apartment-card-image {
    width: 100%;
    height: 260px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.apartment-card-content {
    padding: 24px;
    text-align: center;
}

.apartment-card-title {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.25;
}

.apartment-card-button {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid #222;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background 0.25s ease, color 0.25s ease;
}

.apartment-card:hover .apartment-card-button {
    background: #222;
    color: #fff;
}







section.header-page {padding: 250px 0 50px;  margin-bottom: 100px; position: relative; background-size: cover; background-position: center}
section.header-page:before {position: absolute; content: ""; bottom: 0; legt: 0; width: 100%; height: 100%; background: #000;
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);}
section.header-page .container {position: relative;}
section.header-page .container h1 {color: #fff; font-size: 52px}


.frontpage-content h2 {margin-bottom: 50px}
.wp-block-group.smoke-container {background-color: var(--sand); padding: 100px 100px 30px;  margin-top: 80px}


.local-gallery {background-color: var(--sand); padding-bottom: 80px; margin-bottom: 100px}
.local-gallery .image-box {margin-bottom: 20px}




.location-section {margin-bottom: 100px} 
.location-section h5.text-center {font-size: 32px}
.location-section h3 {font-size: 52px; margin-bottom: 30px}


.page .container article.page {margin-bottom: 100px}
.info-section {margin-top:100px; margin-bottom: 100px}


.nf-form-content input#nf-field-4 {padding: 10px 40px; background-color: var(--blue); color: #fff; border: none;}

footer#site-footer {border: none; background-color: var(--blue); padding: 50px 20px}
footer#site-footer ul {padding: 0; list-style-type: none; display: flex; justify-content: center;}
footer#site-footer ul li {float: left;  padding: 0 20px}
footer#site-footer ul li a {color: #fff}





/*Responsive*/


@media (max-width: 991px) {
    header .site-title svg {fill: var(--blue)}
    header.page-header {background-color: #ffffffa8}
button.navbar-toggler {background: var(--blue); border: none; border-radius: 0; margin-left: 30px; padding: 10px 15px}
button.navbar-toggler span {float: left; width: 40px; background: #fff; padding: 1px; display: inline-block; clear: both; margin: 5px 0}
header a.phone-btn svg {display: block; margin: 6px}
header a.phone-btn span {display: none}
div#bootstrap-basic4-topnavbar{    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 150px 30px 30px;
    z-index: -1;}
div#bootstrap-basic4-topnavbar a {color: var(--blue)}
header.page-header.sticky {background-color: #fff} 


header.sticky ul li a {color: #fff}
header ul li a:hover {color: var(--sand)}
header.sticky ul li a:hover {color: var(--sand)}


header img {margin: 0; max-width: 90px}
header a.phone-btn {margin-left: 0; padding: 10px 15px}


.hero-section {height: inherit; min-height: 100vh}


footer#site-footer {background-color: #071e38}
footer#site-footer ul {display: block}

}









/* ===== HERO – 3 kolumny rozsuwane ===== */
.hero-section { padding: 0; margin: 0; }

.hero-cols {
    display: flex;
    width: 100%;
    height: 80vh;
    min-height: 480px;
    overflow: hidden;
}

.hero-col {
    position: relative;
    flex: 0 0 33.3333%;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    display: flex;
    align-items: flex-end;
    transition: flex-basis .45s ease;
    will-change: flex-basis;
}

/* najechana +40px, pozostałe -20px każda (suma = 100%) */
.hero-cols:hover .hero-col       { flex-basis: calc(33.3333% - 20px); }
.hero-cols:hover .hero-col:hover { flex-basis: calc(33.3333% + 40px); }

.hero-col-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,.15) 50%, rgba(0,0,0,.25));
    transition: background .45s ease;
}
.hero-col:hover .hero-col-overlay {
    background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.05) 60%, rgba(0,0,0,.15));
}

.hero-col-content { position: relative; z-index: 2; width: 100%; padding: 32px 28px; color: #fff; }
.hero-col-title {
    color: #fff; margin: 0 0 12px; font-size: 1.6rem; line-height: 1.2;
    text-shadow: 0 2px 8px rgba(0,0,0,.5);
}
.hero-col-btn {
    display: inline-block; padding: 10px 22px; background: var(--gold);
    color: #fff;  font-size: .95rem; transition: background .25s ease;
}
.hero-col:hover .hero-col-btn { background: #3f74b5; }

/* ===== MOBILE: 3 rzędy po 33vh ===== */
@media (max-width: 768px) {
    .hero-cols { flex-direction: column; height: auto; }
    .hero-col  { flex: 0 0 33.33vh; height: 33.33vh; min-height: 200px; }
    .hero-cols:hover .hero-col,
    .hero-cols:hover .hero-col:hover { flex-basis: 33.33vh; }
}











/* ===== Pasek zaufania / USP ===== */
.usp-section { padding: 56px 0; background: var(--sand); }

.usp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.usp-item { text-align: center; }

.usp-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #fff;
    color: var(--blue);
}
.usp-icon svg { width: 28px; height: 28px; }

.usp-title { font-size: 1.1rem; margin: 0 0 8px; color: #1f2937; }
.usp-text  { font-size: .92rem; line-height: 1.5; color: #5b6472; margin: 0; }

.usp-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 44px;
    padding-top: 28px;
    border-top: 1px solid #e3e8f0;
    flex-wrap: wrap;
    text-align: center;
}
.usp-stars { color: #f5a623; font-size: 1.4rem; letter-spacing: 2px; }
.usp-rating-text { font-size: 1rem; color: #1f2937; }
.usp-rating-sub { display: block; font-size: .82rem; color: #8a93a3; font-weight: 400; }

/* responsywność */
@media (max-width: 900px) { .usp-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } }
@media (max-width: 520px) { .usp-grid { grid-template-columns: 1fr; } }



/* ===== Nasze apartamenty – karty ===== */
.apartments-section { padding: 64px 0; }
.apartments-section-title { margin: 0 0 8px; }
.apartments-section-sub   { color: #6b7280; margin: 0 0 40px; }

.apartments-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.apt-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    transition: transform .25s ease, box-shadow .25s ease;
}
.apt-card:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }

.apt-card-media {
    position: relative;
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: center;
}
.apt-card-badge {
    position: absolute; top: 14px; left: 14px;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 20px;
    background: rgba(255,255,255,.92); color: #1f2937;
    font-size: .82rem; font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.apt-card-badge svg { width: 14px; height: 14px; color: #548DD4; }

.apt-card-body { display: flex; flex-direction: column; flex: 1; padding: 22px; }
.apt-card-title { font-size: 1.25rem; margin: 0 0 12px; color: #1f2937; }

.apt-card-meta { display: flex; gap: 18px; margin-bottom: 14px; }
.apt-card-meta span { display: inline-flex; align-items: center; gap: 6px; font-size: .9rem; color: #5b6472; }
.apt-card-meta svg  { width: 16px; height: 16px; color: #548DD4; }

.apt-card-desc { font-size: .92rem; line-height: 1.55; color: #6b7280; margin: 0 0 18px; }

.apt-card-footer {
    margin-top: auto;
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap;
}
.apt-card-price { font-size: .95rem; color: #5b6472; }
.apt-card-price strong { color: #1f2937; font-size: 1.05rem; }
.apt-card-btn {
    padding: 10px 18px; background: var(--blue); color: #fff;
 font-size: .9rem; font-weight: 600;
    transition: background .25s ease;
}
.apt-card:hover .apt-card-btn { background: #3f74b5; }

@media (max-width: 992px) { .apartments-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .apartments-grid { grid-template-columns: 1fr; } }










/* ===== Dlaczego bezpośrednio ===== */
.direct-section { padding: 64px 0; background: #f1efee; }
.direct-title { margin: 0 0 8px; }
.direct-sub   { color: #6b7280; margin: 0 0 44px; max-width: 620px; margin-left: auto; margin-right: auto; }

.direct-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    max-width: 880px;
    margin: 0 auto;
    align-items: start;
}

.direct-card {
    background: #fff;

    padding: 32px 28px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.direct-card--us {
    border: 2px solid var(--gold);
    box-shadow: 0 12px 30px rgba(84,141,212,.18);
}
.direct-card--ota { opacity: .92; }

.direct-card-head { position: relative; margin-bottom: 22px; }
.direct-badge {
    display: inline-block; margin-bottom: 10px;
    padding: 4px 12px; border-radius: 20px;
    background: var(--gold); color: #fff;
    font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.direct-card-title { font-size: 1.3rem; margin: 0; color: #1f2937; }

.direct-list { list-style: none; padding: 0; margin: 0 0 26px; }
.direct-list li {
    position: relative;
    padding: 11px 0 11px 34px;
    font-size: .95rem; line-height: 1.45; color: #374151;
    border-bottom: 1px solid #f0f2f6;
}
.direct-list li:last-child { border-bottom: none; }
.direct-list li::before {
    position: absolute; left: 0; top: 10px;
    width: 22px; height: 22px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: .8rem; font-weight: 700;
}
.direct-list .is-yes::before { content: "✓"; background: #e3f3e8; color: #2f9e51; }
.direct-list .is-no::before  { content: "✕"; background: #fdeaea; color: #d65151; }
.direct-card--ota .direct-list li { color: #6b7280; }

.direct-cta {
    display: block; text-align: center;
    padding: 13px 24px; background: var(--gold); color: #fff;
    font-weight: 600; text-decoration: none;
    transition: background .25s ease;
}
.direct-cta:hover { background: #3f74b5; color: #fff; }

.direct-note {
    display: block; text-align: center;
    font-size: .9rem; color: #9aa3b2; font-style: italic;
    padding-top: 6px;
}

@media (max-width: 700px) {
    .direct-grid { grid-template-columns: 1fr; }
    .direct-card--ota { order: 2; }   /* na mobile „u nas” zawsze pierwsze */
}











/* ===== Opinie / social proof ===== */
.reviews-section { padding: 64px 0; }
.reviews-title { margin: 0 0 16px; }

.reviews-rating-row {
    display: flex; align-items: center; justify-content: center;
    gap: 10px; flex-wrap: wrap; margin-bottom: 44px;
}
.reviews-stars { color: #f5a623; font-size: 1.3rem; letter-spacing: 2px; }
.reviews-rating-num { font-size: 1.15rem; color: #1f2937; }
.reviews-rating-num strong { font-size: 1.4rem; }
.reviews-rating-src { font-size: .9rem; color: #8a93a3; }

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.review-card {
    margin: 0;
    background: #fff;
    border: 1px solid #eef1f6;
    border-radius: 12px;
    padding: 28px 26px;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
}
.review-stars { color: #f5a623; font-size: 1rem; letter-spacing: 1px; margin-bottom: 14px; }
.review-text {
    margin: 0 0 22px;
    font-size: .96rem; line-height: 1.6; color: #374151;
    font-style: normal;
    flex: 1;
}
.review-text::before { content: "\201C"; color: #548DD4; font-size: 1.4rem; font-weight: 700; margin-right: 2px; }

.review-author { display: flex; align-items: center; gap: 12px; }
.review-avatar {
    width: 42px; height: 42px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #eaf1fb; color: #548DD4; font-weight: 700; font-size: 1.1rem;
    flex-shrink: 0;
}
.review-meta { display: flex; flex-direction: column; line-height: 1.3; }
.review-meta strong { color: #1f2937; font-size: .95rem; }
.review-loc { font-size: .82rem; color: #8a93a3; }

.reviews-cta-text { text-align: center; margin: 44px 0 18px; color: #5b6472; }
.reviews-cta-wrap { text-align: center; }
.reviews-cta {
    display: inline-block; padding: 13px 30px;
    background: #548DD4; color: #fff; border-radius: 8px;
    font-weight: 600; text-decoration: none; transition: background .25s ease;
}
.reviews-cta:hover { background: #3f74b5; color: #fff; }

@media (max-width: 900px) { .reviews-grid { grid-template-columns: 1fr; } }












/* ===== Galeria ===== */
.gallery-section { padding: 64px 0; background: #f7f9fc; }
.gallery-title { margin: 0 0 8px; }
.gallery-sub   { color: #6b7280; margin: 0 0 40px; }

.gallery-grid {
    columns: 4 220px;
    column-gap: 14px;
}
.gallery-item {
    display: block;
    margin-bottom: 14px;
    border-radius: 8px;
    overflow: hidden;
    break-inside: avoid;
}
.gallery-item img {
    width: 100%;
    display: block;
    transition: transform .4s ease;
}
.gallery-item:hover img { transform: scale(1.06); }

@media (max-width: 600px) { .gallery-grid { columns: 2 140px; } }








/* ===== Okolica ===== */
.around-section { padding: 64px 0; }
.around-title { margin: 0 0 8px; }
.around-sub   { color: #6b7280; margin: 0 0 44px; max-width: 620px; margin-left:auto; margin-right:auto; }

.around-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.around-item {
    padding: 28px; border: 1px solid #eef1f6; border-radius: 12px;
    border-top: 4px solid #548DD4; background: #fff;
}
.around-item-title { font-size: 1.2rem; margin: 0 0 14px; color: #1f2937; }
.around-item-text  { font-size: .94rem; line-height: 1.6; color: #5b6472; margin-bottom: 16px; }
.around-item-text p { margin: 0 0 10px; }
.around-link { color: #548DD4; font-weight: 600; text-decoration: none; }
.around-link:hover { text-decoration: underline; }

@media (max-width: 900px) { .around-grid { grid-template-columns: 1fr; } }











/* ===== Mapa – zakładki ===== */
.map-section { padding: 64px 0 0; }
.map-title { margin: 0 0 32px; }

.map-radio { position: absolute; left: -9999px; opacity: 0; }
.map-tabs-nav { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 28px; }
.map-tab-label {
    cursor: pointer; padding: 10px 22px; border: 1px solid #548DD4; border-radius: 4px;
    color: #548DD4; font-weight: 600; transition: all .2s ease;
}
.map-panel { display: none; line-height: 0; }
#map-1:checked ~ .container .map-tab-label[for="map-1"],
#map-2:checked ~ .container .map-tab-label[for="map-2"],
#map-3:checked ~ .container .map-tab-label[for="map-3"] { background: #548DD4; color: #fff; }
#map-1:checked ~ .map-panels .map-panel-1,
#map-2:checked ~ .map-panels .map-panel-2,
#map-3:checked ~ .map-panels .map-panel-3 { display: block; }






/* ===== FAQ ===== */
.faq-section { padding: 64px 0; background: #f7f9fc; }
.faq-title { margin: 0 0 40px; }
.faq-list { max-width: 760px; margin: 0 auto; }

.faq-item {
    background: #fff; border: 1px solid #eef1f6; border-radius: 10px;
    margin-bottom: 12px; overflow: hidden;
}
.faq-question {
    cursor: pointer; list-style: none; padding: 20px 24px;
    font-weight: 600; color: #1f2937; position: relative; padding-right: 52px;
}
.faq-question::-webkit-details-marker { display: none; }
.faq-question::after {
    content: "+"; position: absolute; right: 24px; top: 50%; transform: translateY(-50%);
    font-size: 1.5rem; color: #548DD4; line-height: 1; transition: transform .2s ease;
}
.faq-item[open] .faq-question::after { transform: translateY(-50%) rotate(45deg); }
.faq-answer { padding: 0 24px 22px; color: #5b6472; line-height: 1.6; font-size: .95rem; }
.faq-answer p { margin: 0 0 10px; }







/* ===== Końcowy CTA ===== */
.final-cta {
    padding: 72px 0; text-align: center;
    background: var(--blue);
    color: #fff;
}
.final-cta-title { color: #fff; font-size: 2rem; margin: 0 0 14px; }
.final-cta-text  { color: rgba(255,255,255,.9); max-width: 560px; margin: 0 auto 32px; font-size: 1.05rem; }
.final-cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.final-cta-btn {
    padding: 14px 30px; font-weight: 600; text-decoration: none; transition: all .25s ease;
}
.final-cta-btn--primary { background: var(--gold); color: #fff; }
.final-cta-btn--primary:hover { background: #eef3fb; color: #3f74b5; }
.final-cta-btn--ghost { border: 2px solid var(--gold); color: #fff; }
.final-cta-btn--ghost:hover { background: rgba(255,255,255,.12); color: #fff; }



/* ===== Blok SEO – zwijany ===== */
.seo-section { padding: 56px 0; }
.seo-toggle-input { display: none; }
.seo-content {
    position: relative; max-height: 320px; overflow: hidden;
    transition: max-height .4s ease;
}
.seo-content::after {
    content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 120px;
    background: linear-gradient(transparent, #fff);
    transition: opacity .3s ease;
}
.seo-toggle-input:checked ~ .seo-content { max-height: 6000px; }
.seo-toggle-input:checked ~ .seo-content::after { opacity: 0; }
.seo-toggle-label {
    display: block; width: max-content; margin: 20px auto 0; cursor: pointer;
    padding: 10px 26px; border: 1px solid #548DD4; border-radius: 6px;
    color: #548DD4; font-weight: 600;
}
.seo-toggle-label::before { content: "Czytaj więcej"; }
.seo-toggle-input:checked ~ .seo-toggle-label::before { content: "Zwiń"; }






.single-hb_accommodation form.hb-booking-search-form {margin-top: 50px; margin-bottom: 50px; width: 800px; max-width: 90%; background: var(--blue); padding: 50px 30px;}
.single-hb_accommodation form.hb-booking-search-form input#hb-form-1-hb-search-form-submit{    padding: 10px; background-color: var(--gold); border: none; color: #fff;}
.single-hb_accommodation form.hb-booking-search-form input {padding: 10px; border: none}
.single-hb_accommodation form.hb-booking-search-form  .hb-title.hb-title-search-form {color: #fff}
.single-hb_accommodation form.hb-booking-search-form p {color: #fff}
.hb-accom-step-wrapper.hb-step-wrapper p.hb-step-button input[type="submit"] {border: none; padding: 10px; background-color: var(--gold); color: #fff}
form.hb-booking-search-form input[type="submit"] {border: none; background-color: var(--gold); color: #fff; padding: 10px;}



.hb-intermediate-step-wrapper.hb-step-wrapper input[type="submit"] {border: none; background-color: var(--gold); color: #fff; padding: 10px;}
form.hb-booking-details-form input[type="submit"] {border: none; background-color: var(--gold); color: #fff; padding: 10px;}

form.hb-booking-details-form .hb-details-fields {padding: 30px 50px; background: var(--sand); margin-bottom: 30px}