/*
 * Bannerul de cookies (pluginul Ordell Kooke), în stilul site-ului. B5, 26 octombrie, `v1.75.12`.
 * → `79-audit-functional.md` B5 · mockup: `Website/Assets/mockuri/2026-10-26-b5-cookie-stil.html`
 *
 * 🔑 Bannerul stă JOS, scris aici, nu doar în setarea pluginului. Sus acoperea antetul: pe telefon
 *    logo, Meniu, căutare și coș; pe desktop, căutarea. `top:auto` desface ancorarea de sus a
 *    pluginului, deci poziția nu mai depinde de ce scrie în ecranul lui.
 * 🔑 Telefon: card cu 12px de jur împrejur, butoanele unul sub altul sub 480px (eticheta lungă de la
 *    „esențiale” se rupea pe două rânduri lângă „Acceptă”). Desktop (≥768px): card de 720px, centrat,
 *    la 24px de jos, butoanele pe un rând (varianta A, aleasă de Seba).
 * ⚠️ Pluginul scrie inline `width:100vw; max-width:768px` pe învelitoare când se deschid preferințele.
 *    De aceea `width` / `max-width` au `!important` — e singurul fel de a trece peste un stil inline.
 * ⚠️ Pluginul dă focus lui „Acceptă” la deschidere, deci hover-ul NU se leagă de :focus / :focus-visible
 *    (ar apărea aprins din prima). Inelul de focus apare doar la tastatură, prin clasa lui `_brlbs-keyboard`.
 * 🔑 Selectoarele încep cu `#OrdellKookeBox .cookie-box` (1,2,0) și bat regulile lui (1,1,0) fără `!important`.
 */

/* Poziția: jos, indiferent de setarea pluginului. */
#OrdellKookeBox ._brlbs-box-wrap{ top:auto !important; }
#OrdellKookeBox ._brlbs-box-wrap{ max-width:none; width:auto; }
#OrdellKookeBox ._brlbs-box{ background:#FAFCFF; color:#53798A; border:1px solid #C4D2D7; border-radius:16px; box-shadow:0 12px 40px rgba(10,67,92,.18); padding:24px; font-family:Inter,system-ui,sans-serif; }
#OrdellKookeBox ._brlbs-box .container{ padding:0; max-width:none; }
#OrdellKookeBox #CookieBoxTextDescription{ margin:0 0 4px; font-size:14px; line-height:1.5; color:#53798A; }
#OrdellKookeBox #CookieBoxTextDescription ._brlbs-paragraph{ display:block; margin:0 0 6px; font-size:14px; line-height:1.5; }
#OrdellKookeBox #CookieBoxTextDescription ._brlbs-text-description{ font-size:16px; font-weight:600; color:#0A435C; margin-bottom:8px; }
#OrdellKookeBox #CookieBoxTextDescription a{ color:#0B8669; text-decoration:underline; text-underline-offset:2px; font-weight:500; }
#OrdellKookeBox .cookie-box .col-12{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
#OrdellKookeBox .cookie-box .col-12 > ._brlbs-flex-center{ flex:1 1 100%; }
#OrdellKookeBox .cookie-box p._brlbs-accept, #OrdellKookeBox .cookie-box p._brlbs-refuse-btn, #OrdellKookeBox .cookie-box p._brlbs-manage-btn{ margin:0; }
#OrdellKookeBox .cookie-box ._brlbs-btn{ display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 20px; border-radius:8px; font-size:16px; font-weight:500; line-height:1.2; text-align:center; width:100%; transition:background-color .2s, border-color .2s, color .2s; }
#OrdellKookeBox .cookie-box ._brlbs-btn-accept-all{ background:linear-gradient(to left,#013465,#14A5A9); color:#fff; border:0; font-weight:600; }
#OrdellKookeBox .cookie-box ._brlbs-btn-accept-all:hover{ background:#0B8669; color:#fff; }
#OrdellKookeBox .cookie-box ._brlbs-refuse-btn ._brlbs-btn{ background:#fff; color:#0A435C; border:1px solid #C4D2D7; }
#OrdellKookeBox .cookie-box ._brlbs-refuse-btn ._brlbs-btn:hover{ background:#fff; color:#0B8669; border-color:#0B8669; }
#OrdellKookeBox .cookie-box ._brlbs-manage-btn ._brlbs-btn{ background:none; border:0; color:#0A435C; text-decoration:underline; text-underline-offset:3px; font-size:14px; min-height:40px; padding:0 8px; width:auto; }
#OrdellKookeBox .cookie-box ._brlbs-manage-btn ._brlbs-btn:hover{ background:none; color:#0B8669; }
/* Inel de focus doar la tastatură: pluginul pune singur clasa _brlbs-keyboard și dă focus lui „Acceptă” la deschidere. */
#OrdellKookeBox._brlbs-keyboard .cookie-box ._brlbs-btn:focus{ outline:2px solid #0B8669 !important; outline-offset:2px; }
/* Telefon: Acceptă + Esențiale una lângă alta (aceeași mărime), Preferințe ca link dedesubt. */
@media (max-width: 767.98px){
  #OrdellKookeBox ._brlbs-box-wrap{ left:12px; right:12px; bottom:12px; width:auto !important; max-width:none !important; }
  #OrdellKookeBox ._brlbs-box{ padding:16px; border-radius:16px; }
  #OrdellKookeBox #CookieBoxTextDescription{ margin-bottom:0; }
  #OrdellKookeBox #CookieBoxTextDescription ._brlbs-paragraph{ font-size:13px; }
  #OrdellKookeBox #CookieBoxTextDescription ._brlbs-text-description{ font-size:15px; }
  #OrdellKookeBox .cookie-box .col-12{ gap:8px; }
  #OrdellKookeBox .cookie-box p._brlbs-accept, #OrdellKookeBox .cookie-box p._brlbs-refuse-btn{ flex:1 1 calc(50% - 4px); }
  #OrdellKookeBox .cookie-box ._brlbs-btn{ font-size:15px; padding:0 12px; }
  #OrdellKookeBox .cookie-box p._brlbs-manage-btn{ flex:1 1 100%; display:flex; justify-content:center; }
}
/* Sub 480px „Acceptați numai cookie-uri esențiale” se rupe pe două rânduri lângă „Acceptă”: unul sub altul, la aceeași mărime. */
@media (max-width: 479.98px){
  #OrdellKookeBox .cookie-box p._brlbs-accept, #OrdellKookeBox .cookie-box p._brlbs-refuse-btn{ flex-basis:100%; }
}

/* ─── Panoul „Preferințe”, deschis în același card ─── */
#OrdellKookeBox .cookie-preference ._brlbs-h3{ display:block; margin:0 0 8px; font-size:18px; font-weight:600; line-height:1.3; color:#0A435C; text-align:left; }
#OrdellKookeBox .cookie-preference #CookiePrefDescription{ margin:0 0 16px; font-size:14px; line-height:1.5; color:#53798A; }
#OrdellKookeBox .cookie-preference #CookiePrefDescription ._brlbs-paragraph{ display:block; margin:0 0 6px; }
#OrdellKookeBox .cookie-preference #CookiePrefDescription a{ color:#0B8669; text-decoration:underline; text-underline-offset:2px; font-weight:500; }
#OrdellKookeBox .cookie-preference .col-sm-10, #OrdellKookeBox .cookie-preference .col-sm-2{ flex:0 0 100%; max-width:100%; }
#OrdellKookeBox .cookie-preference p._brlbs-accept{ display:flex; flex-wrap:wrap; gap:8px; margin:0; }
#OrdellKookeBox .cookie-preference p._brlbs-accept ._brlbs-btn{ display:flex; align-items:center; justify-content:center; flex:1 1 auto; min-height:44px; margin:0; padding:0 16px; border-radius:8px; font-size:15px; font-weight:500; line-height:1.2; text-align:center; transition:background-color .2s, border-color .2s, color .2s; }
#OrdellKookeBox .cookie-preference p._brlbs-accept ._brlbs-btn-accept-all{ background:linear-gradient(to left,#013465,#14A5A9); color:#fff; border:0; font-weight:600; }
#OrdellKookeBox .cookie-preference p._brlbs-accept ._brlbs-btn-accept-all:hover{ background:#0B8669; color:#fff; }
#OrdellKookeBox .cookie-preference p._brlbs-accept #CookiePrefSave, #OrdellKookeBox .cookie-preference p._brlbs-accept ._brlbs-refuse-btn{ background:#fff; color:#0A435C; border:1px solid #C4D2D7; }
#OrdellKookeBox .cookie-preference p._brlbs-accept #CookiePrefSave:hover, #OrdellKookeBox .cookie-preference p._brlbs-accept ._brlbs-refuse-btn:hover{ background:#fff; color:#0B8669; border-color:#0B8669; }
#OrdellKookeBox._brlbs-keyboard .cookie-preference ._brlbs-btn:focus{ outline:2px solid #0B8669 !important; outline-offset:2px; }
#OrdellKookeBox .cookie-preference p._brlbs-refuse{ margin:12px 0 0; text-align:center; }
#OrdellKookeBox .cookie-preference p._brlbs-refuse a{ color:#0A435C; font-size:14px; text-decoration:underline; text-underline-offset:3px; }
#OrdellKookeBox .cookie-preference .bcac-item{ background:#fff; border:1px solid #C4D2D7; border-radius:12px; padding:16px; margin:12px 0 0; color:#53798A; }
#OrdellKookeBox .cookie-preference .bcac-item ._brlbs-h4{ font-size:16px; font-weight:600; color:#0A435C; }
#OrdellKookeBox .cookie-preference .bcac-item p{ font-size:14px; line-height:1.5; color:#53798A; }
#OrdellKookeBox .cookie-preference .bcac-item a{ color:#0B8669; }
#OrdellKookeBox .cookie-preference ._brlbs-btn-switch input:checked + ._brlbs-slider{ background-color:#0B8669; }
#OrdellKookeBox .cookie-preference ._brlbs-btn-switch ._brlbs-slider{ border-radius:13px; }
#OrdellKookeBox .cookie-preference ._brlbs-btn-switch ._brlbs-slider::before{ border-radius:50%; }
#OrdellKookeBox .cookie-preference ._brlbs-legal a, #OrdellKookeBox .cookie-preference ._brlbs-branding a{ color:#53798A; }

@media (min-width: 768px){
  #OrdellKookeBox ._brlbs-box-wrap{ width:720px !important; max-width:calc(100% - 48px) !important; left:50%; right:auto; bottom:24px; transform:translateX(-50%); }
  #OrdellKookeBox .cookie-box p._brlbs-accept, #OrdellKookeBox .cookie-box p._brlbs-refuse-btn{ flex:0 0 auto; }
  #OrdellKookeBox .cookie-box ._brlbs-btn{ width:auto; }
  #OrdellKookeBox .cookie-box p._brlbs-manage-btn{ margin-left:auto; }
}

/*
 * „Setări cookie” din subsol: cutia stă ascunsă cât o construiește pluginul, apoi
 * intră o singură dată, gata formată. Clasa o pune `assets/js/banner-cookie.js`.
 * 🔑 `translate`, nu `transform`: pe desktop `transform` ține deja centrarea cardului.
 * (26 octombrie, `v1.75.15`, cerut de Seba: fără cardul gol de ~1,3s.)
 */
#OrdellKookeBox ._brlbs-box-wrap {
	transition: opacity .25s ease, translate .25s ease;
}

#OrdellKookeBox.inco-kooke-pregatire ._brlbs-box-wrap {
	opacity: 0 !important;
	translate: 0 16px;
	transition: none;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	#OrdellKookeBox ._brlbs-box-wrap,
	#OrdellKookeBox.inco-kooke-pregatire ._brlbs-box-wrap {
		translate: none;
	}
}