/* Prozor za izbor kolačića (06.11.2026, /feature baner-kolacici).
   Traka na dnu ekrana, ne blokira stranu. „Prihvatite sve" i „Odbijte"
   imaju istu klasu i isti izgled (odbijanje ne sme biti teže). Dok je
   prozor otvoren, strana dobija donji razmak (--kolacici-visina iz
   includes/kolacici_baner.php), a lepljive trake („KUPITE" na proizvodu,
   „POTVRDITE PORUDŽBINU" u checkout-u) stoje iznad prozora; plutajuća
   kontakt dugmad i „nazad na vrh" se tada sklanjaju. */
.kolacici {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10050;
    background: #fff;
    border-top: 3px solid #f6cc00;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .15);
    max-height: 70vh;
    overflow-y: auto;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.kolacici[hidden] { display: none; }
.kolacici-sadrzaj {
    max-width: 1140px;
    margin: 0 auto;
    padding: 16px 20px;
}
.kolacici-naslov {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
}
.kolacici-naslov:focus { outline: none; }
.kolacici-naslov:focus-visible { outline: 2px solid #0a3d91; outline-offset: 2px; }
.kolacici-tekst {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.55;
    color: #333;
}
.kolacici-tekst a,
.kolacici-link {
    color: #1a1a1a;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #f6cc00;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
.kolacici-podesavanja {
    display: grid;
    gap: 8px;
    margin: 0 0 12px;
}
.kolacici-podesavanja[hidden] { display: none; }
.kolacici-izbor {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
}
.kolacici-izbor input {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    flex-shrink: 0;
    accent-color: #1a1a1a;
}
.kolacici-dugmad {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.kolacici-dugme {
    min-height: 44px;
    min-width: 150px;
    padding: 10px 20px;
    border: 2px solid #1a1a1a;
    border-radius: 6px;
    background: #1a1a1a;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.kolacici-dugme:hover { background: #333; border-color: #333; color: #fff; }
.kolacici-dugme:focus-visible,
.kolacici-link:focus-visible { outline: 3px solid #0a3d91; outline-offset: 2px; }
.kolacici-dugme[hidden] { display: none; }
.kolacici-link {
    min-height: 44px;
    padding: 10px 8px;
    border: 0;
    background: none;
    font-size: 15px;
    cursor: pointer;
}
.kolacici-link:hover { color: #1a1a1a; }

/* Dugme „Podešavanja kolačića" u podnožju izgleda kao ostali linkovi tamo. */
.footer-pravno .kolacici-otvori {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.footer-pravno .kolacici-otvori:hover { text-decoration: underline; }

html.kolacici-otvoren body { padding-bottom: var(--kolacici-visina, 0px); }
html.kolacici-otvoren .sticky-cart,
html.kolacici-otvoren .checkout-sticky-cta { bottom: var(--kolacici-visina, 0px) !important; }
/* Kratka rečenica postoji samo na telefonu (12.11.2026, /fix kolacici-mobilni). */
.kolacici-kratko { display: none; }

/* Proizvod na nižem telefonu: kad bi prozor pokrio „KUPITE ODMAH", traka za
   kupovinu stoji iznad prozora (klasu postavlja includes/kolacici_baner.php). */
html.kolacici-otvoren.kolacici-kupi-pokriven .sticky-cart { transform: translateY(0) !important; }

html.kolacici-otvoren .floating-contact,
html.kolacici-otvoren #back-to-top { display: none !important; }

/* Telefon (12.11.2026, /fix kolacici-mobilni): prozor je bio ~300 px (naslov,
   pet redova teksta, „Podešavanja" u posebnom redu) i pokrivao „KUPITE
   ODMAH" u prvom ekranu proizvoda i pola forme u checkout-u. Sada ~140 px:
   naslov samo za čitač ekrana, jedna kratka rečenica sa „Podešavanja" i
   politikom, pa „Prihvatite sve" / „Odbijte" — isti izgled i visina kao pre. */
@media (max-width: 576px) {
    .kolacici-sadrzaj { padding: 10px 14px; }
    .kolacici-naslov {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }
    .kolacici-dugo { display: none; }
    .kolacici-kratko { display: block; font-size: 13.5px; line-height: 1.45; margin: 0 0 8px; }
    .kolacici-kratko .kolacici-link {
        min-height: 0;
        padding: 3px 2px;
        font-size: inherit;
        line-height: inherit;
    }
    .kolacici-dugmad { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .kolacici-dugme { min-width: 0; width: 100%; }
    .kolacici-dugme[data-kolacici="sacuvaj"] { grid-column: 1 / -1; }
    .kolacici-dugmad .kolacici-link { display: none; }
}