/* ithageneia — Οπτικές Σημειώσεις (notes) — κεντρικό CSS v1 */
.ithn-slide{max-width:860px;margin:0 auto 26px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(27,79,140,.12);font-family:'Source Sans 3','Segoe UI',Roboto,Arial,sans-serif;color:#17324f}
.ithn-head{background:linear-gradient(135deg,#1B4F8C,#2E6FB7);color:#fff;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}
.ithn-eyebrow{font-family:Inter,'Segoe UI',sans-serif;font-size:12px;letter-spacing:.12em;font-weight:700;opacity:.85;width:100%}
.ithn-head h2{font-family:Inter,'Segoe UI',sans-serif;font-size:clamp(19px,4.5vw,26px);font-weight:800;flex:1 1 auto;margin:0;color:#fff}
.ithn-chip{font-family:Inter,'Segoe UI',sans-serif;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700;white-space:nowrap}
.ithn-map{padding:10px 12px 4px}
.ithn-map svg{display:block;width:100%;height:auto}
.ithn-facts{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 6px}
.ithn-fact{font-family:Inter,'Segoe UI',sans-serif;background:#eef4fb;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:600;flex:1 1 150px;text-align:center}
.ithn-fact b{color:#1B4F8C}
.ithn-trap{display:flex;gap:10px;align-items:flex-start;background:#fdecea;border-top:3px solid #c0392b;padding:12px 16px;font-size:14.5px}
.ithn-trap>*{min-width:0}
.ithn-traptext{flex:1 1 auto;display:block;line-height:1.5}
.ithn-trap .ithn-tag{background:#c0392b;color:#fff;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:800;white-space:nowrap;margin-top:1px}
.ithn-trap b{color:#c0392b}
.ithn-chips2{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 4px}
.ithn-chip2{font-family:Inter,'Segoe UI',sans-serif;--c:#1B4F8C;border:2px solid var(--c);color:var(--c);background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}
.ithn-chip2.on{background:var(--c);color:#fff}
.ithn-iw .ithn-bubble{cursor:pointer}
.ithn-iw .ithn-idot{opacity:0;pointer-events:none;transition:opacity .4s .15s}
.ithn-iw .ithn-labels{opacity:0;pointer-events:none;transition:opacity .4s .15s}
.ithn-iw .ithn-gtitle,.ithn-iw .ithn-ov{transition:opacity .3s}
.ithn-iw[data-active] .ithn-gtitle,.ithn-iw[data-active] .ithn-ov{opacity:0}
.ithn-iw[data-active] .ithn-bubble{opacity:.35;transition:opacity .3s}
.ithn-iw[data-active="0"] .ithn-labels[data-g="0"]{opacity:1}
.ithn-iw[data-active="0"] .ithn-bubble[data-g="0"]{opacity:1}
.ithn-iw[data-active="0"] .ithn-idot[data-g="0"]{opacity:1}
.ithn-iw[data-active="1"] .ithn-labels[data-g="1"]{opacity:1}
.ithn-iw[data-active="1"] .ithn-bubble[data-g="1"]{opacity:1}
.ithn-iw[data-active="1"] .ithn-idot[data-g="1"]{opacity:1}
.ithn-iw[data-active="2"] .ithn-labels[data-g="2"]{opacity:1}
.ithn-iw[data-active="2"] .ithn-bubble[data-g="2"]{opacity:1}
.ithn-iw[data-active="2"] .ithn-idot[data-g="2"]{opacity:1}
.ithn-iw[data-active="3"] .ithn-labels[data-g="3"]{opacity:1}
.ithn-iw[data-active="3"] .ithn-bubble[data-g="3"]{opacity:1}
.ithn-iw[data-active="3"] .ithn-idot[data-g="3"]{opacity:1}
.ithn-iw[data-active="4"] .ithn-labels[data-g="4"]{opacity:1}
.ithn-iw[data-active="4"] .ithn-bubble[data-g="4"]{opacity:1}
.ithn-iw[data-active="4"] .ithn-idot[data-g="4"]{opacity:1}

.ithn-ginfo{display:none;align-items:flex-start;gap:10px;background:#eef4fb;margin:8px 14px 12px;border-radius:12px;padding:11px 14px;font-size:15px;line-height:1.45}
.ithn-ginfo>*{min-width:0}
.ithn-ginfotext{flex:1 1 auto;display:block}
.ithn-iw:not([data-active]) .ithn-ginfo[data-g="hint"]{display:flex;color:#3d5d80;font-weight:600}
.ithn-iw[data-active="0"] .ithn-ginfo[data-g="0"]{display:flex}
.ithn-iw[data-active="1"] .ithn-ginfo[data-g="1"]{display:flex}
.ithn-iw[data-active="2"] .ithn-ginfo[data-g="2"]{display:flex}
.ithn-iw[data-active="3"] .ithn-ginfo[data-g="3"]{display:flex}
.ithn-iw[data-active="4"] .ithn-ginfo[data-g="4"]{display:flex}

.ithn-gdot{width:14px;height:14px;border-radius:50%;flex:0 0 auto;margin-top:3px}
.ithn-gnote{color:#c0392b;font-weight:600;font-size:13.5px}
@media (max-width:480px){.ithn-map{padding:6px 4px 0}}

/* ---- v3: Κάρτες σημειώσεων ---- */
.ithn-card{max-width:640px;margin:0 auto 18px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 14px rgba(27,79,140,.12);font-family:'Source Sans 3','Segoe UI',Roboto,Arial,sans-serif;color:#17324f}
.ithn-chead{padding:14px 18px 10px;border-bottom:3px solid #1B4F8C}
.ithn-ceye{font-family:Inter,'Segoe UI',sans-serif;font-size:11.5px;letter-spacing:.12em;font-weight:700;color:#7a90a5}
.ithn-chead h2{font-family:Inter,'Segoe UI',sans-serif;font-size:clamp(19px,4.8vw,24px);font-weight:800;color:#1B4F8C;margin:2px 0 0}
.ithn-cmap{padding:8px 10px 0}
.ithn-cmap svg{display:block;width:100%;height:auto}
.ithn-clist{padding:12px 16px;font-size:16px;line-height:1.55}
.ithn-clist b{color:#1B4F8C}
.ithn-cprog{font-family:Inter,'Segoe UI',sans-serif;text-align:center;font-size:12.5px;color:#7a90a5;padding:6px 0 12px}
.ithn-cc0 .ithn-chead{border-bottom-color:#1B4F8C}.ithn-cc0 .ithn-chead h2{color:#1B4F8C}.ithn-cc0 .ithn-clist b{color:#1B4F8C}
.ithn-cc1 .ithn-chead{border-bottom-color:#0e8f7e}.ithn-cc1 .ithn-chead h2{color:#0e8f7e}.ithn-cc1 .ithn-clist b{color:#0e8f7e}
.ithn-cc2 .ithn-chead{border-bottom-color:#1f9d57}.ithn-cc2 .ithn-chead h2{color:#1f9d57}.ithn-cc2 .ithn-clist b{color:#1f9d57}
.ithn-cc3 .ithn-chead{border-bottom-color:#b3437a}.ithn-cc3 .ithn-chead h2{color:#b3437a}.ithn-cc3 .ithn-clist b{color:#b3437a}
.ithn-cc4 .ithn-chead{border-bottom-color:#6c4fb3}.ithn-cc4 .ithn-chead h2{color:#6c4fb3}.ithn-cc4 .ithn-clist b{color:#6c4fb3}
.ithn-cc5 .ithn-chead{border-bottom-color:#d97b29}.ithn-cc5 .ithn-chead h2{color:#d97b29}.ithn-cc5 .ithn-clist b{color:#d97b29}

/* ---- Book navigation → μεγάλα κουμπιά (μαζί με Book setting: Style of navigation = Text) ---- */

/* ================= v4 =================================================== */

/* 1) Χρώμα κάρτας μέσω μεταβλητής --ithn-c (inline style στο .ithn-card).
      Έτσι δεν χρειάζεται νέα κλάση CSS για κάθε νέα θεματική/κεφάλαιο. */
.ithn-card{--ithn-c:#1B4F8C}
.ithn-card .ithn-chead{border-bottom-color:var(--ithn-c)}
.ithn-card .ithn-chead h2{color:var(--ithn-c)}
.ithn-card .ithn-clist b{color:var(--ithn-c)}
.ithn-card .ithn-clist u{text-decoration-color:var(--ithn-c);text-underline-offset:2px}

/* 2) ΔΙΟΡΘΩΣΗ: το badge «ΠΡΟΣΟΧΗ» συμπιεζόταν από το flex και το κείμενό του
      (white-space:nowrap) ξεχείλιζε πάνω στο κείμενο της παγίδας. */
.ithn-trap{align-items:flex-start}
.ithn-trap .ithn-tag{flex:0 0 auto;align-self:flex-start}
.ithn-trap .ithn-traptext{flex:1 1 auto;min-width:0}
.ithn-trap u{text-decoration-thickness:2px;text-underline-offset:2px}

/* 3) Ασφάλεια: κανένα SVG να μην ξεχειλίζει από την κάρτα. */
.ithn-card{overflow:hidden}
.ithn-cmap svg{max-width:100%}



/* ================= v7 — Πλοήγηση Moodle 5 Book ========================= */
/* Οι πραγματικές κλάσεις (Moodle 5.2 / Boost):
       <a class="btn btn-link btn-previous" …>   ← ΟΧΙ btn-prev
       <a class="btn btn-link btn-next" …>
   Και τα δύο κουμπιά έχουν μόνο ένα <i> με chevron, χωρίς κείμενο· το
   aria-label είναι αγγλικό. Το κείμενο μπαίνει με ::after.

   Στόχευση με href: η πλοήγηση κεφαλαίων δείχνει πάντα σε
   view.php?id=…&chapterid=… — έτσι δεν πειράζουμε την πλοήγηση
   δραστηριοτήτων, που δεν έχει chapterid.

   ΚΑΝΟΝΑΣ: κανένας κανόνας δεν αγγίζει layout γονέα (το v5 το έκανε και τα
   κουμπιά κατέρρεαν σε μηδενικό πλάτος). Μόνο το ίδιο το <a>. */

#page-mod-book-view a.btn-previous[href*="chapterid"],
#page-mod-book-view a.btn-next[href*="chapterid"],
.path-mod-book a.btn-previous[href*="chapterid"],
.path-mod-book a.btn-next[href*="chapterid"]{
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  width:auto!important;
  height:auto!important;
  min-height:48px;
  padding:12px 20px!important;
  border-radius:12px!important;
  border:1px solid transparent;
  font-family:Inter,'Segoe UI',system-ui,sans-serif;
  font-size:15.5px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  text-decoration:none!important;
  vertical-align:middle;
}

#page-mod-book-view a.btn-next[href*="chapterid"],
.path-mod-book a.btn-next[href*="chapterid"]{
  background:#1B4F8C!important;
  color:#fff!important;
  box-shadow:0 2px 8px rgba(27,79,140,.25);
}
#page-mod-book-view a.btn-next[href*="chapterid"]:hover,
.path-mod-book a.btn-next[href*="chapterid"]:hover{background:#164277!important;color:#fff!important}

#page-mod-book-view a.btn-previous[href*="chapterid"],
.path-mod-book a.btn-previous[href*="chapterid"]{
  background:#eef4fb!important;
  color:#1B4F8C!important;
  border-color:#c9dcf0!important;
  box-shadow:none!important;
}
#page-mod-book-view a.btn-previous[href*="chapterid"]:hover,
.path-mod-book a.btn-previous[href*="chapterid"]:hover{background:#e2edf9!important;color:#1B4F8C!important}

/* Το κείμενο (το markup δεν έχει· το aria-label είναι αγγλικό) */
#page-mod-book-view a.btn-previous[href*="chapterid"]::after,
.path-mod-book a.btn-previous[href*="chapterid"]::after{content:"Προηγούμενο"}
#page-mod-book-view a.btn-next[href*="chapterid"]::after,
.path-mod-book a.btn-next[href*="chapterid"]::after{content:"Επόμενο"}

/* chevron: αριστερά στο «Προηγούμενο», δεξιά στο «Επόμενο» */
#page-mod-book-view a.btn-previous[href*="chapterid"] .icon,
.path-mod-book a.btn-previous[href*="chapterid"] .icon{order:-1;margin:0!important}
#page-mod-book-view a.btn-next[href*="chapterid"] .icon,
.path-mod-book a.btn-next[href*="chapterid"] .icon{order:2;margin:0!important}

@media (max-width:420px){
#page-mod-book-view a.btn-previous[href*="chapterid"],
#page-mod-book-view a.btn-next[href*="chapterid"],
.path-mod-book a.btn-previous[href*="chapterid"],
.path-mod-book a.btn-next[href*="chapterid"]{padding:11px 14px!important;font-size:14.5px;min-height:46px}
}