/* ═══════════════════════════════════════════════════════════════════
   ΒΑΒΥΛΩΝΙΑ — MASTER CSS (v2.4.2)
   ───────────────────────────────────────────────────────────────────
   Single source of truth για όλα τα custom components των άρθρων.
   Επικόλληση: Drupal Asset Injector ή theme CSS (μία φορά).
   Από εδώ και πέρα, το Drupal-Ready HTML παράγεται 100% καθαρό
   (semantic HTML + classes, χωρίς κανένα <style> block).

   Brand palette:
     #1A3A5C — primary (deep blue)
     #4A7CB5 — accent (medium blue)
     #d4a544 — gold (highlight / comparison)
     #b58a30 — gold dark (text on gold bg)
     #f5f7fa — light surface
     #fffdf7 — cream (qa-comparison / row-highlight)
   ═══════════════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────────────
   1) QUICK SUMMARY (AI Snapshot Block, κάτω από τον H1)
   ─────────────────────────────────────────────────────────────────── */
.quick-summary{background:#f5f7fa;border-left:4px solid #1A3A5C;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:6px}
.quick-summary > p:first-child{margin:0 0 .5rem;font-size:1.05rem;color:#1A3A5C}
.quick-summary ul{margin:0;padding-left:1.25rem}
.quick-summary li{margin:.25rem 0;line-height:1.55}
.quick-summary strong{color:#1A3A5C}


/* ───────────────────────────────────────────────────────────────────
   2) CONTACT INFO BLOCK (μέσα στον τίτλο 14)
   ─────────────────────────────────────────────────────────────────── */
.contact-info{background:#f5f7fa;border:1px solid #d9e4f0;border-radius:8px;padding:1rem 1.25rem;margin:1.5rem 0}
.contact-info p{margin:.4rem 0;line-height:1.6}
.contact-info strong{color:#1A3A5C}
.contact-info a{color:#1A3A5C;text-decoration:none;border-bottom:1px dotted #4A7CB5}
.contact-info a:hover{color:#4A7CB5;border-bottom-style:solid}


/* ───────────────────────────────────────────────────────────────────
   3) BABYLONIA TABLES (Comparison + Data tables)
   ─────────────────────────────────────────────────────────────────── */
.babylonia-table-wrap{margin:1.5rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.babylonia-table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:.97rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(26,58,92,.08)}
.babylonia-table thead{background:#1A3A5C;color:#fff}
.babylonia-table thead th{padding:1rem 1.1rem;text-align:left;font-weight:600;font-size:.95rem;letter-spacing:.3px;border:none}
.babylonia-table tbody td{padding:.9rem 1.1rem;border-bottom:1px solid #eef3f9;color:#333;vertical-align:top}
.babylonia-table tbody tr:nth-child(even){background:#f5f7fa}
.babylonia-table tbody tr:hover{background:#eaf1f9;transition:background .15s ease}
.babylonia-table tbody tr:last-child td{border-bottom:none}
.babylonia-table tbody td:first-child{color:#1A3A5C;font-weight:600;background:transparent}
.babylonia-table tbody tr.row-highlight{background:#fffdf7 !important;border-left:3px solid #d4a544}
.babylonia-table tbody tr.row-highlight td:first-child{color:#b58a30}
.babylonia-table tbody tr.row-highlight td{font-weight:500}
@media(max-width:600px){
  .babylonia-table{font-size:.9rem}
  .babylonia-table thead th,
  .babylonia-table tbody td{padding:.7rem .8rem}
}


/* ───────────────────────────────────────────────────────────────────
   4) MANUEL QAPAGE BLOCK (Συχνές Ερωτήσεις)
   ─────────────────────────────────────────────────────────────────── */
.babylonia-qapage{max-width:900px;margin:2.5rem auto;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#2a2a2a;line-height:1.6}
.babylonia-qapage h2.qapage-title{font-size:1.85rem;color:#1A3A5C;border-bottom:3px solid #4A7CB5;padding-bottom:.6rem;margin-bottom:.4rem;font-weight:700}
.babylonia-qapage .qapage-subtitle{color:#666;font-size:.95rem;margin-bottom:2rem;font-style:italic}
.babylonia-qapage .qapage-section-label{display:inline-block;background:#1A3A5C;color:#fff;padding:.35rem .9rem;border-radius:4px;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:2rem 0 1rem 0}
.babylonia-qapage .qapage-section-label.comparison-section{background:linear-gradient(135deg,#4A7CB5 0%,#1A3A5C 100%)}
.babylonia-qapage details{background:#fff;border:1px solid #d9e4f0;border-left:4px solid #4A7CB5;border-radius:6px;margin-bottom:.85rem;transition:box-shadow .2s ease,border-color .2s ease}
.babylonia-qapage details:hover{box-shadow:0 4px 12px rgba(26,58,92,.08);border-left-color:#1A3A5C}
.babylonia-qapage details[open]{box-shadow:0 4px 14px rgba(26,58,92,.10);border-left-color:#1A3A5C}
.babylonia-qapage details.qa-comparison{border-left:4px solid #d4a544;background:#fffdf7}
.babylonia-qapage details.qa-comparison:hover,
.babylonia-qapage details.qa-comparison[open]{border-left-color:#b58a30;box-shadow:0 4px 14px rgba(212,165,68,.18)}
.babylonia-qapage summary{cursor:pointer;padding:1.05rem 1.3rem;font-weight:600;font-size:1.05rem;color:#1A3A5C;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.babylonia-qapage summary::-webkit-details-marker{display:none}
.babylonia-qapage summary::after{content:"+";font-size:1.5rem;color:#4A7CB5;font-weight:300;flex-shrink:0;transition:transform .2s ease}
.babylonia-qapage details[open] summary::after{content:"\2212"}
.babylonia-qapage details.qa-comparison summary::after{color:#d4a544}
.babylonia-qapage .qapage-answer{padding:0 1.3rem 1.2rem;color:#333;font-size:.98rem;border-top:1px solid #eef3f9}
.babylonia-qapage .qapage-answer p{margin:.85rem 0}
.babylonia-qapage .qapage-answer p:first-child{margin-top:1rem}
.babylonia-qapage .qapage-answer strong{color:#1A3A5C}
@media(max-width:600px){
  .babylonia-qapage{padding:1rem}
  .babylonia-qapage h2.qapage-title{font-size:1.5rem}
  .babylonia-qapage summary{font-size:.98rem;padding:.9rem 1rem}
  .babylonia-qapage .qapage-answer{padding:0 1rem 1rem}
}


/* ───────────────────────────────────────────────────────────────────
   5) TEACHER / STUDENT VOICE BLOCKQUOTES
   ─────────────────────────────────────────────────────────────────── */
blockquote{background:#f5f7fa;border-left:4px solid #4A7CB5;margin:1.5rem 0;padding:1rem 1.25rem;border-radius:0 6px 6px 0;font-style:italic;color:#333}
blockquote p{margin:.5rem 0}
blockquote cite{display:block;margin-top:.5rem;font-style:normal;font-weight:600;color:#1A3A5C;font-size:.92rem}

/* Babylonia — Registration Steps (.babylonia-steps)
   Προσθήκη ΜΙΑ φορά στο babylonia-master.css. Χρήση: <ol class="babylonia-steps"> */

.babylonia-steps {
  counter-reset: babylonia-step;
  list-style: none;
  margin: 24px 0;
  padding: 0;
}

.babylonia-steps li {
  counter-increment: babylonia-step;
  position: relative;
  padding: 14px 20px 14px 56px;
  margin-bottom: 12px;
  background: #f7f9fb;
  border-left: 3px solid #4A7CB5;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.5;
}

.babylonia-steps li::before {
  content: counter(babylonia-step);
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1A3A5C;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.babylonia-steps li:last-child {
  border-left-color: #d4a544;
}

.babylonia-steps a {
  color: #1A3A5C;
  font-weight: 600;
  text-decoration: underline;
}

.babylonia-steps a:hover {
  color: #4A7CB5;
}