/* #258 header v2 («Εκδοχή Α», Nikos 9/11) — loaded only when the new header is on (inc/menu-v2.php).
   Bar height unchanged (76px ≥1024); the panel opens over the page (absolute), so nothing shifts. */
.ot-search2, .ot-lang2 { display: none; }
.ot-mega__badge {
  display: inline-block; margin-left: 8px; padding: 2px 8px; border: 1px solid color-mix(in srgb, var(--c-orange) 70%, transparent); border-radius: var(--r-pill);
  font: 600 11px/1.35 var(--f-sans); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; color: var(--c-orange); vertical-align: 1px;
}
/* mobile overlay (cream): no small orange text on cream → dark text on an orange tint */
.ot-menu .ot-mega__badge { color: var(--c-void); background: color-mix(in srgb, var(--c-orange) 16%, transparent); }
.ot-menu--v2 .ot-menu__links a { flex-wrap: wrap; column-gap: 8px; row-gap: 4px; }
.ot-menu--v2 .ot-mega__badge, .ot-mega li .ot-mega__badge { margin-left: 0; }
/* phones/tablets: the search keeps its circle in the bar, as today (logo · 🔍 · phone · WhatsApp · menu) */
@media (max-width: 1023px) {
  .ot-topbar--v2 .ot-search2 {
    display: inline-grid; place-items: center; order: 1; width: var(--tap); height: var(--tap); padding: 0; border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--c-cream) 26%, transparent); background: rgb(7 7 7 / .42); color: var(--c-cream); cursor: pointer;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  }
  .ot-topbar--v2 .ot-search2 .ot-search-icon { transform: translate(-.75px, -1.5px); }
  .ot-search2__label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (max-width: 374px) { .ot-topbar--v2 .ot-search2 { width: 40px; height: 40px; } }
.ot-menu--v2 .ot-menu__tertiary { justify-content: flex-start; }
.ot-menu--v2 .ot-menu__tools { margin-top: 18px; }

@media (min-width: 1024px) {
  .ot-topbar.ot-topbar--v2 { gap: 12px; --ot-bar-pad: max(var(--gutter), calc((100% - var(--container)) / 2)); }
  .ot-topbar--v2 .ot-topbar__logo { margin-right: 6px; }
  .ot-topbar--v2 .ot-nav2 { display: flex; align-items: center; gap: 18px; margin-left: 0; margin-right: auto; }
  .ot-nav2__btn, .ot-nav2__link, .ot-nav2__sub {
    display: inline-flex; align-items: center; min-height: var(--tap); padding: 0; border: 0; background: none; cursor: pointer;
    color: var(--c-cream); font: 500 14px/1 var(--f-sans); letter-spacing: .01em; text-decoration: none; white-space: nowrap;
  }
  .ot-nav2__btn:hover, .ot-nav2__link:hover, .ot-nav2__sub:hover, .ot-nav2__btn[aria-expanded="true"], .ot-nav2__item.is-open .ot-nav2__link { color: var(--c-orange); }
  .ot-nav2__link[aria-current="page"] { color: var(--c-orange); }
  .ot-nav2__btn .ot-chev { width: 16px; height: 16px; margin-left: 6px; color: var(--c-orange); }
  .ot-nav2__sub { justify-content: center; min-width: 26px; margin-left: 2px; }
  .ot-nav2__sub .ot-chev { width: 14px; height: 14px; color: var(--c-orange); }

  /* «Υπηρεσίες»: full-width panel under the bar */
  .ot-mega {
    position: absolute; z-index: 1; top: 100%; left: 0; right: 0; max-height: calc(100vh - 76px); overflow-y: auto;
    background: var(--c-void-2); border-top: 1px solid var(--c-line-dark); border-bottom: 1px solid var(--c-line-dark); box-shadow: 0 30px 60px rgb(0 0 0 / .45);
    opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }
  .ot-mega.is-open { opacity: 1; visibility: visible; transform: none; transition: opacity .18s ease, transform .18s ease, visibility 0s; }
  .ot-mega__inner { padding: 28px var(--ot-bar-pad) 26px; }
  .ot-mega__cols { display: grid; grid-template-columns: repeat(var(--ot-cols, 5), minmax(0, 1fr)); gap: 28px; }
  .ot-mega__h { position: relative; margin: 0 0 12px; padding-bottom: 12px; font: 600 12px/1.25 var(--f-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--c-cream); }
  .ot-mega__h::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 64px; height: 5px; background: var(--x-brush-short) center / 100% 100% no-repeat; }
  .ot-mega__h a { color: inherit; text-decoration: none; }
  .ot-mega ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
  .ot-mega li a { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 8px; row-gap: 4px; min-height: 36px; padding: 4px 0; color: var(--c-muted); font-size: 14px; line-height: 1.3; text-decoration: none; }
  .ot-mega li a:hover, .ot-mega li a:focus-visible, .ot-mega__foot a:hover { color: var(--c-cream); text-decoration: underline; text-decoration-color: var(--c-orange); text-decoration-thickness: 2px; text-underline-offset: 5px; }
  /* #275 «Επιλογή 1»: the flagship band — thin line, small orange label, «One Take The Band →» */
  .ot-mega li.ot-mega__flag { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--c-line-dark); }
  .ot-mega li a.ot-mega__flag-link { display: flex; flex-direction: column; align-items: flex-start; row-gap: 6px; padding: 2px 0 4px; }
  .ot-mega__flag-label { font: 600 10.5px/1.2 var(--f-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--c-orange); }
  .ot-mega__flag-name { color: var(--c-cream); font-size: 15px; font-weight: 500; line-height: 1.3; }
  .ot-mega__flag-arr { color: var(--c-orange); }
  .ot-mega a[aria-current="page"] { color: var(--c-cream); text-decoration: underline; text-decoration-color: var(--c-orange); text-decoration-thickness: 2px; text-underline-offset: 5px; }
  .ot-mega__foot { margin: 22px 0 0; padding-top: 14px; border-top: 1px solid var(--c-line-dark); color: var(--c-muted); font-size: 13.5px; }
  .ot-mega__foot a { display: inline-flex; align-items: center; min-height: 36px; color: var(--c-cream); text-decoration: none; }

  /* «Για εμάς» → studios */
  .ot-nav2__item { position: relative; display: inline-flex; align-items: center; }
  .ot-nav2__dd {
    position: absolute; z-index: 2; top: 100%; left: -18px; min-width: 240px; padding: 8px 18px; border: 1px solid var(--c-line-dark); border-radius: var(--r-card);
    background: var(--c-void-2); box-shadow: 0 24px 60px rgb(0 0 0 / .45);
    opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }
  .ot-nav2__dd.is-open { opacity: 1; visibility: visible; transform: none; transition: opacity .18s ease, transform .18s ease, visibility 0s; }
  .ot-nav2__dd a { display: flex; align-items: center; min-height: var(--tap); border-bottom: 1px solid var(--c-line-dark); color: var(--c-muted); font-size: 14px; text-decoration: none; }
  .ot-nav2__dd a:last-child { border-bottom: 0; }
  .ot-nav2__dd a:hover, .ot-nav2__dd a:focus-visible, .ot-nav2__dd a[aria-current="page"] { color: var(--c-cream); text-decoration: underline; text-decoration-color: var(--c-orange); text-decoration-thickness: 2px; text-underline-offset: 5px; }

  /* #264: search = a labelled pill (icon only below 1200px) */
  .ot-search2 {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 42px; min-width: 42px; padding: 0 16px 0 14px;
    border: 1px solid color-mix(in srgb, var(--c-cream) 55%, transparent); border-radius: var(--r-pill); background: rgb(7 7 7 / .42);
    color: var(--c-cream); font: 500 14px/1 var(--f-sans); cursor: pointer; transition: border-color .18s ease, color .18s ease;
  }
  .ot-search2:hover, .ot-search2[aria-expanded="true"] { border-color: var(--c-orange); }
  .ot-search2 .ot-search-icon { flex: 0 0 15px; transform: translate(-1px, -1.5px); }

  /* GR/EN always in the bar (today it only fitted in English) */
  .ot-lang2 { display: inline-flex; background: rgb(255 255 255 / .04); border-color: color-mix(in srgb, var(--c-cream) 20%, transparent); }
  .ot-lang2 a { min-width: 34px; min-height: 32px; padding: 0 7px; color: var(--c-muted); }
  .ot-lang2 a[aria-current="page"] { background: var(--c-cream); color: var(--c-void); }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .ot-topbar--v2 .ot-topbar__wa { display: inline-grid; }   /* Nikos 9/11: phone + WhatsApp always in the bar (theme.css hid WA at 1024–1099) */
  .ot-topbar.ot-topbar--v2 { gap: 10px; --ot-bar-pad: 22px; }
  .ot-topbar--v2 .ot-nav2 { gap: 14px; }
  .ot-nav2__btn, .ot-nav2__link { font-size: 13.5px; }
  .ot-search2 { width: 42px; padding: 0; }
  .ot-search2__label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (min-width: 1200px) and (max-width: 1279px) { .ot-topbar.ot-topbar--v2 { --ot-bar-pad: 22px; } }
@media (min-width: 1280px) {
  .ot-topbar.ot-topbar--v2 { gap: 16px; }
  .ot-topbar--v2 .ot-nav2 { gap: 24px; margin-left: 8px; }
}
@media (prefers-reduced-motion: reduce) { .ot-mega, .ot-nav2__dd { transition: none !important; transform: none !important; } }