/*════════════════════════════════════════════════════════
  Stilul paginilor legale (termeni, confidențialitate, retur, livrare).

  Aceleași culori și litere ca prima pagină (octombrie 2026), ca paginile să
  nu pară de pe alt site. Un singur fișier pentru toate patru: dacă schimbi
  ceva aici, se schimbă peste tot deodată.
════════════════════════════════════════════════════════*/
:root{
  --alb:#FFFFFF; --cerneala:#15151C; --gri:#5A5B69; --gri2:#9495A4; --linie:#E3E4EE;
  --albastru:#2350E8; --cer:#E4EBFF; --galben:#FFD43B; --galben2:#F4C31C;
  --lime:#C8F26A; --negru:#0F1017;
  --gutter:22px; --pil:999px;
}
@media(min-width:760px){:root{--gutter:40px}}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{background:var(--alb);color:var(--cerneala);
  font:400 17px/1.6 'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  overflow-x:hidden;-webkit-tap-highlight-color:transparent;
  display:flex;flex-direction:column;min-height:100vh}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:'Gabarito','Figtree',system-ui,sans-serif;font-weight:800;text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--cerneala);outline-offset:3px}

.wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:var(--gutter)}

/*═══ BARA DE SUS ═══*/
.bara{position:sticky;top:8px;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;
  height:58px;margin:8px 8px 0;padding:0 7px 0 20px;border-radius:var(--pil);background:var(--alb);
  box-shadow:0 0 0 1.5px var(--linie)}
.marca{display:flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap;
  font:800 1.3rem/1 'Gabarito',sans-serif;letter-spacing:-.035em}
.marca svg{width:22px;height:22px;flex:none;fill:var(--galben);stroke:var(--galben);stroke-width:10;
  stroke-linejoin:round;transform:rotate(-10deg)}
.bara nav{display:flex;align-items:center;gap:20px}
.bara nav a.l{font:600 .98rem/1 'Gabarito',sans-serif;text-decoration:none}
.bara nav a.l:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.bara nav a.b{display:inline-flex;align-items:center;min-height:44px;padding:0 19px;border-radius:var(--pil);
  background:var(--cerneala);color:var(--alb);text-decoration:none;white-space:nowrap;
  font:700 .98rem/1 'Gabarito',sans-serif}
.bara nav a.b:hover{background:#2C2D3A}
@media(max-width:479px){.bara nav a.l{display:none}}
@media(min-width:800px){.bara{height:66px;margin:12px 14px 0;top:12px;padding:0 9px 0 28px}}

/*═══ CUPRINSUL PAGINII ═══*/
main{flex:1;padding-block:44px 72px}
@media(min-width:760px){main{padding-top:72px}}
.doc{display:grid;gap:36px}
@media(min-width:980px){.doc{grid-template-columns:240px 1fr;gap:64px;align-items:start}}

.cuprins{font-size:15px}
@media(min-width:980px){.cuprins{position:sticky;top:104px}}
.cuprins h2{margin-bottom:12px;font-size:1.05rem;letter-spacing:-.02em}
.cuprins ol{list-style:none;counter-reset:c}
.cuprins li{counter-increment:c;margin-bottom:2px}
.cuprins a{display:block;padding:7px 12px;border-radius:12px;text-decoration:none;color:var(--gri);line-height:1.35;
  transition:background .15s,color .15s}
.cuprins a::before{content:counter(c) '. ';color:var(--gri2)}
.cuprins a:hover{background:var(--cer);color:var(--cerneala)}
@media(max-width:979px){
  .cuprins{background:var(--cer);border-radius:24px;padding:20px 14px 14px}
  .cuprins h2{padding-left:12px}
  .cuprins ol{columns:2;column-gap:10px}
  .cuprins a:hover{background:var(--alb)}
}
@media(max-width:520px){.cuprins ol{columns:1}}

/*═══ TEXTUL ═══*/
.text{max-width:68ch}
.text h1{margin-bottom:16px;font-size:clamp(2.3rem,1.5rem + 4vw,3.8rem);line-height:.98;letter-spacing:-.034em}
.text .intro{max-width:50ch;font-size:1.12rem;color:var(--gri);line-height:1.55}
.actualizat{margin-top:18px;padding-bottom:24px;border-bottom:2px solid var(--cerneala);font-size:.92rem;color:var(--gri)}

.text section{padding-top:34px}
.text h2{margin:34px 0 12px;font-size:1.55rem;line-height:1.1;letter-spacing:-.024em;scroll-margin-top:96px}
.text section h2{margin-top:0}
.text h2 .nr{margin-right:8px;color:var(--gri2);font-weight:700}
.text h3{margin:22px 0 8px;font-size:1.15rem;letter-spacing:-.015em}
.text p{margin-bottom:13px;color:var(--gri)}
.text p strong,.text li strong{color:var(--cerneala);font-weight:700}
.text ul,.text ol{margin:0 0 15px;padding-left:22px;color:var(--gri)}
.text li{margin-bottom:7px;padding-left:3px}
.text li::marker{color:var(--gri2)}
.text a{color:var(--cerneala);font-weight:700;text-underline-offset:3px;text-decoration-thickness:1.5px}
.text a:hover{text-decoration-thickness:2.5px}

/* caseta scoasă în evidență: lucrurile pe care omul chiar trebuie să le vadă */
.box{margin:18px 0;padding:20px 22px;border-radius:22px;background:var(--cer)}
.box p{color:var(--cerneala)}
.box p:last-child{margin-bottom:0}
.box.atentie{background:var(--galben)}
.box.atentie p,.box.atentie strong{color:var(--cerneala)}
.box h3{margin-top:0}

/* tabel simplu, care se rearanjează pe telefon */
.tabel{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:15.5px}
.tabel th,.tabel td{padding:12px 12px 12px 0;border-bottom:1.5px solid var(--linie);text-align:left;vertical-align:top;color:var(--gri)}
.tabel th{border-bottom:2px solid var(--cerneala);color:var(--cerneala);font:700 .95rem/1.3 'Gabarito',sans-serif}
.tabel td:first-child{font-weight:600;color:var(--cerneala)}
@media(max-width:620px){
  .tabel,.tabel tbody,.tabel tr,.tabel td{display:block;width:100%}
  .tabel thead{display:none}
  .tabel tr{margin-bottom:8px;padding:14px 16px;border-radius:18px;background:var(--cer)}
  .tabel td{border:none;padding:3px 0}
  .tabel td::before{content:attr(data-et);display:block;margin-bottom:2px;font-size:.8rem;font-weight:700;color:var(--gri2)}
}

/* datele de contact, repetate în fiecare pagină */
.contact{margin-top:18px;padding:22px 24px;border-radius:24px;background:var(--negru);color:#C9CAD6;font-size:15.5px;line-height:1.65}
.contact b{color:var(--alb);font-weight:700}
.contact a{color:var(--galben);font-weight:700;text-decoration:none}
.contact a:hover{text-decoration:underline}

/* legăturile către celelalte pagini legale */
.altele{margin-top:56px;padding-top:28px;border-top:2px solid var(--cerneala)}
.altele h2{margin:0 0 16px;font-size:1.3rem}
.altele .g{display:grid;gap:8px}
@media(min-width:620px){.altele .g{grid-template-columns:1fr 1fr}}
.altele a{display:block;padding:16px 18px;border-radius:20px;background:var(--cer);text-decoration:none;
  font:700 1.05rem/1.25 'Gabarito',sans-serif;transition:background .15s}
.altele a:hover{background:var(--galben)}
.altele a small{display:block;margin-top:3px;font:400 .88rem/1.35 'Figtree',sans-serif;color:var(--gri)}

/*═══ SUBSOL ═══*/
.jos{margin:8px;padding:40px 0 34px;border-radius:30px;background:var(--negru);color:#C9CAD6;font-size:1rem}
.jos .wrap{display:grid;gap:22px}
.jos a{color:var(--alb);text-underline-offset:4px}
.jos ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;font:600 .98rem/1.3 'Gabarito',sans-serif}
.jos ul a{text-decoration:none}
.jos ul a:hover{text-decoration:underline}
@media(min-width:800px){.jos{margin:14px;padding:56px 0 48px;border-radius:46px}}
