:where(body.ums_homepage_cart_checkout_headings--on) div.header-title, :where(body.ums_homepage_cart_checkout_headings--on) h2.header-title
{font-size: 1.8rem;}

:where(body.ums_homepage_cart_checkout_headings--on).type-index div.header-title, :where(body.ums_homepage_cart_checkout_headings--on).type-index h2.header-title
{height: auto;}

@media (min-width: 1024px) {
  :where(body.ums_homepage_cart_checkout_headings--on).type-index div.header-title, 
  :where(body.ums_homepage_cart_checkout_headings--on).type-index h2.header-title {
    height: auto; 
    padding-top: 50px;
  }
}

.navigation-in
{font-size:19px; line-height:19px;}

.submenu-arrow
{font-size:19px; line-height:19px; padding-left:0.5rem;}

/* =========================================
   1. DEFINICE ANIMACE (stlač a vyskoč)
   ========================================= */
@keyframes poskocit {
    0%   { transform: translateY(0) scale(1, 1); }
    15%  { transform: translateY(1px) scale(1.1, 0.9); }
    40%  { transform: translateY(-15px) scale(0.9, 1.1); }
    60%  { transform: translateY(-18px) scale(1, 1); }
    85%  { transform: translateY(1px) scale(1.05, 0.95); }
    100% { transform: translateY(0) scale(1, 1); }
}

/* =========================================
   2. SPOLEČNÉ VLASTNOSTI PRO VŠECHNY IKONY
   (Všechny odkazy dostanou stejný základ)
   ========================================= */
.navigation-in > ul > li > a[href*="/nabytek/"]::before,
.navigation-in > ul > li > a[href*="/akce/"]::before,
.navigation-in > ul > li > a[href*="/vyprodej--akce--slevy/"]::before,
.navigation-in > ul > li > a[href*="/montaz-nabytku/"]::before,
.navigation-in > ul > li > a[href*="/slevove-kupony-slevy/"]::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    vertical-align: middle;
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.8));
    
    /* Příprava pro animaci (odraz od země) */
    transform-origin: bottom;
    transform: translateY(0) scale(1);
}

/* =========================================
   3. SPOLEČNÝ EFEKT PRO ANIMACI
   (Animace se spustí, když JS přidá tuto třídu)
   ========================================= */
.navigation-in > ul > li > a[href*="/nabytek/"].poskok-aktivni::before,
.navigation-in > ul > li > a[href*="/akce/"].poskok-aktivni::before,
.navigation-in > ul > li > a[href*="/vyprodej--akce--slevy/"].poskok-aktivni::before,
.navigation-in > ul > li > a[href*="/montaz-nabytku/"].poskok-aktivni::before,
.navigation-in > ul > li > a[href*="/slevove-kupony-slevy/"].poskok-aktivni::before {
    animation: poskocit 0.6s ease;
}

/* =========================================
   4. SPOLEČNÉ SKRYTÍ V PODMENU
   (Žádná ikona se nebude drát do dropdownu)
   ========================================= */
.navigation-in .dropdown a[href*="/nabytek/"]::before,
.navigation-in .dropdown a[href*="/akce/"]::before,
.navigation-in .dropdown a[href*="/vyprodej--akce--slevy/"]::before,
.navigation-in .dropdown a[href*="/montaz-nabytku/"]::before,
.navigation-in .dropdown a[href*="/slevove-kupony-slevy/"]::before {
    display: none !important;
}

/* =========================================
   5. SPECIFICKÉ OBRÁZKY A BARVY PRO JEDNOTLIVÉ ODKAZY
   ========================================= */
   
/* Nábytek */
.navigation-in ul li a[href*="/nabytek/"] b {
    text-decoration: underline 3px #657954 !important;
    text-underline-offset: 8px !important;
}
.navigation-in > ul > li > a[href*="/nabytek/"]::before {
    background-image: url("https://www.slevadoma.cz/user/documents/upload/nabytek.png");
}

/* Akce */
.navigation-in ul li a[href*="/akce/"] b {
    text-decoration: underline 3px #ECA400 !important;
    text-underline-offset: 8px !important;
}
.navigation-in > ul > li > a[href*="/akce/"]::before {
    background-image: url("https://www.slevadoma.cz/user/documents/upload/akce.png");
}

/* Výprodej skladu */
.navigation-in ul li a[href*="/vyprodej--akce--slevy/"] b {
    text-decoration: underline 3px #df4130 !important;
    text-underline-offset: 8px !important;
}
.navigation-in > ul > li > a[href*="/vyprodej--akce--slevy/"]::before {
    background-image: url("https://www.slevadoma.cz/user/documents/upload/vyprodej-skladu.png");
}

/* Montáž nábytku */
.navigation-in ul li a[href*="/montaz-nabytku/"] b {
    text-decoration: underline 3px #884b44 !important;
    text-underline-offset: 8px !important;
}
.navigation-in > ul > li > a[href*="/montaz-nabytku/"]::before {
    background-image: url("https://www.slevadoma.cz/user/documents/upload/montaz.png");
}

/* Slevy */
.navigation-in ul li a[href*="/slevove-kupony-slevy/"] b {
    text-decoration: underline 3px #211103 !important;
    text-underline-offset: 8px !important;
}
.navigation-in > ul > li > a[href*="/slevove-kupony-slevy/"]::before {
    background-image: url("https://www.slevadoma.cz/user/documents/upload/sleva.png");
}

/* 1. Definice animace (Zapulsovat a zůstat zvětšený) */
@keyframes zapulsovatAZustat {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); } /* Vrchol pulsu */
    100% { transform: scale(1.02); } /* Konečný stav (o 2 % větší) */
}

/* 2. Základní stav (Návrat po odjetí myši) */
.banners-top .banner-wrapper {
    /* Tranzice zajistí plynulý návrat do scale(1) při odjetí myši */
    transition: transform 0.4s ease-out;
    transform: scale(1);
}

/* 3. Stav při najetí myší (Hover) - OPRAVENO */
.banners-top .banner-wrapper:hover {
    animation-name: zapulsovatAZustat;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1; 
    
    /* Zůstane ve stavu ze 100% klíče (zvětšený) */
    animation-fill-mode: forwards; 
}

.admin-logged .header-navigation
{background: #cb5043;}

    /* CHYTÁK */
    #promo-falling-object {
        position: fixed;
        top: -150px; /* Začíná schovaný o něco výše kvůli velikosti obrázku */
        z-index: 999999;
        cursor: pointer;
        user-select: none;
        
        /* --- NASTAVENÍ VELIKOSTI OBRÁZKU --- */
        width: 100px;  /* Šířka padajícího objektu */
        height: auto; /* Výška se dopočítá poměrově */
        /* ---------------------------------- */
    }

    /* Aby obrázek uvnitř kontejneru správně seděl */
    #promo-falling-object img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Definice animace pro kolébavý pád (stejná jako minule) */
    .leaf-animation {
        animation: swayAndFall 6s ease-in-out forwards; 
    }

    @keyframes swayAndFall {
        0%   { transform: translate(0px, 0vh) rotate(0deg); }
        20%  { transform: translate(50px, 20vh) rotate(20deg); }
        40%  { transform: translate(-50px, 40vh) rotate(-20deg); }
        60%  { transform: translate(50px, 60vh) rotate(20deg); }
        80%  { transform: translate(-50px, 80vh) rotate(-20deg); }
        100% { transform: translate(0px, 110vh) rotate(0deg); }
    }

    /* Styly pro vyskakovací okno */
    .promo-modal-overlay {
        display: none; position: fixed; top: 0; left: 0; 
        width: 100%; height: 100%; background: rgba(0,0,0,0.7); 
        z-index: 9999999; align-items: center; justify-content: center;
        font-family: Arial, sans-serif;
    }
    .promo-modal-content {
        background: #fff; padding: 30px; border-radius: 12px;
        text-align: center; max-width: 400px; width: 90%; box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    }
    .promo-code-box {
        background: #f8f9fa; padding: 15px; font-size: 28px; font-weight: bold;
        color: #e60000; margin: 20px 0; border: 2px dashed #ccc; letter-spacing: 2px;
    }
    .promo-close-btn {
        background: #000; color: #fff; border: none; padding: 12px 25px;
        cursor: pointer; border-radius: 6px; font-size: 16px; font-weight: bold;
    }
    .promo-close-btn:hover { background: #333; }