/**
 * Complianz sutikimo juosta — kompaktiškas telefono maketas
 *
 * Complianz niekada neredaguojamas. Jo juostos stilius yra generuojamas
 * failas `uploads/complianz/css/banner-1-optin.css`, kurį perrašo kiekvienas
 * nustatymų išsaugojimas ir įskiepio atnaujinimas, o spalvos jame ateina iš
 * admin paletės. Todėl čia keičiama TIK geometrija (aukštis, tarpai, mygtukų
 * išdėstymas) ir vienas fokuso žiedas, kurio admin pasiekti negali.
 *
 * `!important` čia nėra tingumas — jis išmatuotas. Generuojamą juostos lapą
 * į <head> įdeda pats `complianz.min.js`, jau puslapiui pasikrovus, tad jis
 * atsiduria UŽ visų temos modulių:
 *   temos moduliai ... mlp-charcoal.css  → 31
 *   banner-1-optin.css                   → 32   (įdėtas JS'u)
 * Vienodo specifiškumo taisyklėse laimi vėlesnė, tad be `!important` temos
 * eilutė pralaimėtų. Selektoriai nurašyti nuo Complianz pusės pažodžiui.
 *
 * Kodėl tik ≤768 px: būtent ties šiuo Complianz rėžiu mygtukai sustoja į
 * stulpelį (`flex-direction: column`) ir juosta išauga iki 340 px. Nuo 769 px
 * juosta lieka tokia, kokia buvo — darbalaukis nekeičiamas.
 *
 * Kodėl `min-height: 401px`: ties `max-height: 400px` Complianz turi savo
 * gulsčio telefono taisykles su `!important` ir `zoom`. Jos yra vėlesnės, tad
 * vis tiek laimėtų — todėl ten tiesiog nesikišama ir paliekamas įskiepio
 * elgesys, o ne rašomos taisyklės, kurios tyliai nesuveiktų.
 *
 * Ką juosta uždengia — išmatuota gyvai ties 412 × 915 ant `v20.0.340`:
 * juosta stovi 713–915 px. Prekės ženklas (114), pavadinimas (157) ir kaina
 * (194–233) lieka virš jos su 480 px atsarga, nuotrauka — su 76 px,
 * miniatiūros — su 4 px. Už juostos lieka tik pirkimo kortelės viršus (733),
 * ir tik tol, kol juosta rodoma.
 *
 * ⚠️ Ankstesnė šio failo antraštė čia skelbė, kad pavadinimas ir kaina bus
 * uždengti visada — ji rėmėsi senu maketu, kuriame jie stovėjo ties 844 ir
 * 882 px. Tai nebegalioja nuo `AUDIT #124`: telefone tapatybė iškelta virš
 * nuotraukos, tad uždengimo klausimo nebėra. Žr. `AUDIT #122` ir `#123`.
 *
 * Pasikeitus Complianz stiliams, patikra:
 *   curl -s .../uploads/complianz/css/banner-1-optin.css | grep -c "245fcc"
 * Failas parašytas radus 1 tokį žiedą. Skaičiui pasikeitus — peržiūrėti.
 */

/* ===========================================
   1. FOKUSO ŽIEDAS — visuose pločiuose
   =========================================== */

/*
 * Vienintelė juostos spalva, kurios admin paletė nepasiekia: ji įrašyta ne
 * `:root` kintamuoju, o tiesiai taisyklėje. Žiedas NEPANAIKINAMAS — jis yra
 * vienintelis matomas fokuso ženklas ant jungiklio; keičiama tik spalva.
 */
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before {
    box-shadow: 0 0 0 2px var(--w-charcoal) !important;
}

/* ===========================================
   2. KOMPAKTIŠKAS MAKETAS — telefonas
   =========================================== */

@media (max-width: 768px) and (min-height: 401px) {

    .cmplz-cookiebanner {
        padding: 12px 16px !important;
        border-radius: 14px 14px 0 0 !important;
        grid-gap: 8px !important;
    }

    /*
     * Didžiausias vienas laimėjimas ir jo akimis nesimato: antraštė ir du
     * skirtukai telefone yra 0 px aukščio (pavadinimas po 425 px slepiamas),
     * bet lieka tinklelio elementais — tad kiekvienas dar susirenka po tarpą.
     * Šeši elementai davė penkis tarpus, iš kurių trys buvo aplink nieką:
     * 40 px tuštumos iš 228 px juostos. `display: none` išima juos iš tinklelio
     * visai, ir tarpai lieka tik tarp to, kas tikrai piešiama.
     */
    .cmplz-cookiebanner .cmplz-header,
    .cmplz-cookiebanner .cmplz-divider {
        display: none !important;
    }

    /*
     * Dvi eilutės vietoj keturių. Tekstas lieka DOM'e ir jį perskaito ekrano
     * skaitytuvas — nukerpama tik vizualiai, o pilna formuluotė pasiekiama per
     * „Slapukų politika" nuorodą, stovinčią čia pat.
     */
    .cmplz-cookiebanner .cmplz-message {
        margin-bottom: 0 !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
    }

    /*
     * „Sutinku" ir „Tik būtini" greta, vienodo dydžio. Tai maketas, ne spalvų
     * sprendimas — mygtukų fonai, rėmeliai ir tekstas lieka tokie, kokius juos
     * nustatė savininkas admin paletėje.
     */
    .cmplz-cookiebanner .cmplz-buttons {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
        min-height: 46px !important;
        font-size: 13px !important;
        line-height: 18px !important;
        padding: 0 8px !important;
        white-space: normal !important;
    }

    /*
     * Viskas, kas nėra pasirinkimo pora — „Pasirinkti", „Išsaugoti nuostatas" —
     * gula per abu stulpelius. Taisyklė parašyta per :not(), kad atsivėrus
     * kategorijoms atsirandantis mygtukas nesugriautų tinklelio.
     */
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:not(.cmplz-accept):not(.cmplz-deny) {
        grid-column: 1 / -1 !important;
        min-height: 38px !important;
        font-size: 12.5px !important;
    }

    /*
     * Teisinių nuorodų eilutė lieka 35 px ir su `nowrap`, ir be jo — ją laiko
     * ne laužymas, o pačių `li` aukštis. Bandytos taisyklės nieko nekeitė, tad
     * jos neįrašytos: čia lieka tik tai, kas išmatuojamai veikia.
     */
    .cmplz-cookiebanner .cmplz-documents {
        margin-top: 0 !important;
    }

    .cmplz-cookiebanner .cmplz-documents .cmplz-link {
        font-size: 11px !important;
    }

    /* Kategorijų sąrašas atsiveria tik paspaudus „Pasirinkti" — kad atsivėręs
       neišstumtų mygtukų už ekrano, jam duodama riba ir sava slinktis. */
    .cmplz-cookiebanner .cmplz-categories {
        max-height: 40vh !important;
        overflow-y: auto !important;
    }
}