/* ══ uniform top nav: every page gets the homepage's floating pill
   nav - not only after scrolling. The glass blur itself comes from
   the .nav-in::before pseudo (defined in tq-bottom-sheet) on phones;
   on desktop it sits directly on .nav-in. ══ */
header.nav,header.nav.scrolled,header.nav.mega-open,
header.nav.scrolled.mega-open{}
header.nav .nav-in{
  background:rgba(255,255,255,.96)!important;border:1px solid rgba(227,233,242,.9)!important;
  border-radius:999px!important;
  max-width:calc(var(--maxw) - 56px);
  margin-inline:auto;margin-block:10px;padding-inline:20px}
@media(min-width:961px){
  /* backdrop-filter directly on .nav-in makes it the CSS containing block
     for position:fixed descendants - .mega and #megaOverlay are both
     position:fixed and live inside .nav-in, so on every page that loads
     this file the "services" mega-menu was rendering pinned to the
     header's own (narrower, offset) box instead of the real viewport:
     a visibly narrower dropdown with blank margins on both sides, not
     reaching the true screen edges. index.html never hit this because it
     doesn't load this file at all - only the other ~33 pages did.
     Mobile already solved the identical problem this exact way (see
     mobile-bottom-sheet-nav.css) - move the glass blur to a pseudo
     element so .nav-in itself stays a plain, non-containing box; the
     visual "frosted glass" look is unchanged. */
  /* NO isolation:isolate here, deliberately - it is in the mobile copy of
     this rule, but on desktop it is actively harmful. isolation forces a
     new stacking context on .nav-in, and .mega lives inside .nav-in while
     #megaOverlay is its sibling outside it. Trapped in .nav-in's context,
     the dropdown could no longer sort itself above the overlay by its own
     z-index (97 vs 96), so the overlay's blur(4px) landed ON TOP of the
     open dropdown and smeared it. Mobile never hit that because it hides
     #megaOverlay entirely. Without isolation, .mega sorts in the header's
     own context exactly as it does on the homepage. Measured: dropdown
     sharpness 0.64 (fully smeared) -> 2191, against the homepage's 2628. */
  header.nav .nav-in{
    position:relative}
  header.nav .nav-in::before{
    content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit}
}
header.nav.scrolled .nav-in{
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 30px rgba(10,27,61,.12)!important;
  border-radius:999px!important}
header.nav.mega-open .nav-in,header.nav.scrolled.mega-open .nav-in{
  background:#fff!important;border-radius:24px!important}

/* the dimmed backdrop behind an open mega-dropdown (#megaOverlay) is a
   thin rgba(10,27,61,.15)+blur(4px) layer on every page except the
   homepage - index.html carries an extra "tinq-dark" theme class on
   <html> that overrides it to a much more opaque rgba(10,15,28,.5).
   At only .15 opacity the blur barely hides what's under it, so the
   page content shows through as a smudged, out-of-focus mess instead
   of a clean dim - exactly what showed up in the screenshots (a hazy,
   "broken" wash over the promo banner behind the open dropdown). This
   matches the homepage's own .5 opacity so every page dims the same
   way. Desktop-only concern: mobile hides #megaOverlay entirely in
   favor of the bottom-sheet's own backdrop. */
.mega-overlay{background:rgba(10,27,61,.15)!important}

/* ══ יישור תפריטי המגה לעיצוב של דף הבית ═══════════════════════════
   דף הבית מגדיר לתפריט הנפתח מראה כהה מלוטש (רקע #0A0F1C, צל עמוק,
   פלטות אייקון בהירות) דרך חוקי ערכת נושא שקיימים רק בו - לעמודים
   הפנימיים נשארו הערכים הישנים (רקע #131C31 בהיר יותר, צל חלש,
   פלטות כחולות כהות שנטמעות ברקע). מיושר כאן, בקובץ שנטען בכל
   העמודים הפנימיים ולא בדף הבית, כך שהשניים זהים. דסקטופ בלבד -
   בנייד התפריט חי בתוך מגירת התחתית עם עיצוב משלה. */
@media(min-width:961px){
  header.nav .mega{}
  header.nav .mega .mega-item:hover{}
  header.nav .mega .mega-ic{}
  header.nav .mega .mega-item:hover .mega-ic{}
  header.nav .mega .mega-ic.svc-ic{}
}

/* ══ פתיחת תפריט: הגלולה נפתחת לפס מלא, כמו בדף הבית ═══════════════
   בדף הבית, ברגע שתפריט מגה נפתח, גלולת הניווט הצפה מתרחבת לפס שטוח
   ברוחב מלא שמתמזג עם הפאנל שנפתח מתחתיו - חוק שקיים רק בדף הבית.
   בעמודים הפנימיים הגלולה נשארה גלולה (מעוגלת, עם מסגרת, ברוחב חלקי)
   שצפה מעל הפאנל ונראתה מנותקת ממנו. הבלוק הועתק אחד-לאחד מדף הבית,
   כולל יישור הפריטים לאותה עמודת תוכן. דסקטופ בלבד. */
@media(min-width:961px){
  header.nav.mega-open,header.nav.scrolled.mega-open{background:#fff!important}
  header.nav.mega-open .nav-in,header.nav.scrolled.mega-open .nav-in{
    max-width:none!important;margin:0!important;border-radius:0!important;
    border:none;
    padding-inline:max(20px,calc((100% - 1124px)/2 + 20px))!important}
  header.nav.mega-open .nav-in::before,
  header.nav.scrolled.mega-open .nav-in::before{display:none}
  header.nav.mega-open .mega .mega-inner{max-width:var(--maxw)}
}