/* ==================================
   KRASNA MODA - MARKETINGOVE AKCIE
   ================================== */

/* Nadpis kategórie */
.km-zlavy-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    line-height: 1.4;
}

/* Nazov kampane */
.km-zlavy-campaign {
    display: inline-block;
    background: linear-gradient(135deg, #151515, #303030);
    color: #F4C653;
    padding: 8px 14px;
    border: 1px solid #C69B36;
    border-left: 5px solid #D9A832;
    border-radius: 8px;
    font-weight: 800;
    letter-spacing: 0.5px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.18);
    line-height: 1.4;
}

/* Nazov podkategorie */
.km-zlavy-category {
    font-weight: 500;
}

/* Mobilne zariadenia */
@media (max-width: 767px) {
    .km-zlavy-heading {
        gap: 8px;
    }

    .km-zlavy-campaign {
        padding: 7px 11px;
        font-size: 0.9em;
    }
}





/* Navigacia zliav – kompaktne karticky */
#km-zlavy-navigation .km-image {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex: 0 0 32px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
}

#km-zlavy-navigation .km-image img {
    width: 28px !important;
    height: 28px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: scale(1.45) !important;
    transform-origin: center !important;
}

#km-zlavy-navigation .km-subcategories a {
    display: flex;
    align-items: center;
    gap: 8px !important;
    min-height: 50px !important;
}




/* ==========================================
   ZLAVY - AKTIVNA KATEGORIA A HOVER
   ========================================== */

/* Aktivna kategoria */
#km-zlavy-navigation .km-zlavy-active a {
    background: #FFF9EB !important;
    border: 1px solid #D4A63A !important;
    box-shadow: 0 2px 8px rgba(212, 166, 58, 0.15);
    border-radius: 5px;
}

/* Nazov aktivnej kategorie */
#km-zlavy-navigation .km-zlavy-active .km-text {
    color: #7B5A16 !important;
    font-weight: 700 !important;
}

/* Zvýraznenie pri prejdení myšou */
#km-zlavy-navigation .km-subcategories a:hover {
    border-color: #D4A63A !important;
    background: #FFFDF6 !important;
    transition: all 0.2s ease;
}


/* ==========================================
   KRASNA MODA - HLAVNA STRANKA AKCIE
   Centrovanie nadpisu a informacny panel
   ========================================== */

/* Velky nadpis kampane na stred */
.km-zlavy-heading > .km-zlavy-campaign:only-child {
    margin-left: auto;
    margin-right: auto;
}

/* Upozornenie na koniec akcie */
#km-bf-deadline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 16px;
    margin: 18px 0;
    background: #FFF9EB;
    border-left: 3px solid #D4A63A;
    border-radius: 5px;
    text-align: center;
    line-height: 1.5;
}

/* Ikonka hodin */
#km-bf-deadline .km-bf-clock {
    color: #B58B31;
    font-size: 25px;
    flex-shrink: 0;
}

/* Text upozornenia */
#km-bf-deadline .km-bf-text {
    color: #292929;
    font-size: 14px;
    font-weight: 700;
}

/* Mobil */
@media (max-width: 767px) {
    #km-bf-deadline {
        padding: 12px;
        gap: 8px;
    }

    #km-bf-deadline .km-bf-text {
        font-size: 13px;
    }
}


/* Druhy riadok upozornenia */
#km-bf-deadline .km-bf-subtext {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #765A29;
    line-height: 1.5;
}