/* ============================================================
   legal-v3.css — Νομικές v3: terms.html · privacy.html · cookies.html
   ΠΗΓΗ: design/web/nomikes-v3/handoff/design/web/Νομικές v3.dc.html
          + design/web/nomikes-v3/handoff/README-PORT.md

   ΚΑΜΙΑ ΛΕΞΗ ΔΕΝ ΑΛΛΑΖΕΙ — ΚΑΙ ΔΕΝ ΕΙΝΑΙ ΜΟΝΟ ΚΑΝΟΝΑΣ ΣΥΜΠΕΡΙΦΟΡΑΣ.
   Τα τρία κείμενα εγκρίθηκαν από δικηγόρο (06/08/2026) δεμένα στην Έκδοση
   1.0· κάθε ουσιαστική αλλαγή ακυρώνει την έγκριση. Και ο μηχανισμός το
   επιβάλλει: το κλειδί της αγγλικής μετάφρασης ΕΙΝΑΙ το ίδιο το ελληνικό
   κείμενο (scripts/lib/legal-blocks.js) — μία λέξη αλλιώς, και ο
   παραγωγός των /en/ σελίδων σταματά με σφάλμα. Γι' αυτό το port αυτών
   των τριών σελίδων ζει σε ΞΕΧΩΡΙΣΤΟ ΑΡΧΕΙΟ CSS: ό,τι αγγίζει είναι
   μορφή, και φαίνεται ότι είναι μορφή.

   ΓΙΑΤΙ ΕΝΑ ΑΡΧΕΙΟ ΓΙΑ ΤΙΣ ΤΡΕΙΣ: έχουν ταυτόσημη δομή (.legal-head ·
   .legal-layout · .toc · .legal-doc). Τρία αντίγραφα του ίδιου CSS θα
   ξεκολλούσαν σιωπηλά — ο κανόνας «μία πηγή αλήθειας» ισχύει και εδώ.
   ΔΕΝ μπαίνει στο deep-green.css: εκείνο είναι κοινό αρχείο 24 σελίδων.
   ============================================================ */

/* Ο ΚΑΜΒΑΣ ΖΕΙ ΜΙΑ ΦΟΡΑ, ΣΤΟ public/deep-green.css (ενότητα «Ο ΚΑΜΒΑΣ») — Δ13.
   Εδώ ήταν ένα από τα 17 αντίγραφα που έφταναν σε 22 από τις 48 σελίδες. */

/* ---------- κεφαλίδα ---------- */
.v3 .site-header { background: var(--surface); border-bottom: 0; }
.v3 .site-header.is-stuck { border-bottom: 1px solid var(--line); box-shadow: none; }
/* `padding-inline: 0`: το wrap είναι αντιγραμμένο στο χέρι πάνω στο
   `.v3 .header-inner` αντί για την κλάση, οπότε ο κανόνας
   `.header-inner.v3-wrap` του deep-green.css δεν πιάνει. Ίδιος άξονας των 56. */
.v3 .header-inner { padding-block: 18px; padding-inline: 0; gap: 40px; width: min(100% - 40px, 1440px); margin-inline: auto; }
.v3 .header-nav a { color: var(--text-air); font-weight: 500; font-size: 15px; }
.v3 .header-nav a:hover { color: var(--ink); }
.v3 .header-nav a[aria-current="page"] { color: var(--ink); font-weight: 700; }
.v3 .header-nav { flex: 1; justify-content: center; gap: 32px; }
.v3 .header-actions { gap: 18px; }
.v3 .header-actions .btn-plain { color: var(--ink); font-size: 14.5px; font-weight: 600; }
.v3 .header-actions .btn-mint {
  background: none; color: var(--ink); font-size: 14px; font-weight: 700;
  border: 1.5px solid var(--ink); border-radius: 999px; padding: 10px 18px;
}
.v3 .header-actions .btn-mint:hover { background: var(--ink); color: var(--surface); }
@media (max-width: 960px) { .v3 .header-actions { gap: 14px; } }
@media (min-width: 960px) {
  .v3 .header-inner { padding-block: 26px; width: min(100% - 112px, 1440px); }
}

/* ---------- η σήμανση έκδοσης: ορατή και σοβαρή ---------- */
/* ΚΑΤΩ ΑΠΟ ΤΟΝ ΤΙΤΛΟ, όχι ψιλά στο υποσέλιδο. Το άρθρο των τροποποιήσεων
   αποκτά έτσι σε τι να αναφερθεί, σταθερά και ορατά. Το ΚΕΙΜΕΝΟ του chip
   (`<p class="updated">`) είναι μεταφραστικό κλειδί — δεν το αγγίζουμε·
   αλλάζει μόνο το ντύσιμο, και το κουμπί εκτύπωσης μπαίνει ΔΙΠΛΑ του. */
.v3 .legal-head .eyebrow { color: var(--terra); }
.v3 .legal-version { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 18px; }
.v3 .legal-version .updated {
  margin: 0; background: var(--paper); border-radius: 999px; padding: 8px 14px;
  font-size: 12.5px; color: var(--ink); gap: 8px;
}
.v3 .legal-version .updated .chip-dot { background: var(--terra); }
.v3 .legal-print {
  display: inline-flex; align-items: center; gap: 7px;
  min-height: 44px; padding: 0 4px;
  background: none; border: 0; cursor: pointer;
  font: inherit; font-size: 13px; font-weight: 700; color: var(--terra-deep);
}
.v3 .legal-print svg { width: 15px; height: 15px; flex: none; }
.v3 .legal-print:hover { color: var(--ink); }
.v3 .legal-print:focus-visible { outline: 2px solid var(--terra); outline-offset: 2px; border-radius: 999px; }

/* ---------- ο πίνακας περιεχομένων ---------- */
/* ΟΙ ΕΤΙΚΕΤΕΣ ΕΙΝΑΙ ΑΚΡΙΒΩΣ ΟΙ ΤΙΤΛΟΙ ΤΩΝ ΑΡΘΡΩΝ — δεν συντομεύονται. Ένα
   περιεχόμενο που μετονομάζει τα άρθρα είναι ασυνέπεια μέσα σε έγγραφο του
   οποίου όλη η αξία είναι η ακρίβεια. Αν δεν χωρούν, τυλίγονται. */
.v3 .toc { top: 24px; }
.v3 .toc h2 { color: var(--text-air); }
.v3 .toc a { color: var(--text-2); border-left-color: var(--line); }
.v3 .toc a:hover { color: var(--ink); border-left-color: var(--line-2); }
.v3 .toc a[aria-current="true"] { color: var(--ink); font-weight: 700; border-left-color: var(--terra); }

/* ---------- το μητρώο ανάγνωσης ---------- */
.v3 .legal-doc { max-width: 72ch; font-size: 15.5px; line-height: 1.7; }
.v3 .legal-doc > section { padding-top: 44px; }
.v3 .legal-doc > section:first-of-type { padding-top: 0; }
/* scroll-margin 84 → 116 (18/09/2026, μετρημένο): στα 1280 η κολλητή κεφαλίδα τελειώνει στα 100px, άρα το άλμα σε #pN έβαζε τον
   τίτλο 16px ΚΑΤΩ από αυτήν (στα 375 τελειώνει στα 84). 116 = 100 + ανάσα, και στα δύο πλάτη ο τίτλος φαίνεται ολόκληρος. */
.v3 .legal-doc h2 { font-size: 22px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.25; scroll-margin-top: 116px; }
/* Η ΜΟΝΗ ΤΕΡΑΚΟΤΑ ΤΟΥ ΚΕΙΜΕΝΟΥ — φειδώ: έμφαση παντού είναι έμφαση πουθενά.
   Μετρημένη σε λευκό: 5.75, που περνά AA και για ΚΑΝΟΝΙΚΟ κείμενο, όχι
   μόνο large. (Το 4.52 που κυκλοφορεί είναι ΤΗΣ ΙΔΙΑΣ τερακότας πάνω σε
   --terra-tint — το --sand ΕΙΝΑΙ η terra, ψευδώνυμό της. Ο αριθμός θυμάται
   το ΦΟΝΤΟ, ποτέ το όνομα του χρώματος.) */
.v3 .legal-doc h2 .n { color: var(--terra); }
.v3 .legal-doc p, .v3 .legal-doc ul, .v3 .legal-doc ol.lst { color: var(--text-2); }
.v3 .legal-doc li::marker { color: var(--terra); }
.v3 .legal-doc strong { color: var(--ink); font-weight: 600; }
.v3 .legal-doc a.inline-link { color: var(--terra-deep); }
.v3 .callout { background: var(--paper); border-color: var(--line); font-size: 14px; }

@media (min-width: 961px) {
  .v3 .legal-doc { font-size: 16px; }
}
@media (max-width: 960px) {
  /* Pills που τυλίγονται, με στόχο αφής 44px. */
  .v3 .toc a { border: 1px solid var(--line); border-radius: 999px; min-height: 44px; display: inline-flex; align-items: center; padding: 6px 14px; }
  .v3 .toc a[aria-current="true"] { border-color: var(--terra); }
}

/* ---------- υποσέλιδο: η σφραγίδα του μονογράμματος ---------- */
.v3 .site-footer { background: var(--surface); border-top: 1px solid var(--line-2); }
.v3 .footer-bot { align-items: center; }
/* Η σφραγίδα «h.» ζει πλέον ΜΙΑ φορά, στο public/deep-green.css (ενότητα
   FOOTER) — απόφαση ιδιοκτήτη 12/08, «κεντρικά». Ήταν αντιγραμμένη εδώ όσο
   την είχαν μόνο οι σελίδες με class="v3". */

/* ============================================================
   ΕΚΤΥΠΩΣΗ — Η ΜΟΝΗ ΕΠΙΦΑΝΕΙΑ ΠΟΥ ΔΕΝ ΕΠΑΛΗΘΕΥΕΤΑΙ ΣΕ ΚΑΔΡΟ
   Ένα νομικό κείμενο τυπώνεται και υπογράφεται. Ό,τι είναι πλοήγηση
   φεύγει· ό,τι είναι έγγραφο μένει — μαζί με τη ΣΗΜΑΝΣΗ ΕΚΔΟΣΗΣ, που
   πρέπει να υπάρχει στην πρώτη σελίδα του χαρτιού: χωρίς αυτήν, το
   τυπωμένο αντίγραφο δεν λέει ΠΟΙΑ έκδοση είναι.
   ============================================================ */
@media print {
  .v3 .site-header, .v3 .site-footer, .v3 .toc, .v3 .legal-print,
  .v3 .lang-seg, .v3 .app-badges { display: none !important; }

  body.v3 { background: #FFFFFF; color: #000000; }
  @page { margin: 2cm; }

  .v3 .legal-layout { display: block; }
  .v3 .legal-doc { max-width: none; font-size: 11pt; line-height: 1.5; color: #000000; }
  .v3 .legal-doc p, .v3 .legal-doc ul, .v3 .legal-doc ol.lst, .v3 .legal-doc li { color: #000000; }
  .v3 .legal-doc h2 { color: #000000; break-after: avoid; page-break-after: avoid; }
  .v3 .legal-doc h2 .n { color: #000000; }
  .v3 .legal-doc ul, .v3 .legal-doc ol.lst, .v3 .callout { break-inside: avoid; page-break-inside: avoid; }
  .v3 .callout { background: none; border: 1px solid #000000; }

  /* Η σήμανση έκδοσης τυπώνεται ΠΑΝΩ από το άρθρο 01. */
  .v3 .legal-version .updated { background: none; padding: 0; color: #000000; }

  /* Ο σύνδεσμος σε χαρτί δεν πατιέται: η διεύθυνση γίνεται ορατή. */
  .v3 a[href^="http"]::after, .v3 a[href^="mailto"]::after { content: " (" attr(href) ")"; font-size: 9pt; }
}