/* ==========================================================================
   Brastos Sodas — service & legal pages (Atsiėmimas ir pristatymas, Grąžinimas, Privatumo politika,
   Pirkimo taisyklės, Slapukų nustatymai). Loaded only there (inc/consent.php). Tokens only.
   Long documents: readable measure, table of contents from the h2s (sticky ≥ 900), last-updated date,
   the draft notice in the one warm accent (honey).
   ========================================================================== */

/* ---------- head ---------- */
.legal__head { max-width: var(--measure); margin-bottom: var(--sp-6); }
.legal .page__title { margin-bottom: var(--sp-2); }
.legal__meta { font-size: var(--fz-meta); color: var(--ink-soft); font-variant-numeric: tabular-nums lining-nums; }
.legal-draft { margin-top: var(--sp-4); padding: var(--sp-3) var(--sp-4); border-radius: var(--rad-m); background: var(--warn-tint); color: var(--warn-ink); font-size: var(--fz-ui); line-height: var(--lh-body); }
.legal-draft b { font-weight: 600; }

/* ---------- document grid: TOC + body ---------- */
.legal__grid { display: grid; grid-template-columns: var(--sidebar-w) minmax(0, 1fr); gap: var(--sp-8); align-items: start; }
.legal__grid--single { grid-template-columns: minmax(0, 1fr); }
.legal__toc { position: sticky; top: var(--sp-9); font-size: var(--fz-meta); line-height: var(--lh-tight); }
.legal__toc-h { margin-bottom: var(--sp-3); font-family: var(--ff-body); font-size: var(--fz-ui); font-weight: 600; }
.legal__toc ol { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--sp-2); }
.legal__toc a { color: var(--ink-soft); text-decoration: none; transition: color var(--t-colour) var(--ease-out); }
.legal__toc a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 899px) {
  .legal__grid { grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); }
  .legal__toc { position: static; padding: var(--sp-4) var(--sp-5); border-radius: var(--rad-m); background: var(--chrome); }
}

/* ---------- body ---------- */
.legal__body { max-width: var(--measure); }
.legal__body > * + * { margin-top: var(--sp-4); }
.legal__body h2 { margin-top: var(--sp-7); font-size: var(--fz-h3); line-height: var(--lh-tight); scroll-margin-top: var(--sp-9); }
.legal__body h3 { margin-top: var(--sp-5); font-size: var(--fz-body); }
.legal__body > h2:first-child, .legal__body > .legal-sum + h2 { margin-top: var(--sp-6); }
.legal__body > :first-child { margin-top: 0; }
.legal__body ul, .legal__body ol { padding-left: var(--sp-5); list-style: revert; }
.legal__body li + li { margin-top: var(--sp-1); }
.legal__body a, .svc__sec a, .svc__intro a, .svc__note a, .svc__empty a { color: var(--link); text-underline-offset: 3px; }
.legal__body a:hover, .svc__sec a:hover, .svc__intro a:hover, .svc__note a:hover { color: var(--link-hover); }
.legal__body strong, .legal__body b { font-weight: 600; }
.legal__body code, .legal-table code { font-size: var(--fz-meta); }
/* the model withdrawal form (Annex I(B) 2011/83/EU) and other boxed blocks */
.legal__body .legal-box { padding: var(--sp-4) var(--sp-5); border-radius: var(--rad-m); background: var(--chrome); }
.legal__body .legal-box > * + * { margin-top: var(--sp-3); }

/* tables: processors, retention, cookies — scroll sideways inside their own box on a phone, never the page */
.legal-table, .legal__body .legal-table { overflow-x: auto; }
.legal-table:focus-visible { outline-offset: var(--focus-ring-offset); }
.legal__body table, .legal-table table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: var(--fz-meta); line-height: var(--lh-tight); }
.legal__body th, .legal__body td, .legal-table th, .legal-table td { padding: var(--sp-2) var(--sp-3) var(--sp-2) 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.legal__body thead th, .legal-table thead th { color: var(--ink-soft); font-weight: 600; }
/* the block editor's table (wp-block-table) brings a full grid and a 3 px head rule — back to hairline rows */
.legal__body .wp-block-table { margin: 0; overflow-x: auto; }
.legal__body .wp-block-table table { table-layout: auto; }
.legal__body .wp-block-table thead { border-bottom: 0; }
.legal__body .wp-block-table th, .legal__body .wp-block-table td { border: 0; border-bottom: 1px solid var(--line); }
.legal__body .wp-block-table thead th { border-bottom-color: var(--line-strong); }

/* ---------- Grąžinimas: the three-line summary ---------- */
.legal-sum { display: grid; gap: var(--sp-3); }
.legal-sum__item { padding: var(--sp-4) var(--sp-5); border-radius: var(--rad-m); background: var(--chrome); }
.legal-sum__h, .legal__body .legal-sum__h { margin: 0 0 var(--sp-1); font-family: var(--ff-body); font-size: var(--fz-ui); font-weight: 600; }
.legal-sum__item a { color: var(--link); text-underline-offset: 3px; }

/* ---------- /pristatymas/ ---------- */
.svc__intro { margin-top: var(--sp-4); font-size: var(--fz-lead); line-height: var(--lh-lead); }
.svc__intro > * + * { margin-top: var(--sp-3); }
.svc__modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-5); }
.svc__mode { padding: var(--sp-5) var(--sp-6) var(--sp-6); border-radius: var(--rad-m); background: var(--chrome); }
.svc__mode h2 { font-size: var(--fz-h3); line-height: var(--lh-tight); }
.svc__lead { margin-top: var(--sp-1); font-size: var(--fz-lead); font-weight: 500; font-variant-numeric: tabular-nums lining-nums; }
.svc__facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--sp-2) var(--sp-5); margin: var(--sp-4) 0 0; font-size: var(--fz-ui); line-height: var(--lh-body); }
.svc__facts dt { color: var(--ink-soft); }
.svc__facts dd { margin: 0; font-variant-numeric: tabular-nums lining-nums; }
.svc__sub { display: block; font-size: var(--fz-meta); color: var(--ink-soft); }
.svc__note { margin-top: var(--sp-4); font-size: var(--fz-meta); color: var(--ink-soft); }
.svc__sec { max-width: var(--measure); margin-top: var(--sec-y-half); }
.svc__sec h2 { font-size: var(--fz-h3); line-height: var(--lh-tight); }
.svc__sec > * + * { margin-top: var(--sp-3); }
.svc__list { padding-left: var(--sp-5); list-style: disc; display: grid; gap: var(--sp-1); }
.svc__empty { max-width: var(--measure); padding: var(--sp-4) var(--sp-5); border-radius: var(--rad-m); background: var(--chrome); }
@media (max-width: 799px) {
  .svc__modes { grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); }
  .svc__mode { padding: var(--sp-4) var(--sp-5) var(--sp-5); }
}
@media (max-width: 599px) {
  .svc__facts { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .svc__facts dd + dt { margin-top: var(--sp-2); }
}

/* ---------- /slapukai/ ---------- */
.consent-page { max-width: var(--measure); padding: var(--sp-5) var(--sp-6) var(--sp-6); border-radius: var(--rad-m); background: var(--chrome); scroll-margin-top: var(--sp-9); }
.consent-page:focus { outline: none; }   /* focused programmatically (footer link); its controls carry the ring */
.consent-page h2 { font-size: var(--fz-h3); line-height: var(--lh-tight); }
.consent-page__status { margin: var(--sp-2) 0 var(--sp-4); font-size: var(--fz-ui); color: var(--ink-soft); }
@media (max-width: 599px) { .consent-page { padding: var(--sp-4) var(--sp-4) var(--sp-5); } }
