/* ============================================================
   AEGLI HIVE — εσωτερικές σελίδες (template-parts/hive-inner.php)
   Figma H05 Εστιατόριο (λευκό), H06 Μπαρ-Καφέ (brick), H08 Γυμναστήριο
   (navy), H07 Εκδηλώσεις (μπεζ). Canvas 1903px, gutter 20px.
   Κλάσεις .hi-*. Απαιτεί hive.css (.hh-hero, .hh-text, .hh-title, .hh-btn).
   ============================================================ */

/* ── Θέματα φόντου ───────────────────────────────────────────── */
.hi-body { padding: 18px 0 clamp(60px, calc(9.5 * var(--vw)), 180px); }   /* Figma: 1021→1039 τίτλος, τελευταία φωτό → τέλος 180 */
.hi-body--white { background: #ffffff;              color: var(--hive-ink); --hh-btn-hover-text: #ffffff; }
.hi-body--beige { background: var(--hive-beige);    color: var(--hive-ink); --hh-btn-hover-text: var(--hive-beige); }
.hi-body--brick { background: var(--hive-brick);    color: #ffffff;         --hh-btn-hover-text: var(--hive-brick); }
.hi-body--navy  { background: var(--hive-ink);      color: #ffffff;         --hh-btn-hover-text: var(--hive-ink); }

/* ── Τυπογραφία ──────────────────────────────────────────────── */
/* Τίτλος σελίδας — Figma: TikTok Sans 18pt Expanded Regular 64/70, uppercase */
.hi-title {
  font-family: 'TikTok Sans 18pt Expanded', sans-serif;
  font-weight: 400;
  font-size: clamp(30px, calc(3.36 * var(--vw)), 64px);
  line-height: 1.09;
  text-transform: uppercase;
  margin: 0;
}
.hi-lead { margin-top: clamp(8px, calc(0.8 * var(--vw)), 15px); }          /* 1109 → 1124 */
/* Σώμα κειμένου — Figma: TikTok Light 26/30 */
.hi-intro {
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 300;
  font-size: clamp(16px, calc(1.37 * var(--vw)), 26px);
  line-height: clamp(22px, calc(1.58 * var(--vw)), 30px);
  max-width: 1427px;
  margin-top: clamp(16px, calc(1.6 * var(--vw)), 30px);                     /* lead 1204 → 1234 */
}
.hi-intro p { margin: 0 0 1em; }
.hi-intro p:last-child { margin-bottom: 0; }
.hi-intro--narrow { max-width: 904px; }

/* ── Φωτό Α (950×800, κεντραρισμένη) ────────────────────────── */
.hi-media-a {
  margin: clamp(60px, calc(7.36 * var(--vw)), 140px) auto 0 25.6%;          /* Figma: κείμενο τέλος → φωτό = 140 · φωτό x497 (αριστερά 477/1863) */
  max-width: 950px;
}
.hi-media-a img { width: 100%; height: auto; aspect-ratio: 950 / 800; object-fit: cover; display: block; }

/* ── Ενότητα (Aeion Mono τίτλος) ─────────────────────────────── */
.hi-section-title { margin-top: clamp(60px, calc(6.9 * var(--vw)), 132px); }   /* φωτό Α 2234 → 2366 */
.hi-section-subtitle { max-width: 1596px; margin-top: clamp(8px, calc(0.95 * var(--vw)), 18px); }

/* ── Τρίο φωτογραφιών (B 674×1011 δεξιά, C 787×525 αριστερά, D 809×539 κέντρο-δεξιά)
      Οι αποστάσεις ως % του πλάτους container (1863), ώστε να κλιμακώνονται. ── */
.hi-gallery { position: relative; }
.hi-gallery img { width: 100%; height: auto; display: block; object-fit: cover; }
.hi-gallery > .hi-gallery__b { width: 36.2%; margin: 9.9% 10.8% 0 auto; }   /* 2699−2514=185 → 9.9% · δεξί κενό 201 */
.hi-gallery__b img { aspect-ratio: 674 / 1011; }
.hi-gallery > .hi-gallery__c { width: 42.2%; margin: -11.4% 0 0 10.8%; }    /* 3498−3710=−212 · αριστερό κενό 201 */
.hi-gallery__c img { aspect-ratio: 787 / 525; }
.hi-gallery > .hi-gallery__d { width: 43.4%; margin: 11.4% 0 0 39.2%; }     /* 4236−4023=213 · x750 */
.hi-gallery__d img { aspect-ratio: 809 / 539; }
.hi-gallery__text { position: absolute; left: 0; top: calc(7.36 * var(--vw)); max-width: 904px; width: 48.5%; margin: 0; } /* Figma: κείμενο y2839 = φωτό Β y2699 + 140 (το margin της Β «διαρρέει» πάνω από το .hi-gallery) */

/* ── H07 Εκδηλώσεις: κείμενο + bullets | φωτό 950×800 δεξιά ─── */
.hi-events-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(950px, calc(49.9 * var(--vw)));   /* φωτό 950×800 x952 → 1902 (μέχρι την άκρη της σελίδας) */
  column-gap: clamp(24px, calc(1.5 * var(--vw)), 28px);                      /* 924 → 952 */
  margin-right: calc(-1 * var(--content-gutter));
  margin-top: clamp(60px, calc(9.5 * var(--vw)), 180px);                     /* lead 1204 → φωτό 1384 */
  align-items: start;
}
.hi-events-top__text { padding-top: clamp(40px, calc(7.3 * var(--vw)), 140px); } /* φωτό 1384 → κείμενο 1524 */
.hi-events-top .hi-intro { margin-top: 0; }
.hi-media-a--right { margin: 0; max-width: none; }
.hi-bullets {
  margin: clamp(24px, calc(3.1 * var(--vw)), 60px) 0 0;                       /* κείμενο 1644 → λίστα 1704 */
  padding-left: 46.5px;
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 300;
  font-size: clamp(16px, calc(1.63 * var(--vw)), 31px);
  line-height: clamp(26px, calc(2.1 * var(--vw)), 40px);
}

/* Πίνακας χωρητικότητας — Figma: x301→1602 (1300), εικονίδια 92×90, 21px */
.hi-capacity {
  max-width: 1300px;
  margin: clamp(60px, calc(7.1 * var(--vw)), 135px) auto 0;                   /* φωτό 2184 → 2319 */
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-size: clamp(14px, calc(1.1 * var(--vw)), 21px);
  line-height: 1.43;
}
.hi-capacity__head, .hi-capacity__row {
  display: grid;
  grid-template-columns: 1.55fr repeat(4, 1fr);
  column-gap: 12px;
  align-items: end;
}
.hi-capacity__head { padding-bottom: 20px; border-bottom: 1px solid currentColor; }   /* γραμμή y2513 */
.hi-capacity__row  { padding-top: 24px; }
.hi-capacity__cell { display: flex; flex-direction: column; justify-content: flex-end; text-transform: uppercase; }
.hi-capacity__cell img { width: 92px; height: 90px; margin-bottom: 15px; }
.hi-capacity__cell small { font-size: 0.8em; text-transform: lowercase; }
.hi-capacity__row .hi-capacity__cell { text-transform: none; }

/* Αν υπάρχει πίνακας, ο τίτλος ενότητας απέχει 244 από τους αριθμούς (2563 → 2807) */
.hi-capacity + .hi-section-title { margin-top: clamp(80px, calc(12.8 * var(--vw)), 244px); }

/* ── H07 Φόρμα (CF7) — Figma: 907px, γραμμές 2px, 17px labels ── */
.hi-form { max-width: 907px; margin-top: clamp(60px, calc(6.7 * var(--vw)), 128px); padding-left: 10px; }  /* D 5216 → τίτλος ~5344 · x30 */
.hi-form__title {
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.5;
  text-transform: uppercase;
  margin: 0 0 clamp(40px, calc(4.6 * var(--vw)), 89px);                       /* 5375 → 5464 */
}
.hi-form .wpcf7-form-control-wrap { display: block; }
.hi-form input:not([type="checkbox"]):not([type="submit"]),
.hi-form select,
.hi-form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 0;
  border-bottom: 2px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: inherit;
  padding: 0 0 4px;
  margin: 0 0 clamp(18px, calc(1.52 * var(--vw)), 29px);                      /* Figma: 66.7px ανά πεδίο (γραμμές 254/320/388/454/521/588/654/721) */
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-size: 17px;
  line-height: 31.5px;
  font-weight: 400;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
.hi-form ::placeholder { color: inherit; opacity: 1; }
.hi-form select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='currentColor' stroke-width='1.5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 4px center;
  padding-right: 28px;
  cursor: pointer;
}
.hi-form select:invalid, .hi-form select option[value=""] { color: inherit; }
.hi-form textarea { height: 38px; min-height: 38px; resize: vertical; }   /* Figma: «Μήνυμα» μία γραμμή (label 1064 → γραμμή 1103) */
.hi-form__label { font-size: 17px; line-height: 31.5px; margin: 0 0 8px; }
/* Checkboxes — Figma: κουτί 20px με 2px περίγραμμα, κείμενο 17px, 40px ύψος σειράς */
.hi-form .wpcf7-checkbox { display: flex; flex-direction: column; gap: 0; margin-bottom: clamp(40px, calc(5.67 * var(--vw)), 108px); }   /* Figma: τελευταίο checkbox τέλος 956 → «Μήνυμα» 1064 */
.hi-form .wpcf7-checkbox .wpcf7-list-item { margin: 0; }
.hi-form .wpcf7-checkbox label { display: flex; align-items: center; gap: 14px; line-height: 40px; font-size: 17px; cursor: pointer; }
.hi-form .wpcf7-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px; height: 20px;
  border: 2px solid currentColor;
  background: transparent;
  margin: 0;
  flex: 0 0 20px;
  cursor: pointer;
}
.hi-form .wpcf7-checkbox input[type="checkbox"]:checked { background: currentColor; box-shadow: inset 0 0 0 3px var(--hive-beige); }
.hi-form__footer { margin-top: clamp(32px, calc(3.9 * var(--vw)), 75px); }    /* γραμμή 6348 → κουμπί 6423 */
.hi-form__submit { min-width: 212px; cursor: pointer; background: transparent; }
.hi-form__recaptcha {
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-size: 15px;
  line-height: 21px;
  margin: 20px 0 0;
  max-width: 480px;
}
.hi-form .wpcf7-not-valid-tip { font-size: 13px; margin: -20px 0 16px; color: #b91c1c; }
.hi-form .wpcf7-response-output { margin: 24px 0 0; padding: 12px 16px; border: 1px solid currentColor; font-size: 15px; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 900px) {
  .hi-events-top { grid-template-columns: 1fr; row-gap: 24px; margin-right: 0; }
  .hi-events-top__text { padding-top: 0; }
  .hi-media-a { max-width: none; margin-left: 0; margin-right: 0; }
  .hi-gallery__text { position: static; width: auto; max-width: none; margin-top: 24px; }
  .hi-gallery > .hi-gallery__b, .hi-gallery > .hi-gallery__c, .hi-gallery > .hi-gallery__d { width: 100%; margin: 24px 0 0; }
  .hi-capacity__head, .hi-capacity__row { grid-template-columns: 1.2fr repeat(4, 1fr); column-gap: 6px; }
  .hi-capacity__cell img { width: 48px; height: 47px; }
  .hi-capacity { font-size: 12px; }
  .hi-form { padding-left: 0; }
}

/* `.hi-title{margin:0}` ακύρωνε το αρνητικό margin του .reveal-title (padding-top .22em) → +0.22em σε ό,τι ακολουθεί */
.hi-title.reveal-title { margin-top: -0.22em; }

/* Τίτλος ενότητας: το .hh-title.reveal-title (hive.css) έχανε το margin-top → ξανά 132px, αφαιρώντας το padding του reveal */
.hh-title.hi-section-title.reveal-title { margin-top: calc(clamp(60px, calc(6.9 * var(--vw)), 132px) - 0.22em); }

/* (Χωρίς κείμενο ενότητας — Εστιατόριο, Μπαρ: υπότιτλος → φωτό Β = 135px, Figma 2544 → 2679 — βλ. @media min-width 901 παρακάτω) */

/* Εκδηλώσεις (H07): πίνακας χωρητικότητας τέλος 2563 → τίτλος ενότητας 2807 = 244 (στις άλλες σελίδες 132) — μόνο desktop */
@media (min-width: 901px) {
  .hi-capacity ~ .hh-title.hi-section-title.reveal-title { margin-top: calc(clamp(100px, calc(12.82 * var(--vw)), 244px) - 0.22em); }
  .hi-gallery:not(.hi-gallery--text) > .hi-gallery__b { margin-top: 7.25%; }
}

/* Πίνακας χωρητικότητας: ποτέ οριζόντιο overflow (στήλες minmax(0,1fr), σπάσιμο λέξεων) */
@media (max-width: 900px) {
  .hi-capacity__head, .hi-capacity__row { grid-template-columns: 1.3fr repeat(4, minmax(0, 1fr)); }
  .hi-capacity__cell { min-width: 0; }
  .hi-capacity__cell span { overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  .hi-capacity { font-size: 10.5px; }
  .hi-capacity__cell img { width: 36px; height: 35px; }
}