/* ── ΕΣΠΑ 2021-2027 / ΔΑΜ – banner & accessible project page ── */

/* Logo strip: white background as required by the visual identity */
.espa-banner {
  display: block;
  background: #fff;
  padding: 8px 5%;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.espa-banner img {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
}
a.espa-banner:hover { text-decoration: none; }
a.espa-banner:focus-visible { outline: 3px solid var(--accent); outline-offset: -3px; }

/* Home page: banner sits right under the fixed 64px navbar, above the fold */
.espa-banner-home { margin-top: 64px; }
.espa-banner-home + #hero { padding-top: 48px; }

/* Override the generic `section` padding from styles.css */
.espa-content section.policy-section { padding: 0; }

/* Readable contrast on this page */
.espa-content .policy-section p,
.espa-content .policy-section ul li,
.espa-content .highlight-box p { color: var(--text); font-size: 1rem; }

.espa-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 48px;
}
.espa-btn {
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  padding: 12px 20px;
  border: 2px solid var(--accent);
  background: var(--accent);
  color: #000;
}
.espa-btn-outline { background: transparent; color: var(--accent); }
.espa-btn-outline[aria-pressed="true"] { background: var(--accent); color: #000; }
.espa-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

.espa-facts {
  display: grid;
  grid-template-columns: minmax(140px, max-content) 1fr;
  gap: 8px 24px;
}
.espa-facts dt { color: var(--accent); font-weight: 600; }
.espa-facts dd { color: var(--text); }
@media (max-width: 560px) {
  .espa-facts { grid-template-columns: 1fr; gap: 2px; }
  .espa-facts dd { margin-bottom: 10px; }
}

/* On-screen large text mode */
body.large-text .espa-content { font-size: 1.3rem; }
body.large-text .espa-content .policy-section p,
body.large-text .espa-content .policy-section ul li,
body.large-text .espa-content .highlight-box p,
body.large-text .espa-facts { font-size: 1.3rem; line-height: 1.8; }
body.large-text .espa-content .policy-section h2 { font-size: 1.6rem; }

/* ── Accessible large-print version (ΕΣΠΑ Οδηγός Επικοινωνίας, Κεφ. 8 §1.5) ──
   Black on white, sans-serif, min. 18pt body, left aligned, no decorative elements. */
@media print {
  @page { size: A4; margin: 18mm 16mm; }

  html, body {
    background: #fff !important;
    color: #000 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18pt !important;
    line-height: 1.5 !important;
  }
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }

  header, footer, .skip-link, .espa-tools, .page-eyebrow { display: none !important; }

  .espa-banner { padding: 0 0 8mm; border: 0; }
  .espa-banner img { max-width: 100%; }

  .page-hero { padding: 0 0 6mm; border: 0; }
  .page-hero h1 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30pt !important;
    font-weight: 700;
    margin: 0 0 2mm;
  }
  .page-hero p { font-size: 18pt !important; }

  .policy-content { max-width: none; padding: 0; }
  .espa-content section.policy-section { margin: 0 0 8mm; padding: 0; }
  .policy-section li, .espa-facts dd { break-inside: avoid; }
  .policy-section h2 {
    break-after: avoid;
    page-break-after: avoid;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24pt !important;
    font-weight: 700;
    border-bottom: 2px solid #000;
    padding-bottom: 2mm;
    margin-bottom: 4mm;
  }
  .policy-section p,
  .policy-section ul li,
  .highlight-box p,
  .espa-facts,
  .espa-facts dt,
  .espa-facts dd { font-size: 18pt !important; text-align: left; }

  .policy-section ul li { padding-left: 1.2em; }
  .policy-section ul li::before { content: '•'; color: #000 !important; }

  .espa-facts { display: block; }
  .espa-facts dt { font-weight: 700; margin-top: 3mm; }

  .highlight-box {
    border: 2px solid #000 !important;
    padding: 4mm;
    margin: 0 0 8mm;
    font-weight: 700;
  }

  a { text-decoration: none; }
  a[href^="mailto:"]::after, a[href^="tel:"]::after { content: ''; }
}