/* nav-fit (2026-10-31): header fits every width. Below 1024px the section links move into a compact «≡» menu;
   phones get slightly tighter spacing; below 360px «Εγγραφή»/"Subscribe" moves into the menu too. Desktop (≥1024px) unchanged. */
.nvm{display:none;position:relative}
.nvm>summary{list-style:none;cursor:pointer;width:34px;height:34px;box-sizing:border-box;border-radius:50%;border:1px solid var(--gb);background:none;color:var(--gold);display:grid;place-items:center;margin-left:2px;-webkit-tap-highlight-color:transparent}
.nvm>summary::-webkit-details-marker{display:none}
.nvm>summary::marker{content:""}
.nvm>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.nvm>summary svg{width:17px;height:17px}
.nvm[open]>summary{border-color:color-mix(in srgb,var(--gold) 60%,transparent)}
.nvm .nvm-x{display:none}.nvm[open] .nvm-x{display:block}.nvm[open] .nvm-b{display:none}
.nvm-p{position:absolute;right:0;top:calc(100% + 12px);z-index:60;min-width:210px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:6px;border:1px solid var(--gb);border-radius:12px;
  background:var(--deep,#15110e);box-shadow:0 18px 40px -18px rgba(0,0,0,.55);display:flex;flex-direction:column}
.nav nav .nvm .nvm-p a{display:block;position:relative;padding:11px 14px;border-radius:8px;color:var(--ink);font-size:.95rem;line-height:1.3;white-space:nowrap}
.nav nav .nvm .nvm-p a::after{display:none}
.nav nav .nvm .nvm-p a:hover,.nav nav .nvm .nvm-p a:focus-visible{background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--gold)}
.nav nav .nvm .nvm-p a+a{border-top:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}
.nav nav .nvm .nvm-p a.nvm-cta{display:none;color:var(--gold)}
@media (max-width:1023px){
  .nav nav>a:not(.cta){display:none}
  .nvm{display:block}
  .nav nav{gap:8px}
  .nav .thbtn{flex:none}
}
@media (max-width:420px){
  .nav{padding-left:10px!important;padding-right:10px!important}
  .nav .brand{gap:6px;min-width:0}
  .nav .brand .col{width:28px;height:28px;flex:none}
  .nav .brand .wm{font-size:1rem}
  .nav nav{gap:4px}
  .nav .cta{padding:5px 9px!important;font-size:.8rem}
  .nav .lgsw{margin-left:0}
  .nav .thbtn,.nvm>summary{width:32px!important;height:32px!important;margin-left:0}
  .nav .lgsw .lgx{width:32px;height:32px}
}
@media (max-width:359px){
  .nav nav>a.cta{display:none}
  .nav nav .nvm .nvm-p a.nvm-cta{display:block}
}
@media print{.nvm{display:none!important}}