/* =========================================================
   Ababink Shipping Timer
   =========================================================

   ⚠ Kolor marki i kroj pisma wchodza TOKENEM MOTYWU, nie wartoscia wpisana
   w arkusz. Ten modul jedzie na wszystkie sklepy rodziny, a kazda marka ma
   wlasny motyw: Garibald oliwke i DM Sans, Koszulkowy cyan i Inter. Wartosc
   wpisana tutaj jest prawdziwa na jednym sklepie i falszywa na pozostalych -
   i to bez zadnego bledu, bo CSS sie nie wywraca.

   ⚠ Zapas jest NEUTRALNY MARKOWO (grafit), a nie kolorem ktorejkolwiek marki.
   Wchodzi tylko wtedy, gdy --bs-primary nie istnieje, czyli poza motywem sklepu.
   Kolor drugiej marki w tej roli byloby najtrudniej zauwazyc: wygladalby jak
   poprawnie dzialajacy motyw.

   ⚠ Kroju NIE deklarujemy wcale - zegar ma dziedziczyc krój strony. Wpisane
   `font-family: "Segoe UI"` sprawialo, ze blok pisal innym krojem niz reszta
   sklepu na KAZDYM urzadzeniu: Segoe UI na Windows, systemowym bezszeryfowym
   wszedzie indziej. Zmierzone na froncie 2026-09-01: zegar "Segoe UI",
   strona "Inter Variable". Motyw tego nie nadpisywal, wiec nic tego nie lapalo.
   ========================================================= */

:root {
    --ast-brand: var(--bs-primary, #3f4347);
}

.sg_delivery_timer {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    max-width: 500px;
}

.sg_timer_icon img {
    height: 80px !important;
}

.sg_timer_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.sg_timer_line {
    font-size: 15px;
    font-weight: bold;
    color: #727272;
    display: inline-block;
}

/*
 * Odliczanie zostaje najmocniejszym akcentem linii, ale w kolorze marki.
 * ⚠ NIE sam `--ast-brand`: jasny kolor marki jako TEKST jest nieczytelny - zmierzone na
 *   koszulkowym `#00baff` na tle karty: 2,10:1 przy wymaganych 4,5:1 (15 px, pogrubione,
 *   czyli "zwykly" tekst wg WCAG). Bierzemy wariant motywu do tekstu (`--bs-primary-text-emphasis`)
 *   przyciemniony o 10%: koszulkowy `#006ea5` = 5,2:1 na tle karty; na garibald oliwka zostaje
 *   oliwka (motyw ma tam emphasis = primary, i tak ciemny). Pierwsza deklaracja = zapas bez color-mix.
 */
.sg_timer_line span {
    color: var(--ast-brand);
    color: color-mix(in srgb, var(--bs-primary-text-emphasis, var(--ast-brand)) 90%, #000);
}

/* Zdanie o terminie dostawy to informacja, nie alarm - stad tekst wyciszony. */
.sg_timer_note {
    font-size: 14px;
    color: var(--bs-secondary-color, #6c757d);
    margin-top: 4px;
    font-weight: 700;
}

.ast-hidden {
    display: none !important;
}

/* ---------------------------------------------------------
   Wariant koszyka i kasy (1.2.0): ten sam blok w waskiej kolumnie
   podsumowania (~340 px), wiec mniejsza ikona i pelna szerokosc.
   --------------------------------------------------------- */
.sg_delivery_timer--cart {
    max-width: none;
    margin: 0 0 .75rem;
    padding: .6rem .75rem;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--ast-brand) 6%, #fff);
}

.sg_delivery_timer--cart .sg_timer_icon img {
    height: 48px !important;
}