/* =====================  ΕΚΔΗΛΩΣΕΙΣ  ===================== */
.ev-intro {
  display: block; text-align: center; max-width: 88ch;
  margin: clamp(28px, 3vw, 56px) auto 0;
  font-size: clamp(15px, .94vw, 18px); line-height: 1.7; color: var(--c-secondary);
}

/* Δύο κατοπτρικές ενότητες: εικόνα full-bleed από τη μία πλευρά, λίστα από την άλλη */
.evsplit {
  display: grid; align-items: center;
  gap: clamp(24px, 3vw, 64px);
  grid-template-columns: 1fr 1fr;
  padding-block: clamp(40px, 4.5vw, 88px);
}
.evsplit__media img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 16 / 11; }
.evsplit__body { padding-inline: var(--page-margin); max-width: 720px; }
/* Το grid-row: 1 δεν είναι περιττό.
   Στο --right η εικόνα είναι ΠΡΩΤΗ στο markup αλλά μπαίνει στη 2η στήλη.
   Η αυτόματη τοποθέτηση του grid δεν γυρίζει ποτέ πίσω, οπότε το κείμενο —
   που έρχεται δεύτερο και ζητά την 1η στήλη — έπεφτε σε ΔΕΥΤΕΡΗ γραμμή,
   δηλαδή από κάτω αντί για δίπλα. Καρφώνοντας τη γραμμή, κάθονται μαζί. */
.evsplit--left  .evsplit__media { grid-column: 1; grid-row: 1; }
.evsplit--left  .evsplit__body  { grid-column: 2; grid-row: 1; }
.evsplit--right .evsplit__media { grid-column: 2; grid-row: 1; }
.evsplit--right .evsplit__body  { grid-column: 1; grid-row: 1; justify-self: end; }

.evlist { list-style: none; margin: clamp(20px, 2vw, 34px) 0; padding: 0; display: grid; gap: clamp(18px, 1.8vw, 30px); }
.evlist__item { position: relative; padding-left: 62px; }
/* Η παύλα πριν από κάθε τίτλο, όπως στο design */
.evlist__item::before {
  content: ""; position: absolute; left: 0; top: .7em; width: 40px; height: 1px;
  background: var(--c-gold);
}
.evlist__title { margin: 0 0 6px; font-family: var(--f-sans); font-size: clamp(15px, 1.04vw, 20px); font-weight: 600; color: var(--c-white); }
.evlist__text { margin: 0; font-size: clamp(14px, .89vw, 17px); line-height: 1.7; color: var(--c-secondary); }

/* Κάτοψη */
.evplan { padding-block: clamp(40px, 4.5vw, 88px); }
.evplan__frame { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.evplan__img { width: 100%; height: auto; display: block; background: #eef4f6; }
@media (max-width: 899px) {
  /* Ελάχιστο πλάτος ώστε να διαβάζονται οι ενδείξεις· ο χρήστης σύρει. */
  .evplan__img { min-width: 760px; }
}
.evplan__missing {
  margin: 0; padding: clamp(40px, 6vw, 90px) 24px; text-align: center;
  border: 1px dashed rgb(255 255 255 / .25); color: var(--c-secondary);
  font-size: 15px;
}

/* Τοποθεσία */
.evloc { padding-block: clamp(40px, 4.5vw, 88px); }
.evloc__grid { display: grid; gap: clamp(24px, 3vw, 56px); grid-template-columns: 1fr 1.35fr; align-items: start; }
.evloc__text { border: 1px solid rgb(255 255 255 / .12); padding: clamp(22px, 2.4vw, 40px); }
.evloc__text p { margin: 0 0 1em; font-size: clamp(14px, .89vw, 17px); line-height: 1.75; color: var(--c-white); }
.evloc__text p:last-of-type { margin-bottom: clamp(18px, 2vw, 30px); }
.evloc__text strong { font-weight: 600; }

/* Gallery */
.evgal { padding-block: clamp(40px, 4.5vw, 88px); }
.evgal__grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: clamp(12px, 1.4vw, 26px);
  grid-template-columns: repeat(3, 1fr);
}
.evgal__grid li { aspect-ratio: 576 / 389; overflow: clip; }
.evgal__grid picture { display: block; width: 100%; height: 100%; }
.evgal__grid img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 899px) {
  .evsplit { grid-template-columns: 1fr; }
  /* Σε μία στήλη ξεκαρφώνουμε τη γραμμή, αλλιώς εικόνα και κείμενο θα
     στοιβάζονταν το ένα πάνω στο άλλο. */
  .evsplit--left .evsplit__media, .evsplit--right .evsplit__media,
  .evsplit--left .evsplit__body,  .evsplit--right .evsplit__body { grid-column: 1; grid-row: auto; }
  .evsplit--right .evsplit__body { justify-self: start; }
  .evloc__grid { grid-template-columns: 1fr; }
  .evgal__grid { grid-template-columns: repeat(2, 1fr); }
  .evgal__grid li { aspect-ratio: 1 / 1; }
  /* Κάτοψη: χωρίς horizontal scroll στο mobile — κλιμακώνεται με το πλάτος */
  .evplan__frame { overflow-x: visible; }
  .evplan__img { min-width: 0; }
}
@media (max-width: 560px) {
  /* #28 — Mobile: gallery 2 ανά σειρά αντί για 1 */
  .evgal__grid { grid-template-columns: repeat(2, 1fr); }
  .evgal__grid li { aspect-ratio: 1 / 1; }
  .evlist__item { padding-left: 40px; }
  .evlist__item::before { width: 24px; }
}

/* PDF download button — εμφανίζεται σε δύο σημεία: vintro__head και κεντρικά μετά την gallery */
.ev-pdf {
  display: inline-flex; align-items: center; gap: 9px;
  border: 1px solid var(--c-gold); height: 52px; padding-inline: 20px;
  color: var(--c-gold); text-decoration: none;
  font-family: var(--f-sans); font-size: 16px; font-weight: 400;
  letter-spacing: var(--ls-caption); text-transform: uppercase;
  transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.ev-pdf:hover { background: var(--c-gold); color: var(--c-black); }
.ev-pdf__icon { width: 22px; height: 22px; flex-shrink: 0; }
.ev-pdf-center { display: flex; justify-content: center; padding-block: clamp(28px, 3vw, 52px); }

/* Ζεύγος βίντεο πριν τη φόρμα — ίδια δομή 40/60 με moments__pair */
.evpair { padding-block: clamp(40px, 4.5vw, 88px); }
.evpair__inner {
  display: grid; gap: 33px;
  grid-template-columns: 728fr 1032fr;
  width: 100%;
}
.evpair__item { overflow: clip; }
.evpair__item video { width: 100%; height: auto; display: block; }
/* Σωστό aspect ratio ανά βίντεο ώστε να μην κόβεται τίποτα */
.evpair__item:first-child video { aspect-ratio: 728 / 678; }
.evpair__item:last-child  video { aspect-ratio: 1032 / 678; }
@media (max-width: 899px) {
  .evpair__inner { grid-template-columns: 1fr; gap: clamp(14px, 2vw, 26px); }
}

/* Ο στόχος του «Ζητήστε προσφορά».
   Το header είναι sticky, οπότε χωρίς scroll-margin ο τίτλος της φόρμας
   θα κατέληγε από κάτω του. Το ύψος του header αλλάζει στο κινητό. */
#ev-form { scroll-margin-top: calc(var(--header-h-mobile) + 16px); }
@media (min-width: 900px) {
  #ev-form { scroll-margin-top: calc(var(--header-h) + 24px); }
}

/* Mobile (≤480) */
@media (max-width: 480px) {
  /* #2 — «VOTANIKOS ΠΑΡΟΥΣΙΑΣΗ»: το .2em letter-spacing φάρδαινε το κείμενο
     και έσπαγε σε 2 γραμμές με μεγάλο κουτί. Μικρότερη γραμματοσειρά/spacing,
     μία γραμμή (nowrap) και κουτί στο μέγεθος του περιεχομένου. */
  .ev-pdf {
    font-size: 13px; letter-spacing: .1em;
    height: 46px; padding-inline: 14px; gap: 8px;
    white-space: nowrap; width: fit-content;
  }
  .ev-pdf__icon { width: 18px; height: 18px; }

  /* #3 — «Οδηγίες πρόσβασης»: πλήρες πλάτος, κεντραρισμένο, να σπάει αντί να
     ξεχειλίζει δεξιά (βλ. και .mapblock__open στο contact.css). */
  .evloc__text .btn {
    width: 100%; white-space: normal; text-align: center;
    height: auto; min-height: var(--btn-h); padding-block: 10px;
  }
}