/* ═══════════════════════════════════════════════════════════════════════════ BARA DE CONSIMȚĂMÂNT COOKIE + CONFIRMARE 18+ ⚠️ ASTA NU E PARITATE. E O ADĂUGARE DELIBERATĂ, cerută de owner 2026-09-04. Producția CakePHP avea un banner de cookie-uri (`Elements/footer.ctp:158-185` + `webroot/js/cookie.js`), pe care portul NU l-a preluat: Faza 1 nu avea voie să scrie niciun cookie. După cutover-ul din 2026-09-03 asta a lăsat site-ul fără NICIUN mecanism de consimțământ, cu containerul GTM încărcat la fiecare vizită. În plus, PayU a cerut un mecanism de confirmare a vârstei. NU e o portare a bannerului vechi. Acela era o cutie de 240px lipită stânga-jos (`public/css/legacy/cookie.css`, care se încarcă în continuare pe fiecare pagină prin `LegacyStylesheets` și rămâne INERTĂ — n-are markup). De aceea toate clasele de aici sunt `shop-consent-*`: zero coliziune cu `.cc-wrapper`, `.cc-message`, `.x-agree`, `.more-info`, `.switch`, `.slider`. ── DE CE Z-INDEX 1035, ȘI NU 9999 CA BANNERUL VECHI ────────────────────── Scara reală a storefront-ului, măsurată prin grep pe toate foile: 900 .shop-sticky-cart (bara „Adaugă în coș", pagina de produs) 1000 #header 1035 ← BARA ASTA 1040 scrimul sertarelor (shop-filters.css:193, account:324) 1045 sertarul de filtre / cont (shop-filters.css:163, account:298) 10000 notificarea de coș 10001 panoul de sugestii de căutare Butoanele „Șterge filtre" / „Aplică filtrele" stau JOS în sertarul de filtre (`.shop-filters-foot`, `filters.blade.php:139`). O bară la 9999 le-ar acoperi pe fiecare pagină de catalog, pe telefon. La 1035 bara trece cuminte în spatele scrimului când se deschide un sertar, iar în rest e cel mai de sus element fix. Zero JavaScript pentru asta. ── AFIȘAREA E CONDIȚIONATĂ DE O CLASĂ PE , NU DE JS ──────────────── Clasa `shop-consent-ask` / `shop-consent-done` e pusă de scriptul SINCRON din `` (`shop/layout.blade.php`), înainte de primul paint. Consecințe, toate dorite: 1. zero pâlpâire pentru cine a ales deja — bara n-are cutie nicio milisecundă; nu e „se arată și se ascunde", e „nu se randează"; 2. HTML identic pentru toți vizitatorii — doar clasa diferă, iar ea se calculează în browser. Nicio variație server-side, niciun `Vary: Cookie`; 3. fără JavaScript bara nu apare — și e corect: fără JS nici `gtm.js` nu se încarcă, deci nu se scrie niciun cookie neesențial. Nu există la ce consimți. Culorile sunt cele deja folosite de `shop-sticky-cart.css` (#cd0018 / #ffffff / #999999). Zero culori noi în proiect. ═══════════════════════════════════════════════════════════════════════════ */ /* ── 1. Cutia barei ──────────────────────────────────────────────────────── */ .shop-consent { display: none; } html.shop-consent-ask .shop-consent { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1035; box-sizing: border-box; background: #ffffff; border-top: 1px solid #e0e0e0; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12); /* `env(safe-area-inset-bottom)` — bara de gesturi de pe iPhone-urile fără buton fizic. Pe orice altceva `env()` e 0px și nu schimbă nimic. */ padding: 12px 16px; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } .shop-consent * { box-sizing: border-box; } /* ── 2. Rândul principal: text la stânga, butoane la dreapta ─────────────── */ .shop-consent-main { display: flex; align-items: center; gap: 16px; max-width: 1240px; margin: 0 auto; } .shop-consent-text { flex: 1 1 auto; margin: 0; color: #212529; font-size: 12px; line-height: 1.45; } .shop-consent-age { display: inline-block; margin-right: 6px; padding: 1px 6px; border-radius: 3px; background: #cd0018; color: #ffffff; font-size: 11px; font-weight: 700; vertical-align: 1px; } .shop-consent-text a { color: #cd0018; text-decoration: underline; } /* Cele două variante de frază. Implicit se vede cea lungă; media query-ul de la §7 le inversează. Motivul e măsurat: cu varianta lungă bara ocupa 257px la 375×812, adică 32% din ecran — împotriva cerinței „să nu fie deloc invazivă". */ .shop-consent-short { display: none; } /* ── 3. Butoanele ────────────────────────────────────────────────────────── */ /* Acceptul și refuzul au ACEEAȘI înălțime și ACELAȘI `font-size`. Nu e o preferință estetică: Ghidul EDPB 03/2022 privind tiparele înșelătoare, și amenzile CNIL din ianuarie 2022 (Google 150 mil. €, Meta 60 mil. €), au ca obiect exact refuzul făcut mai greu decât acceptul. Diferă doar culoarea. */ .shop-consent-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; } .shop-consent-accept, .shop-consent-reject { min-height: 40px; padding: 8px 16px; border-radius: 4px; font-size: 13px; font-weight: 600; line-height: 1.2; cursor: pointer; white-space: nowrap; } .shop-consent-accept { border: 1px solid #cd0018; background: #cd0018; color: #ffffff; } .shop-consent-reject { border: 1px solid #999999; background: #ffffff; color: #333333; } /* Setarile sunt un control TERTIAR si traiesc in fluxul textului, langa "Detalii" si "Termeni". Arata ca ele (aceeasi culoare, subliniat), dar raman `