/* Děti ráje 2026 – pouze funkční/responzivní opravy. Původní barevnost webu je beze změny. */
.site-logo-2026 {
    display: inline-block;
    width: auto;
    height: 84px;
    max-width: 100%;
    object-fit: contain;
}

.hero-tour-2026,
.hero-tour-2026 a,
.hero-tour-2026 picture,
.hero-tour-2026 img {
    display: block;
    width: 100%;
}
.hero-tour-2026 img { height: auto; }

.mobile-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2;
}
.mobile-menu .fa { font-size: 28px; line-height: 1; }
body.menu-open { overflow: hidden; }

/* Fallback pro původní menu bez chybějících pluginových JS souborů. */
.off-canvas-responsive-menu .slicknav_menu { width: 100%; }
.off-canvas-responsive-menu .slicknav_nav { margin: 0; padding: 0; }
.off-canvas-responsive-menu .slicknav_nav li { list-style: none; }
.off-canvas-responsive-menu .slicknav_nav > li > a { display: block; }

/* Původní carousel partnerů funguje i bez starého Slick JS. */
.brand-logo-content .ht-slick-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
}
.brand-logo-content .ht-slick-slider .single-brand-logo {
    flex: 0 1 calc(14.285% - 24px);
    min-width: 110px;
}

/* Cookie consent – používá pouze barvy, které už původní web obsahuje. */
.dr-cookie-banner,
.dr-cookie-modal {
    font-family: "Poppins", sans-serif;
}
.dr-cookie-banner {
    position: fixed;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 10050;
    max-width: 1180px;
    margin: 0 auto;
    background: #fff;
    color: #2d283f;
    border: 1px solid #e7e7e7;
    box-shadow: 0 12px 34px rgba(0,0,0,.18);
    padding: 20px;
}
.dr-cookie-banner[hidden], .dr-cookie-modal[hidden] { display: none !important; }
.dr-cookie-banner__inner { display: flex; align-items: center; gap: 22px; }
.dr-cookie-banner__copy { flex: 1 1 540px; }
.dr-cookie-banner__copy strong { display: block; color: #060622; font-size: 18px; margin-bottom: 4px; }
.dr-cookie-banner__copy p { margin: 0; font-size: 13px; line-height: 1.55; }
.dr-cookie-actions { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 0 auto; }
.dr-cookie-btn {
    border: 1px solid #d8a15e;
    background: #fff;
    color: #2d283f;
    min-height: 42px;
    padding: 9px 15px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.dr-cookie-btn:hover, .dr-cookie-btn:focus { background: #f4f4f4; }
.dr-cookie-btn--primary { background: #fdc657; border-color: #fdc657; color: #060622; }
.dr-cookie-btn--primary:hover, .dr-cookie-btn--primary:focus { background: #d8a15e; }
.dr-cookie-settings-link {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}
.dr-cookie-modal {
    position: fixed;
    inset: 0;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.dr-cookie-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.dr-cookie-modal__panel {
    position: relative;
    width: min(620px, 100%);
    max-height: min(760px, 90vh);
    overflow: auto;
    background: #fff;
    color: #2d283f;
    padding: 26px;
    box-shadow: 0 16px 50px rgba(0,0,0,.25);
}
.dr-cookie-modal__panel h2 { margin: 0 0 8px; }
.dr-cookie-modal__panel > p { margin-bottom: 18px; }
.dr-cookie-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding: 15px 0;
    border-top: 1px solid #e7e7e7;
}
.dr-cookie-row strong { display: block; color: #060622; margin-bottom: 3px; }
.dr-cookie-row small { display: block; line-height: 1.45; color: #666666; }
.dr-cookie-toggle { width: 20px; height: 20px; margin-top: 2px; accent-color: #d8a15e; }
.dr-cookie-modal__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }

@media only screen and (max-width: 991.98px) {
    .header-area-wrapper { padding-top: 10px; padding-bottom: 10px; }
    .site-logo-2026 { height: 64px; }
    .brand-logo-content .ht-slick-slider .single-brand-logo { flex-basis: calc(33.333% - 24px); }
}
@media only screen and (max-width: 575.98px) {
    .site-logo-2026 { height: 56px; }
    .brand-logo-content .ht-slick-slider { gap: 18px; }
    .brand-logo-content .ht-slick-slider .single-brand-logo { flex-basis: calc(50% - 18px); min-width: 90px; }
    .dr-cookie-banner { left: 10px; right: 10px; bottom: 10px; padding: 16px; }
    .dr-cookie-banner__inner { display: block; }
    .dr-cookie-actions { margin-top: 14px; }
    .dr-cookie-actions .dr-cookie-btn { flex: 1 1 100%; }
    .dr-cookie-modal { padding: 10px; }
    .dr-cookie-modal__panel { padding: 20px 16px; }
}

/* 2026-09-04 – kompaktní hlavička izolovaná od původního sticky-header kódu.
   Původní barvy webu zůstávají beze změny. */
.header-area-wrapper.site-header-2026 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff !important;
    z-index: 1030;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
    box-shadow: none;
}

.header-area-wrapper.site-header-2026 .container-fluid,
.header-area-wrapper.site-header-2026 .row {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.header-area-wrapper.site-header-2026 .row {
    flex-wrap: nowrap;
    align-items: center !important;
}

.header-area-wrapper.site-header-2026 .row > [class*="col-"] {
    height: 100% !important;
    min-height: 0 !important;
    display: flex;
    align-items: center !important;
}

.header-area-wrapper.site-header-2026 .logo-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    line-height: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.header-area-wrapper.site-header-2026 .site-logo-2026 {
    display: block !important;
    width: auto !important;
    height: 60px !important;
    max-height: 60px !important;
    margin: 0 !important;
    object-fit: contain;
}

/* Zobrazujeme jen jedno logo. */
.header-area-wrapper.site-header-2026 .logo-wrap img.sticky-logo {
    display: none !important;
}

/* Desktopové menu je vždy svisle uprostřed hlavičky. */
.header-area-wrapper.site-header-2026 .header-right-area,
.header-area-wrapper.site-header-2026 .navigation-area-wrap,
.header-area-wrapper.site-header-2026 .main-navigation,
.header-area-wrapper.site-header-2026 .main-menu {
    height: 100% !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.header-area-wrapper.site-header-2026 .header-right-area,
.header-area-wrapper.site-header-2026 .navigation-area-wrap,
.header-area-wrapper.site-header-2026 .main-navigation,
.header-area-wrapper.site-header-2026 .main-menu,
.header-area-wrapper.site-header-2026 .main-menu > li {
    align-items: center !important;
}

.header-area-wrapper.site-header-2026 .header-right-area,
.header-area-wrapper.site-header-2026 .navigation-area-wrap,
.header-area-wrapper.site-header-2026 .main-navigation {
    display: flex;
}

.header-area-wrapper.site-header-2026 .main-menu > li {
    display: flex;
    height: 100% !important;
    line-height: 1.2 !important;
}

/* Hero musí začít přímo za hlavičkou – bez rezervy po původním slideru/headeru. */
body > .header-area-wrapper.site-header-2026 + .slider-area-wrapper.hero-tour-2026,
.slider-area-wrapper.hero-tour-2026,
.hero-tour-2026 {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    transform: none !important;
}

.hero-tour-2026 > a,
.hero-tour-2026 picture,
.hero-tour-2026 img {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    transform: none !important;
    vertical-align: top !important;
}

@media only screen and (max-width: 991.98px) {
    .header-area-wrapper.site-header-2026 {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    .header-area-wrapper.site-header-2026 .container-fluid {
        padding-left: 8px;
        padding-right: 8px;
    }

    .header-area-wrapper.site-header-2026 .logo-wrap {
        justify-content: center;
    }

    .header-area-wrapper.site-header-2026 .site-logo-2026 {
        height: 42px !important;
        max-height: 42px !important;
        margin: 0 auto !important;
    }

    .header-area-wrapper.site-header-2026 .mobile-menu {
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .header-area-wrapper.site-header-2026 .mobile-menu .fa {
        font-size: 24px;
        line-height: 1;
    }
}

@media only screen and (max-width: 575.98px) {
    .header-area-wrapper.site-header-2026 {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        overflow: visible !important;
    }

    .header-area-wrapper.site-header-2026 .container-fluid,
    .header-area-wrapper.site-header-2026 .row,
    .header-area-wrapper.site-header-2026 .row > [class*="col-"] {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    .header-area-wrapper.site-header-2026 .site-logo-2026 {
        height: 38px !important;
        max-height: 38px !important;
    }

    .header-area-wrapper.site-header-2026 .mobile-menu {
        width: 34px;
        height: 34px;
        min-width: 34px;
        min-height: 34px;
        align-self: center !important;
    }

    .header-area-wrapper.site-header-2026 .mobile-menu .fa {
        font-size: 23px;
    }

    /* Mobilní banner opravdu navazuje na 46px hlavičku bez jakékoli mezery. */
    body > .header-area-wrapper.site-header-2026 + .hero-tour-2026 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
