/* =========  01 - Navigation Menu  =========
   Μετρημένο: 1920×92, background rgba(0,0,0,0) — διαφανές πάνω από το hero.
   Nav item: Inter 400 16px / letter-spacing 3.2px / uppercase / Pure white.
   Κουμπί: Frame 6 — 175×52, 1px solid Gold.
   ========================================== */

.site-header {
  position: fixed; inset: 0 0 auto; z-index: 100;
  height: var(--header-h-mobile);
  display: flex; align-items: center;
  background: transparent;
  transition: background-color var(--dur) var(--ease), height var(--dur) var(--ease);
}
.site-header::after { /* λεπτή γραμμή μόνο όταν έχει φόντο */
  content: ""; position: absolute; inset: auto 0 0; height: 1px;
  background: var(--c-white-47); opacity: 0;
  transition: opacity var(--dur) var(--ease);
}
.site-header.is-stuck {
  background: rgb(8 8 8 / .92);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.site-header.is-stuck::after { opacity: .25; }

.site-header__inner {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
}

.site-header__logo { width: clamp(150px, 12.76vw, 245px); }  /* logo 245×36 */
.site-header__logo img { width: 100%; height: auto; }

/* --- Μενού --- */
.site-nav__list {
  display: flex; align-items: center; gap: clamp(20px, 2.19vw, 42px);
  margin: 0; padding: 0; list-style: none;
}
.site-nav__link {
  display: inline-block; position: relative;
  font-family: var(--f-sans); font-weight: 400;
  font-size: clamp(13px, .833vw, 16px);
  letter-spacing: .2em;               /* 3.2px @16px */
  text-transform: uppercase;
  color: var(--c-white);
  padding-block: 6px;
}
.site-nav__link::after {
  content: ""; position: absolute; inset: auto 0 0; height: 1px;
  background: var(--c-gold); transform: scaleX(0); transform-origin: left;
  transition: transform var(--dur) var(--ease);
}
.site-nav__link:hover, .site-nav__link[aria-current="page"] { color: var(--c-gold); }
.site-nav__link:hover::after, .site-nav__link[aria-current="page"]::after { transform: scaleX(1); }

/* --- Δεξιά ομάδα --- */
.site-header__actions { display: flex; align-items: center; gap: clamp(12px, 1.6vw, 30px); }
/* Το Figma δίνει 26px. Το ανεβάζω σε 34: στα 26 η σημαία μόλις που
   αναγνωρίζεται και ο στόχος του κλικ είναι κάτω από το ελάχιστο. Το padding
   δίνει άνετη περιοχή αφής χωρίς να μεγαλώσει άλλο η ίδια η σημαία. */
.lang-switch {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 6px; margin: -6px;
  border-radius: 3px;
}
/* Ρητό τετράγωνο και στις δύο σημαίες. Η βρετανική ήταν 54x52 με 11px
   διάφανο περιθώριο γύρω από σημαία 31x31, ενώ η ελληνική 27x18 — γι' αυτό
   έδειχναν διαφορετικού μεγέθους και το header «πηδούσε» στην εναλλαγή.
   Τώρα και οι δύο είναι 31x31 στην πηγή και 26x26 στην οθόνη. */
.lang-switch img { width: 26px; height: 26px; display: block; }
.site-header .btn { min-height: 52px; }   /* μετρημένο στο Figma (01 - Navigation Menu) */

/* --- Burger (mobile) --- */
.burger {
  display: none; width: 44px; height: 44px; position: relative; margin-right: -10px;
}
.burger span {
  position: absolute; left: 11px; right: 11px; height: 1.5px; background: var(--c-white);
  transition: transform var(--dur) var(--ease), opacity .2s linear;
}
.burger span:nth-child(1) { top: 16px; }
.burger span:nth-child(2) { top: 21.5px; }
.burger span:nth-child(3) { top: 27px; }
.is-menu-open .burger span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
.is-menu-open .burger span:nth-child(2) { opacity: 0; }
.is-menu-open .burger span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }

/* --- Mobile overlay --- */
.mobile-menu {
  position: fixed; inset: 0; z-index: 99;
  display: flex; flex-direction: column; justify-content: center; gap: 8px;
  padding: var(--header-h-mobile) var(--page-margin) 40px;
  background: var(--c-black);
  transform: translateY(-100%); visibility: hidden;
  transition: transform .5s var(--ease), visibility .5s;
}
.is-menu-open .mobile-menu { transform: none; visibility: visible; }
.mobile-menu a {
  font: var(--t-h3); letter-spacing: var(--ls-h3); text-transform: uppercase;
  padding-block: 10px; border-bottom: 1px solid rgb(255 255 255 / .12);
}
.mobile-menu__foot { margin-top: 28px; display: flex; align-items: center; gap: 16px; }

@media (max-width: 1099px) {
  .site-nav, .site-header__actions .btn { display: none; }
  .burger { display: block; }
}
@media (min-width: 1100px) {
  .site-header { height: var(--header-h); }
  .mobile-menu { display: none; }
}

/* Το mobile menu παράγεται από wp_nav_menu, άρα είναι <ul> */
.mobile-menu__list { list-style: none; margin: 0; padding: 0; }
.mobile-menu__list a {
  display: block;
  font: var(--t-h3); letter-spacing: var(--ls-h3); text-transform: uppercase;
  padding-block: 10px; border-bottom: 1px solid rgb(255 255 255 / .12);
}

/* =====================  Διακόπτης γλώσσας  =====================
   Η βασική μορφή (26px σημαία) ορίζεται πιο πάνω, όπως στο Figma. Εδώ μόνο
   ό,τι λείπει: ορατή εστίαση και μεγαλύτερος στόχος αφής στο κινητό. */
.lang-switch:focus-visible { outline: 2px solid var(--c-gold); outline-offset: 4px; }
.lang-switch img { display: block; }
.lang-switch--mobile {
  width: auto; justify-content: center; padding-block: 18px;
  border-top: 1px solid rgb(255 255 255 / .12);
}
.lang-switch--mobile img { width: 32px; height: 32px; }