/* Teisiniai puslapiai (privatumas, taisyklės, slapukai, tėvams) ir bendra
   svetainės poraštė.

   Skaitomumas čia svarbesnis už grožį: šiuos tekstus skaito ir moksleiviai,
   ir tėvai, dažnai telefone. Todėl siaura skaitymo kolona (~68 simboliai),
   didesnis eilučių tarpas ir aiškiai atskirti skyriai su nuorodomis. */

.legal-page{ background:var(--bg); color:var(--text); }

.legal-shell{
  /* width:100% yra BŪTINAS, ne perteklius.

     body yra display:flex; flex-direction:column, todėl .legal-shell yra flex
     elementas. `margin:0 auto` skersinėje ašyje IŠJUNGIA tempimą (stretch),
     tad elemento dydis imamas pagal turinį (shrink-to-fit), o apatinė to riba
     yra min-content plotis. Lentelė turi min-width:520px, todėl siaurame
     ekrane horizontaliai imdavo slinkti VISAS puslapis, nors
     .legal-table-wrap turi savo overflow-x:auto.

     min-width:0 čia nepadeda: automatinis minimalus dydis galioja pagrindinei
     ašiai, o stulpelinėje išdėstyme ji yra vertikali.

     Patikrinta gyvai ties 310px ekranu: be šios eilutės dokumentas
     išsipūsdavo iki 578px; su ja dokumentas lygus 310px, o lentelės slenka
     savo konteineryje (252 -> 520). */
  width:100%;
  max-width:820px; margin:0 auto; padding:28px 20px 12px;
}

.legal-card{
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r-lg); box-shadow:var(--shadow-md);
  padding:32px 34px 36px;
}

.legal-hero{ border-bottom:1px solid var(--border); padding-bottom:18px; margin-bottom:22px; }
.legal-hero h1{ font-size:clamp(1.5rem, 4vw, 2rem); line-height:1.2; margin:6px 0 10px; }
.legal-hero p{ color:var(--text-2); line-height:1.6; }
.legal-updated{ color:var(--muted); font-size:.86rem; margin-top:10px; }

/* Turinys: teisiniuose tekstuose naršymas pagal skyrius yra ne puošmena, o
   būtinybė – žmogus paprastai ieško vieno konkretaus atsakymo. */
.legal-toc{
  background:var(--surface-2); border:1px solid var(--border);
  border-radius:var(--r); padding:16px 18px; margin-bottom:26px;
}
.legal-toc h2{ font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin-bottom:10px; }
.legal-toc ol{ margin:0; padding-left:20px; display:grid; gap:6px; }
.legal-toc a{ color:var(--primary); text-decoration:none; line-height:1.5; }
.legal-toc a:hover, .legal-toc a:focus-visible{ text-decoration:underline; }

.legal-section{ margin-bottom:30px; scroll-margin-top:18px; }
.legal-section h2{
  font-size:1.16rem; line-height:1.3; margin-bottom:12px;
  padding-bottom:8px; border-bottom:1px solid var(--border);
}
.legal-section h3{ font-size:1rem; margin:18px 0 8px; color:var(--text); }
.legal-section p{ line-height:1.72; color:var(--text-2); margin-bottom:12px; }
.legal-section ul, .legal-section ol{ margin:0 0 14px; padding-left:22px; display:grid; gap:7px; }
.legal-section li{ line-height:1.65; color:var(--text-2); }
.legal-section strong{ color:var(--text); }
.legal-section a{ color:var(--primary); }

/* Lentelė duomenų kategorijoms / saugojimo terminams. Siaurame ekrane
   slenka horizontaliai savo konteineryje, kad puslapio kūnas neslinktų. */
.legal-table-wrap{ overflow-x:auto; margin-bottom:16px; -webkit-overflow-scrolling:touch; }
.legal-table{ width:100%; border-collapse:collapse; font-size:.92rem; min-width:520px; }
.legal-table th, .legal-table td{
  border:1px solid var(--border); padding:9px 11px; text-align:left;
  vertical-align:top; line-height:1.55;
}
.legal-table th{ background:var(--surface-2); color:var(--text); font-weight:600; }
.legal-table td{ color:var(--text-2); }

/* Paryškinta pastaba (pvz. „duomenų nesaugome“, „kreipkitės į tėvus“). */
.legal-note{
  background:var(--primary-50); border:1px solid var(--border);
  border-left:4px solid var(--primary);
  border-radius:var(--r-sm); padding:14px 16px; margin:0 0 16px;
}
.legal-note p{ margin:0; color:var(--text-2); line-height:1.65; }
.legal-note p + p{ margin-top:8px; }

/* NEUŽPILDYTA VIETA. Sąmoningai rėksminga: geriau, kad savininkas ją pamatytų
   ir užpildytų, nei kad dokumentas iškeliautų į viešumą su prasimanytais
   rekvizitais. Spausdinant taip pat lieka matoma. */
.legal-todo{
  display:inline-block; background:#FEF3C7; color:#92400E;
  border:1px dashed #D97706; border-radius:6px;
  padding:1px 7px; font-weight:600; font-size:.92em;
}
:root[data-theme="dark"] .legal-todo{ background:rgba(217,119,6,.2); color:#FCD34D; border-color:#B45309; }

.legal-contact{
  background:var(--surface-2); border:1px solid var(--border);
  border-radius:var(--r); padding:16px 18px; margin-bottom:16px;
}
.legal-contact dl{ display:grid; gap:8px; margin:0; }
.legal-contact dt{ font-weight:600; color:var(--text); font-size:.88rem; }
.legal-contact dd{ margin:0 0 4px; color:var(--text-2); line-height:1.6; }

/* Poraštės stiliai gyvena atskirai — static/css/site-footer.css — nes juos
   privalo turėti KIEKVIENAS puslapis, o šio failo krauti visur nereikia. */

@media (max-width:640px){
  .legal-shell{ padding:16px 12px 8px; }
  .legal-card{ padding:20px 16px 24px; border-radius:var(--r); }
  .legal-section h2{ font-size:1.06rem; }
}

@media print{
  .topbar, .legal-toc{ display:none; }
  .legal-card{ box-shadow:none; border:none; padding:0; }
}