/*
 * destination-cards.css se enqueuuje samostatne ve functions.php (jako
 * zavislost tohoto souboru), misto puvodniho @import - viz poznamka tam.
 *
 * =========================================================
 * DETAIL DESTINACE – ZEME A KONTINENTY
 * Jedine misto pro hero a rozvrzeni detailu destinaci.
 * Breadcrumbs zustavaji v breadcrumbs.css, slidery v destinations-sliders.css.
 * Karty destinaci maji jediny sdileny vzhled v destination-cards.css.
 * ========================================================= */

/* Spolecne hero pozadi pro zeme i kontinenty. */
.destination-country-page .destination-country-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.52) 0%,
            rgba(0,0,0,.18) 42%,
            rgba(0,0,0,.04) 68%,
            rgba(0,0,0,0) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,0,0,.58) 0%,
            rgba(0,0,0,.18) 28%,
            rgba(0,0,0,.04) 48%,
            rgba(0,0,0,0) 68%
        );
}

/* =========================================================
   KONTINENT – RAD ZEMI V OBLASTI
   Resi pouze rozlozeni radku. Vzhled i velikost karet jsou
   centralne v destination-cards.css.
   ========================================================= */
.destination-continent-page .destination-continent-countries .destinations-featured-grid {
    display: flex !important;
    gap: 16px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 18px !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.destination-continent-page .destination-continent-countries .destinations-featured-grid::-webkit-scrollbar {
    display: none;
}

/* =========================================================
   DESKTOP A TABLET
   ========================================================= */
@media (min-width: 761px) {
    /*
     * Kontinent pouziva stejnou vysku a zakladni hero logiku jako zeme.
     * Delsi obsah smi hero prirozene zvysit, aby se nadpis nikdy neschoval.
     */
    .destination-continent-page .destination-continent-hero {
        min-height: 82vh !important;
        height: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        padding: 120px 38px 9vh !important;
    }

    .destination-continent-page .destination-continent-hero .destination-country-hero-inner {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 1480px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
    }

    /*
     * Hlavni text kontinentu odpovida beznemu textu na detailu zeme:
     * 19 px, stejne radkovani a stejna maximalni sirka 980 px.
     */
    .destination-continent-page .destination-continent-lead {
        width: 100% !important;
        max-width: 980px !important;
        margin-top: 28px !important;
        font-size: 19px !important;
        line-height: 1.72 !important;
        font-weight: 400 !important;
    }

    .destination-continent-page .destination-continent-lead p {
        margin: 0 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: inherit !important;
    }

    .destination-continent-page .destination-continent-lead p + p {
        margin-top: 16px !important;
    }

    /* Detail zeme: hero, obsah, nabidka cest a CTA na stejne ose 1280 px. */
    .destination-country-page:not(.destination-continent-page) .msn-trip-offer > .destination-continent-trips-layout,
    .destination-country-page:not(.destination-continent-page) .msn-plan-cta__inner {
        width: 90% !important;
        max-width: 1280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Detail kontinentu: zachovani schvalene osy 1480 px / minimalne 38 px. */
    .destination-continent-page .destination-continent-about,
    .destination-continent-page .destination-continent-countries {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .destination-continent-page .destination-continent-about .destination-country-container,
    .destination-continent-page .destination-continent-countries .destinations-featured-inner,
    .destination-continent-page .destination-continent-trips-layout,
    .destination-continent-page .msn-plan-cta__inner {
        width: min(calc(100% - 76px), 1480px) !important;
        max-width: 1480px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* =========================================================
   MOBIL
   ========================================================= */
@media (max-width: 760px) {
    /*
     * Zeme: explicitne prebijime starsi pravidlo ve style.css,
     * ktere presouvalo obsah nahoru a vynucovalo 100svh.
     */
    .destination-country-page:not(.destination-continent-page) .destination-country-hero {
        position: relative !important;
        min-height: 76svh !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-end !important;
        padding: 96px 20px 70px !important;
    }

    .destination-country-page:not(.destination-continent-page) .destination-country-hero-inner {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    /*
     * Kontinent: stejna spodni logika jako u zeme, ale hero muze podle
     * dlouheho textu prirozene vyrust a nadpis tak nikdy nezmizi.
     */
    .destination-continent-page .destination-continent-hero,
    .destination-continent-page .destination-country-hero {
        position: relative !important;
        min-height: 76svh !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-end !important;
        padding: 96px 20px 70px !important;
    }

    .destination-continent-page .destination-country-hero-inner {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .destination-country-page .destination-country-kicker {
        position: static !important;
        inset: auto !important;
    }

    /* Kontinent: stejna mobilni typografie jako bezny text detailu zeme. */
    .destination-continent-page .destination-continent-lead {
        width: 100% !important;
        max-width: none !important;
        margin-top: 22px !important;
        font-size: 17px !important;
        line-height: 1.65 !important;
        font-weight: 400 !important;
    }

    .destination-continent-page .destination-continent-lead p {
        margin: 0 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: inherit !important;
    }

    .destination-continent-page .destination-continent-lead p + p {
        margin-top: 14px !important;
    }

    /* Kontinent: stejne 20px bocni odsazeni u obsahovych sekci. */
    .destination-continent-page .destination-continent-about,
    .destination-continent-page .destination-continent-countries {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .destination-continent-page .destination-continent-about .destination-country-container,
    .destination-continent-page .destination-continent-countries .destinations-featured-inner,
    .destination-continent-page .msn-plan-cta__inner {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .destination-continent-page .destination-continent-countries .destinations-featured-grid {
        width: calc(100% + 20px) !important;
        margin-right: -20px !important;
        gap: 12px !important;
        padding-right: 20px !important;
    }

    /* Slider cest zustava na mobilu pres celou sirku kvuli swipe. */
    .destination-continent-page .destination-continent-trips-layout {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}