/* =====================================================
   SLEVY – CENY, AKCE A HVĚZDIČKY
===================================================== */


/* =====================================================
   PRICES
===================================================== */

.prices {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}


/* =====================================================
   HLAVNÍ BLOK AKCE + HVĚZDY
===================================================== */

.price-save {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    gap: 0.6rem;

    flex-wrap: nowrap;
    white-space: nowrap;

    line-height: 1;
    flex-shrink: 0;
}


/* =====================================================
   AKCE TEXT
===================================================== */

.price-save .akcetext {
    display: inline-flex;
    align-items: center;

    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;

    line-height: 1;

    /* jemné doladění vertikálního středu */
    transform: translateY(0.5px);
}


/* =====================================================
   HVĚZDY
===================================================== */

.price-save .stars {
    display: inline-flex;
    align-items: center;

    line-height: 1;
    letter-spacing: 2px;

    white-space: nowrap;
}


/* =====================================================
   PŮVODNÍ SHOPTET SLEVOVÉ ŠTÍTKY SCHOVAT
===================================================== */

.flag.default-variant,
.flag.flag-discount {
    display: none !important;
}


/* =====================================================
   ČEKÁME NA JS

   Dokud JS slevu nezpracuje, prvky schováme,
   aby nebylo vidět jejich přepisování.
===================================================== */

.price-save:not(.akce-ready),
.flag-action:not(.akce-label-ready) {
    opacity: 0;
}


/* =====================================================
   HOTOVÉ PRVKY ZOBRAZIT
===================================================== */

.price-save.akce-ready,
.flag-action.akce-label-ready {
    opacity: 1;
}


/* =====================================================
   VZHLED ŠTÍTKŮ
===================================================== */

.flag {
    border-radius: 0rem 0rem 1.5rem 0rem !important;
}


/* =====================================================
   PRODUKT VE SLEVĚ – #FF3342

   Barvy se aplikují POUZE na prvky,
   které zpracoval náš slevový JS.
===================================================== */


/* =====================================================
   AKČNÍ LABEL – BACKGROUND
===================================================== */

.flag.flag-action.akce-label-ready {
    background-color: #ff3342 !important;
}


/* =====================================================
   AKCE + HVĚZDIČKY
===================================================== */

.price-save.akce-ready,
.price-save.akce-ready .akcetext,
.price-save.akce-ready .stars {
    color: #ff3342 !important;
}


/* =====================================================
   FINÁLNÍ CENA – PRODUKTOVÁ KARTA

   Cena se obarví pouze v produktu,
   který obsahuje .price-save.akce-ready.
===================================================== */

.product .p:has(.price-save.akce-ready) .price.price-final {
    color: #ff3342 !important;
}


/* =====================================================
   FINÁLNÍ CENA – DETAIL PRODUKTU

   Cena se obarví pouze pokud detail produktu
   obsahuje .price-save.akce-ready.
===================================================== */

.p-detail:has(.price-save.akce-ready) .price.price-final {
    color: #ff3342 !important;
}

/* =====================================================
   DETAIL PRODUKTU – ZLEVNĚNÁ CENA
   Pouze pokud stejný p-price-wrapper obsahuje
   .price-save.akce-ready
===================================================== */

.p-price-wrapper:has(.price-save.akce-ready) .price-final,
.p-price-wrapper:has(.price-save.akce-ready) .calculated-price {
    color: #ff3342 !important;
}