/* Στυλ για περιεχόμενο που ζει στη βάση (σελίδες πληροφοριών, περιγραφές).
   Ιδιοκτησία: agent «content». Όλοι οι κανόνες κάτω από .hz-doc ή #content. */

/* ══════════════════════════════════════════════════════════════════════════
   1. ΣΕΛΙΔΕΣ ΠΛΗΡΟΦΟΡΙΩΝ (.hz-doc — το τύλιγμα μπαίνει από το information.twig)

   Τα κείμενα στη βάση είναι πλέον σκέτα θραύσματα (h2, p, ul, details) χωρίς
   δικό τους στυλ. Παλιότερα κάθε σελίδα κουβαλούσε ολόκληρο έγγραφο HTML με
   <style> για body/.container/h1/p — και επειδή στο θέμα κάθε τμήμα της
   κεφαλίδας είναι .container, η κεφαλίδα γινόταν λευκές κάρτες στο 80%.
   Γι' αυτό εδώ ΚΑΝΕΝΑΣ κανόνας δεν βγαίνει έξω από το .hz-doc.

   Το #modal-agree .modal-body είναι το παράθυρο «Συμφωνώ με τους όρους» στο
   ταμείο και στην εγγραφή: φορτώνει το ίδιο κείμενο χωρίς το πρότυπο, οπότε
   παίρνει την ίδια τυπογραφία για να μη βγαίνουν h2 των 30px μέσα σε διάλογο.
   ══════════════════════════════════════════════════════════════════════════ */

.hz-doc{
  /* γραμμές ~70 χαρακτήρων σε desktop· σε κινητό ολόκληρο το πλάτος */
  max-width:760px;
  font-size:15px; line-height:1.65; color:var(--ink);
  /* email, διευθύνσεις και μακριές λέξεις δεν σπρώχνουν τη σελίδα στο πλάι */
  overflow-wrap:break-word; word-wrap:break-word;
}
.hz-doc > :first-child{ margin-top:0 }
.hz-doc > :last-child{ margin-bottom:0 }

.hz-doc p,
#modal-agree .modal-body p{ margin:0 0 14px }

/* Τίτλοι ενοτήτων: το h1 της σελίδας είναι 24–26px· τα h2 του Bootstrap (30px)
   έβγαιναν μεγαλύτερα από τον ίδιο τον τίτλο. */
.hz-doc h2,
#modal-agree .modal-body h2{
  font-size:19px; line-height:1.3; font-weight:800; color:var(--ink);
  margin:30px 0 10px; letter-spacing:-.005em }
.hz-doc h3,
#modal-agree .modal-body h3{ font-size:16px; line-height:1.35; margin:22px 0 8px }

.hz-doc ul, .hz-doc ol,
#modal-agree .modal-body ul, #modal-agree .modal-body ol{ margin:0 0 14px; padding-left:1.35em }
.hz-doc li,
#modal-agree .modal-body li{ margin:0 0 6px; padding-left:.15em }
.hz-doc li::marker{ color:var(--kraft) }

.hz-doc section + section{ margin-top:4px }
.hz-doc strong{ font-weight:700; color:var(--ink) }

/* Σύνδεσμοι μέσα σε κείμενο: το θέμα τούς δίνει το χρώμα του κειμένου, οπότε
   χωρίς υπογράμμιση δεν ξεχωρίζουν καθόλου (το email στο κινητό χανόταν). */
.hz-doc a,
#modal-agree .modal-body a{
  color:var(--ink); text-decoration:underline;
  text-decoration-color:var(--kraft); text-decoration-thickness:2px; text-underline-offset:3px }
.hz-doc a:hover, .hz-doc a:focus{ color:var(--flame); text-decoration-color:var(--flame) }

/* εισαγωγική πρόταση κάτω από τον τίτλο */
.hz-doc .hz-doc__lead{ font-size:16.5px; line-height:1.5; color:var(--ink-soft); margin-bottom:18px }

/* ημερομηνία ισχύος, «τελευταία ενημέρωση», ©: υποσημείωση, όχι σώμα κειμένου */
.hz-doc .hz-doc__meta{
  margin-top:28px; padding-top:14px; border-top:1px solid var(--line);
  font-size:13px; color:var(--mut) }
.hz-doc .hz-doc__meta strong{ color:var(--ink-soft) }

/* σήμα «Δωρεάν αποστολή για όλους» */
.hz-doc .hz-doc__badge{
  display:inline-block; margin:0 0 18px; padding:6px 12px;
  border:1px solid var(--line); border-radius:999px; background:var(--raise);
  font-size:13px; font-weight:700; color:var(--ink-soft); line-height:1.3 }

/* κάρτα επικοινωνίας (FAQ) */
.hz-doc .hz-doc__card{
  margin:0 0 26px; padding:16px; background:var(--raise);
  border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow) }
.hz-doc .hz-doc__card h2{ margin:0 0 12px; font-size:17px }
.hz-doc .hz-doc__contact{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px }
.hz-doc .hz-doc__contact li{ margin:0; padding:0; flex:1 1 200px }
/* ολόκληρη η γραμμή πατιέται — στόχος αφής ≥44px, όχι μόνο ο αριθμός */
.hz-doc .hz-doc__contact a{
  display:flex; align-items:center; justify-content:center; min-height:46px; padding:10px 14px;
  border:1px solid var(--line); border-radius:var(--radius); background:#fff;
  font-weight:700; color:var(--ink); text-decoration:none; text-align:center }
.hz-doc .hz-doc__contact a:hover,.hz-doc .hz-doc__contact a:focus{ border-color:var(--flame); color:var(--flame) }

/* ── FAQ: <details>/<summary> ─────────────────────────────────────────────
   Χωρίς JavaScript: το Bootstrap collapse δεν ανταποκρίνεται εδώ, το <details>
   ανοίγει από μόνο του σε κάθε φυλλομετρητή. */
.hz-doc .hz-faq{ margin:0 0 8px }
.hz-doc .hz-faq details{
  background:var(--raise); border:1px solid var(--line); border-radius:var(--radius);
  margin:0 0 10px; overflow:hidden }
.hz-doc .hz-faq details[open]{ box-shadow:var(--shadow) }
.hz-doc .hz-faq summary{
  display:flex; align-items:center; gap:12px; min-height:52px; padding:12px 16px;
  font-weight:700; font-size:15px; line-height:1.35; color:var(--ink);
  cursor:pointer; list-style:none; -webkit-tap-highlight-color:transparent }
.hz-doc .hz-faq summary::-webkit-details-marker{ display:none }
.hz-doc .hz-faq summary::marker{ content:"" }
/* + / – δεξιά, σε σταθερό κύκλο ώστε να μη μετακινείται με το μήκος της ερώτησης */
.hz-doc .hz-faq summary::after{
  content:"+"; flex:0 0 26px; height:26px; margin-left:auto; border-radius:50%;
  background:var(--cream); color:var(--ink-soft);
  font-size:18px; font-weight:700; line-height:26px; text-align:center }
.hz-doc .hz-faq details[open] > summary::after{ content:"–"; background:var(--kraft); color:#fff }
.hz-doc .hz-faq summary:focus-visible{ outline:2px solid var(--flame); outline-offset:-2px }
.hz-doc .hz-faq .hz-faq__a{ padding:0 16px 16px; color:var(--ink-soft) }

@media (min-width:768px){
  .hz-doc{ font-size:15.5px }
  .hz-doc h2,
  #modal-agree .modal-body h2{ font-size:21px; margin-top:34px }
  .hz-doc .hz-doc__card h2{ font-size:18px }
}

/* ══════════════════════════════════════════════════════════════════════════
   2. ΠΕΡΙΓΡΑΦΕΣ ΠΡΟΪΟΝΤΩΝ ΚΑΙ ΚΑΤΗΓΟΡΙΩΝ

   Δεν τις καθαρίζουμε στη βάση: κάθε νέο προϊόν μπαίνει με την περιγραφή του
   Zoho (creator.php) και κάθε επικόλληση στη διαχείριση φέρνει ό,τι στυλ είχε
   η πηγή (π.χ. «TT Commons Pro» 16px, «Open Sans» με <font>, justify). Άρα το
   θέμα πρέπει να αντέχει ό,τι κι αν έρθει. Το !important χρειάζεται μόνο όπου
   κερδίζει inline style="" — αλλιώς δεν θα έπιανε τίποτα.

   .hz-rich: προαιρετικό άγκιστρο για όποιο πρότυπο θέλει την ίδια προστασία.
   ══════════════════════════════════════════════════════════════════════════ */

#tab-description,
#product-category #content > .row > .col-sm-10,
.hz-rich{ overflow-wrap:break-word; word-wrap:break-word }

/* Τίποτα πλατύτερο από τη στήλη (inline width="800", style="width:600px").
   Μόνο μέσα και στοιχεία με δηλωμένο πλάτος — ΟΧΙ κάθε p/div: ένα γενικό
   max-width:100% !important πατούσε το max-width:70ch του horecacy.css και
   οι γραμμές της περιγραφής σε desktop έφταναν τους 170 χαρακτήρες. */
#tab-description :is(img,video,iframe,embed,object,svg,canvas,table,pre,[width],[style*="width"]),
#product-category #content > .row > .col-sm-10 :is(img,video,iframe,embed,object,svg,canvas,table,pre,[width],[style*="width"]),
.hz-rich :is(img,video,iframe,embed,object,svg,canvas,table,pre,[width],[style*="width"]){
  max-width:100% !important; box-sizing:border-box }
#tab-description :is(img,video),
#product-category #content > .row > .col-sm-10 :is(img,video),
.hz-rich :is(img,video){ height:auto !important }

/* πίνακες: κύλιση στο πλάι μέσα στο δικό τους κουτί, όχι όλης της σελίδας */
#tab-description table,
#product-category #content > .row > .col-sm-10 table,
.hz-rich table{
  display:block; width:auto !important; overflow-x:auto; -webkit-overflow-scrolling:touch;
  border-collapse:collapse; margin:0 0 14px }
#tab-description :is(td,th),
.hz-rich :is(td,th){ padding:6px 10px; border:1px solid var(--line); vertical-align:top }
#tab-description pre,
.hz-rich pre{ white-space:pre-wrap }

/* Τυπογραφία που ήρθε με επικόλληση: ίδια γραμματοσειρά/μέγεθος/χρώμα με το
   υπόλοιπο κατάστημα. Τα έντονα/πλάγια (font-weight/style) μένουν. */
#tab-description [style],
#tab-description font,
#product-category #content > .row > .col-sm-10 [style],
#product-category #content > .row > .col-sm-10 font,
.hz-rich [style], .hz-rich font{
  font-family:inherit !important; font-size:inherit !important; line-height:inherit !important;
  letter-spacing:normal !important; color:inherit !important; background:transparent !important;
  position:static !important }
/* justify σε στενή στήλη = τρύπες ανάμεσα στις λέξεις */
#tab-description :is([style*="justify"],[align="justify"]),
#product-category #content > .row > .col-sm-10 :is([style*="justify"],[align="justify"]),
.hz-rich :is([style*="justify"],[align="justify"]){ text-align:left !important }
/* λίστες που ήρθαν με list-style:none/padding:0 χάνουν τις κουκκίδες τους */
#tab-description ul[style], .hz-rich ul[style]{ list-style:disc !important; padding-left:1.35em !important }
#tab-description ol[style], .hz-rich ol[style]{ list-style:decimal !important; padding-left:1.35em !important }
#tab-description li[style], .hz-rich li[style]{ list-style:inherit !important }