/* =============================================================================
   82 DESIGN — consent.css
   Bannerul de cookie-uri si panoul de retragere.
   -----------------------------------------------------------------------------
   DE CE FISIER SEPARAT
   Bannerul trebuie sa apara pe TOATE paginile. Pana acum stilul lui statea in
   site.css, care e incarcat doar pe cele doua pagini de acasa - deci pe restul
   de douazeci si una nu exista nici banner, nici cu ce sa-l desenezi.
   system.css e insa peste tot, si de acolo vin tokenii de mai jos: acelasi
   banner, aceeasi tema, pe orice pagina.

   BUTOANELE SUNT IDENTICE, NU DOAR EGALE CA MARIME
   "Refuz" si "Accept" au aceeasi forma, acelasi fond, acelasi contur, aceeasi
   greutate de litera. Difera doar cuvantul. Varianta dinainte - pilula plina,
   colorata, langa un contur sters - e exact tiparul pe care proiectul de
   modificare a Legii 506/2004 il numeste design care ingreuneaza refuzul.
   Ordinea e tot intentionata: refuzul vine primul.
   ============================================================================= */

.cc {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 10050;
    background: var(--bg-dark);
    border-top: 1px solid rgba(var(--tint), 0.14);
    box-shadow: 0 -18px 40px rgba(0, 0, 0, 0.28);
    padding: 1.4rem clamp(1rem, 5vw, 3rem);
    display: none;
    font-family: 'Space Grotesk', system-ui, sans-serif;
}
.cc.cc--vizibil { display: block; }

.cc__inner {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: clamp(1rem, 3vw, 2.5rem);
    flex-wrap: wrap;
}

.cc__text { flex: 1 1 420px; min-width: 0; }
.cc__cap {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--white);
}
.cc__p {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.55;
    color: var(--white-dim);
    max-width: 70ch;
}
.cc__link {
    color: var(--white);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.cc__link:hover { color: var(--accent); }

.cc__butoane {
    display: flex;
    gap: 0.6rem;
    flex: 0 0 auto;
}

/* Identice. Singura diferenta e textul. */
.cc__buton {
    min-width: 128px;
    padding: 0.72rem 1.5rem;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--white);
    background: rgba(var(--tint), 0.06);
    border: 1px solid rgba(var(--tint), 0.28);
    border-radius: 2px;
    cursor: pointer;
    transition: background-color var(--t, 220ms) ease, border-color var(--t, 220ms) ease;
}
.cc__buton:hover {
    background: rgba(var(--tint), 0.12);
    border-color: rgba(var(--tint), 0.5);
}
.cc__buton:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* Declansatorul din subsol, pentru paginile care n-au deja unul. */
.cc__declansator {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-align: left;
}
.cc__declansator:hover { color: var(--accent); }

@media (max-width: 700px) {
    .cc { padding: 1.1rem 1rem calc(1.1rem + env(safe-area-inset-bottom, 0px)); }
    .cc__inner { flex-direction: column; align-items: stretch; gap: 1rem; }
    .cc__butoane { width: 100%; }
    /* Latime egala si pe telefon: nici aici refuzul nu devine butonul mic. */
    .cc__buton { flex: 1 1 0; min-width: 0; }
}

/* Cat timp bannerul e pe ecran, butonul de chat nu se suprapune peste el. */
.cc.cc--vizibil ~ .chat-widget { bottom: 8.5rem; }

@media (prefers-reduced-motion: reduce) {
    .cc__buton { transition: none; }
}

/* -----------------------------------------------------------------------------
   Tabelul de cookie-uri din politica.
   Sta aici, nu in site.css, fiindca paginile din /pages/ nu incarca site.css.
   Pe telefon tabelul aluneca in cutia lui, ca sa nu clatine pagina lateral.
   -------------------------------------------------------------------------- */
.cc-tabel-cadru { max-width: 100%; overflow-x: auto; margin: 1rem 0 1.6rem; }
.cc-tabel {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    font-size: 0.82rem;
    line-height: 1.5;
}
.cc-tabel th,
.cc-tabel td {
    text-align: left;
    vertical-align: top;
    padding: 0.6rem 0.9rem 0.6rem 0;
    border-bottom: 1px solid rgba(var(--tint), 0.12);
}
.cc-tabel thead th {
    font-weight: 500;
    color: var(--white);
    border-bottom-color: rgba(var(--tint), 0.28);
    white-space: nowrap;
}
.cc-tabel td { color: var(--white-dim); }
.cc-tabel td code {
    color: var(--white);
    font-size: 0.8rem;
    white-space: nowrap;
}
.cc-tabel tbody tr:last-child th,
.cc-tabel tbody tr:last-child td { border-bottom: 0; }