/* ═══════════════════════════════════════════════════════════════════════
   Tabs Section Block  (tabs_section / tabs_section_item)
   v1.4.0 — dynamic heading swap, no panels.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Section wrapper ─────────────────────────────────────────────────── */
.ztabs-section {
    width: 100%;
}

/* ── Inner block ─────────────────────────────────────────────────────── */
.ztabs {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* ── Header: heading + pill nav, max 764px centered ──────────────────── */
.ztabs__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    max-width: 764px;
    margin: 0 auto;
}

/* ── Heading group: suptitle + H2 + description ──────────────────────── */
.ztabs__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ztabs__suptitle {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #D7C09B;
    text-align: center;
}

.ztabs__title {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3;
    text-align: center;
    color: #1E1F2E;
    text-transform: none;
    letter-spacing: 0;
}

.ztabs__desc {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #1E1F2E;
}

/* ── Pill nav ────────────────────────────────────────────────────────── */
.ztabs__nav {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 8px;
    background: #F6F4EE;
    border-radius: 100px;
}

.ztabs__btn {
    appearance: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    padding: 0 32px;
    background: #FFFFFF;
    border-radius: 64px;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #1E1F2E;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}
.ztabs__btn:hover     { background: #F3EADB; }
.ztabs__btn.is-active { background: #D7C09B; }

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    .ztabs__btn { height: 50px; padding: 0 22px; font-size: 16px; }
}

@media (max-width: 767px) {
    .ztabs__header  { align-items: flex-start; }
    .ztabs__heading { align-items: flex-start; }
    .ztabs__suptitle { text-align: left; }
    .ztabs__title   { font-size: 34px; text-align: left; }
    .ztabs__desc    { text-align: left; }
}

.ztabs-section--anchors .ztabs__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.ztabs-section--anchors .ztabs__heading--anchors {
    margin: 0;
    text-align: center;
}
.ztabs-section--anchors .ztabs__heading--anchors .ztabs__suptitle {
    margin: 0;
}

#popular-airports,
#all-destinations,
#private-aviation,
.airport-content-block.airport-content-block--main,
.zadra-dest-all,
.zadra-cta-banner-left,
.zadra-cta-banner {
    scroll-margin-top: 96px;
}

@media (max-width: 640px) {
    .ztabs__nav {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 343px;
        margin: 0 auto;
        gap: 4px;
        padding: 8px;
        background: #F6F4EE;
        border-radius: 100px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        justify-content: flex-start;
    }
    .ztabs__nav::-webkit-scrollbar { display: none; }
    .ztabs__btn {
        flex: 0 0 auto;
        height: 50px;
        padding: 0 24px;
        font-size: 16px;
        background: #FFFFFF;
        border-radius: 64px;
    }
    .ztabs__btn.is-active { background: #D7C09B; }
}