/* tgz-nav26.bundle.css — the navigation system, coded from scratch 2026-08-23.
   Replaces the phase-372/411/421/422/455/481 menu stack (markup deleted from
   inc/header.php the same day). One namespace: .tgzN26*. Light theme is the
   base; html[data-theme="dark"] / [data-theme-mode="dark"] override — the bar
   and the drawer head stay near-black in BOTH themes (brand band), everything
   else is fully theme-aware. */

/* ---------------------------------------------------------------- bar links */
.tgzN26Bar{display:none;align-items:center;gap:2px}
@media (min-width:1100px){.tgzN26Bar{display:flex}}
.tgzN26Link{appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:9px 13px;border-radius:999px;font:700 .92rem/1 Inter,system-ui,sans-serif;color:#dbe7ea;text-decoration:none;letter-spacing:.01em;transition:background .15s ease,color .15s ease}
.tgzN26Link:hover{background:rgba(255,255,255,.08);color:#fff}
.tgzN26Link.isActive{color:#7fe0cf}
.tgzN26Link[aria-expanded="true"]{background:rgba(127,224,207,.14);color:#7fe0cf}
.tgzN26Link:focus-visible{outline:2px solid #7fe0cf;outline-offset:2px}
.tgzN26Caret{font-size:.62em;opacity:.7;transform:translateY(1px)}
.tgzN26Link[aria-expanded="true"] .tgzN26Caret{transform:translateY(1px) rotate(180deg)}
.tgzN26Link--cta{background:#12b3a2;color:#04211d}
.tgzN26Link--cta:hover{background:#0fc4b0;color:#04211d}

/* ------------------------------------------------------------- panel strip */
.tgzN26Panels{position:absolute;left:0;right:0;z-index:6400;background:var(--tgz-ui-card,#fff);border-block-end:1px solid var(--tgz-ui-line,#e4d4bf);box-shadow:0 24px 48px -24px rgba(11,31,43,.28)}
.tgzN26Panel{display:block}
.tgzN26PanelInner{max-width:1120px;margin:0 auto;padding:18px clamp(16px,3vw,28px) 22px}
.tgzN26PanelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.tgzN26PanelTitle{display:inline-flex;align-items:center;gap:8px;font:850 .78rem/1 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--tgz-ui-teal,#0c7a76)}
.tgzN26Ico{width:16px;height:16px;flex:none}
.tgzN26PanelClose{appearance:none;border:1px solid var(--tgz-ui-line,#e4d4bf);background:var(--tgz-ui-card,#fff);color:var(--tgz-ui-muted,#647083);width:32px;height:32px;border-radius:999px;font-size:18px;line-height:1;cursor:pointer}
.tgzN26PanelClose:hover{color:var(--tgz-ui-text,#172235)}
.tgzN26PanelClose:focus-visible{outline:2px solid var(--tgz-ui-teal,#0c7a76);outline-offset:2px}
.tgzN26PanelGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 14px}
@media (max-width:1280px){.tgzN26PanelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tgzN26PanelLink{display:block;padding:9px 12px;border-radius:12px;font:600 .92rem/1.3 Inter,system-ui,sans-serif;color:var(--tgz-ui-text,#172235);text-decoration:none;transition:background .12s ease,color .12s ease}
.tgzN26PanelLink:hover{background:var(--tgz-ui-wash,#f4efe6);color:var(--tgz-ui-teal,#0c7a76)}
.tgzN26PanelLink.isActive{color:var(--tgz-ui-teal,#0c7a76);font-weight:750}
.tgzN26PanelLink:focus-visible{outline:2px solid var(--tgz-ui-teal,#0c7a76);outline-offset:2px}

/* ----------------------------------------------------------------- drawer */
/* 2026-08-24 — the drawer MUST stack above the fixed header. header-phase372
   pins .tgz411Header at z-index:2147483000!important, so at 7000 the open
   drawer rendered UNDER the header: its brand band and close button were
   covered, taps on "close" hit the header's theme toggle (theme flipped,
   drawer stayed open) and the hamburger/pickers kept firing over the open
   menu — the mobile menu felt dead wherever you tapped. */
.tgzN26Drawer{position:fixed;inset:0;z-index:2147483100}
.tgzN26Drawer[hidden]{display:none}
.tgzN26Backdrop{position:absolute;inset:0;background:rgba(6,16,22,.55);backdrop-filter:blur(2px)}
.tgzN26Sheet{position:absolute;top:0;bottom:0;left:0;width:min(430px,100%);display:flex;flex-direction:column;background:var(--tgz-ui-bg,#faf6ee);box-shadow:24px 0 64px -32px rgba(6,16,22,.5);transform:translateX(-8px);opacity:.98;animation:tgzN26In .18s ease-out forwards}
@keyframes tgzN26In{to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.tgzN26Sheet{animation:none;transform:none;opacity:1}}
.tgzN26Head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#0b141a;border-block-end:1px solid rgba(255,255,255,.08)}
.tgzN26Brand img{display:block;width:132px;height:auto}
.tgzN26Close{appearance:none;border:1px solid rgba(255,255,255,.22);background:none;color:#e7f0f2;width:38px;height:38px;border-radius:999px;font-size:20px;line-height:1;cursor:pointer}
.tgzN26Close:focus-visible{outline:2px solid #7fe0cf;outline-offset:2px}
.tgzN26Scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 22px;display:grid;gap:14px;align-content:start}
.tgzN26CtaRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tgzN26Cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border-radius:999px;font:800 .84rem/1.1 Inter,system-ui,sans-serif;text-decoration:none;text-align:center;border:1px solid var(--tgz-ui-line,#e4d4bf);background:var(--tgz-ui-card,#fff);color:var(--tgz-ui-text,#172235)}
.tgzN26Cta--book{background:var(--tgz-ui-teal,#0c7a76);border-color:var(--tgz-ui-teal,#0c7a76);color:#fff}
.tgzN26Cta--wa{color:var(--tgz-ui-teal,#0c7a76)}
.tgzN26Cta:focus-visible{outline:2px solid var(--tgz-ui-teal,#0c7a76);outline-offset:2px}
.tgzN26Search{position:relative;display:flex;align-items:center}
.tgzN26Search input{width:100%;min-height:46px;padding:10px 42px 10px 14px;border-radius:14px;border:1px solid var(--tgz-ui-line,#e4d4bf);background:var(--tgz-ui-card,#fff);color:var(--tgz-ui-text,#172235);font:600 .95rem/1.2 Inter,system-ui,sans-serif}
.tgzN26Search input:focus{outline:none;border-color:var(--tgz-ui-teal,#0c7a76);box-shadow:0 0 0 3px rgba(12,122,118,.16)}
.tgzN26SearchClear{position:absolute;right:8px;appearance:none;border:0;background:var(--tgz-ui-wash,#f4efe6);color:var(--tgz-ui-muted,#647083);width:30px;height:30px;border-radius:999px;font-size:16px;cursor:pointer}
.tgzN26Results{display:grid;gap:6px}
.tgzN26Result{display:block;padding:10px 12px;border:1px solid var(--tgz-ui-line,#e4d4bf);border-radius:12px;background:var(--tgz-ui-card,#fff);text-decoration:none;color:var(--tgz-ui-text,#172235)}
.tgzN26Result b{display:block;font-size:.92rem}
.tgzN26Result small{color:var(--tgz-ui-muted,#647083);font-size:.78rem}
.tgzN26NoResults{padding:10px 12px;color:var(--tgz-ui-muted,#647083);font-size:.88rem}
.tgzN26Groups{display:grid;gap:16px}
.tgzN26Group{display:grid;gap:8px}
.tgzN26GroupTitle{display:flex;align-items:center;gap:7px;margin:0;font:850 .74rem/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--tgz-ui-teal,#0c7a76)}
.tgzN26GroupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.tgzN26Route{display:flex;align-items:center;min-height:42px;padding:8px 12px;border-radius:11px;border:1px solid var(--tgz-ui-line,#e4d4bf);background:var(--tgz-ui-card,#fff);color:var(--tgz-ui-text,#172235);text-decoration:none;font:650 .86rem/1.25 Inter,system-ui,sans-serif}
.tgzN26Route:hover{border-color:var(--tgz-ui-teal,#0c7a76);color:var(--tgz-ui-teal,#0c7a76)}
.tgzN26Route.isActive{border-color:var(--tgz-ui-teal,#0c7a76);color:var(--tgz-ui-teal,#0c7a76);background:rgba(12,122,118,.07)}
.tgzN26Route:focus-visible,.tgzN26Result:focus-visible,.tgzN26Chip:focus-visible{outline:2px solid var(--tgz-ui-teal,#0c7a76);outline-offset:2px}
.tgzN26Prefs{display:grid;gap:12px;padding-top:6px;border-top:1px solid var(--tgz-ui-line,#e4d4bf)}
.tgzN26PrefLabel{display:block;margin-bottom:6px;font:850 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--tgz-ui-muted,#647083)}
.tgzN26LangGrid,.tgzN26CurrGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.tgzN26LangGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.tgzN26Chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;padding:5px 4px;border-radius:11px;border:1px solid var(--tgz-ui-line,#e4d4bf);background:var(--tgz-ui-card,#fff);color:var(--tgz-ui-text,#172235);text-decoration:none;cursor:pointer;font-family:Inter,system-ui,sans-serif}
.tgzN26Chip b{font-size:.8rem;line-height:1}
.tgzN26Chip small{font-size:.58rem;color:var(--tgz-ui-muted,#647083);line-height:1.1;text-align:center}
.tgzN26Chip.is-current{border-color:var(--tgz-ui-teal,#0c7a76);color:var(--tgz-ui-teal,#0c7a76);background:rgba(12,122,118,.07)}
.tgzN26Theme{justify-self:start}

/* ------------------------------------------------------------------- dark */
html[data-theme="dark"] .tgzN26Panels,html[data-theme-mode="dark"] .tgzN26Panels{background:var(--tgz-p2-card,#101f29);border-color:var(--tgz-p2-line,#29404b)}
html[data-theme="dark"] .tgzN26PanelLink,html[data-theme-mode="dark"] .tgzN26PanelLink{color:var(--tgz-p2-text,#f7efe3)}
html[data-theme="dark"] .tgzN26PanelLink:hover,html[data-theme-mode="dark"] .tgzN26PanelLink:hover{background:rgba(113,215,194,.1);color:#71d7c2}
html[data-theme="dark"] .tgzN26PanelLink.isActive,html[data-theme-mode="dark"] .tgzN26PanelLink.isActive{color:#71d7c2}
html[data-theme="dark"] .tgzN26PanelTitle,html[data-theme-mode="dark"] .tgzN26PanelTitle{color:#71d7c2}
html[data-theme="dark"] .tgzN26PanelClose,html[data-theme-mode="dark"] .tgzN26PanelClose{background:none;border-color:var(--tgz-p2-line,#29404b);color:var(--tgz-p2-muted,#b7c2c4)}
html[data-theme="dark"] .tgzN26Sheet,html[data-theme-mode="dark"] .tgzN26Sheet{background:var(--tgz-p2-bg,#0b171d)}
html[data-theme="dark"] :is(.tgzN26Cta,.tgzN26Route,.tgzN26Result,.tgzN26Chip,.tgzN26Search input),html[data-theme-mode="dark"] :is(.tgzN26Cta,.tgzN26Route,.tgzN26Result,.tgzN26Chip,.tgzN26Search input){background:var(--tgz-p2-card,#101f29);border-color:var(--tgz-p2-line,#29404b);color:var(--tgz-p2-text,#f7efe3)}
html[data-theme="dark"] .tgzN26Cta--book,html[data-theme-mode="dark"] .tgzN26Cta--book{background:#71d7c2;border-color:#71d7c2;color:#0b1a22}
html[data-theme="dark"] :is(.tgzN26Cta--wa,.tgzN26GroupTitle,.tgzN26Route:hover,.tgzN26Route.isActive,.tgzN26Chip.is-current),html[data-theme-mode="dark"] :is(.tgzN26Cta--wa,.tgzN26GroupTitle,.tgzN26Route:hover,.tgzN26Route.isActive,.tgzN26Chip.is-current){color:#71d7c2}
html[data-theme="dark"] :is(.tgzN26Route:hover,.tgzN26Route.isActive,.tgzN26Chip.is-current),html[data-theme-mode="dark"] :is(.tgzN26Route:hover,.tgzN26Route.isActive,.tgzN26Chip.is-current){border-color:#71d7c2;background:rgba(113,215,194,.08)}
html[data-theme="dark"] :is(.tgzN26Result small,.tgzN26Chip small,.tgzN26PrefLabel,.tgzN26NoResults,.tgzN26SearchClear),html[data-theme-mode="dark"] :is(.tgzN26Result small,.tgzN26Chip small,.tgzN26PrefLabel,.tgzN26NoResults,.tgzN26SearchClear){color:var(--tgz-p2-muted,#b7c2c4)}
html[data-theme="dark"] .tgzN26SearchClear,html[data-theme-mode="dark"] .tgzN26SearchClear{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .tgzN26Prefs,html[data-theme-mode="dark"] .tgzN26Prefs{border-color:var(--tgz-p2-line,#29404b)}

/* Owner fixes 2026-08-23b: desktop shows ONE navigation (the bar) — the
   hamburger belongs to <1100px. And the drawer's theme toggle becomes a
   proper chip in both themes instead of inheriting bar styling. */
@media (min-width:1100px){ #navBtn.tgz411MenuButton{display:none !important} }
.tgzN26Theme{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--tgz-ui-line,#e4d4bf);background:var(--tgz-ui-card,#fff);color:var(--tgz-ui-text,#172235);font:700 .86rem/1 Inter,system-ui,sans-serif;cursor:pointer}
.tgzN26Theme .tgzThemeIcon{font-size:1rem;line-height:1}
.tgzN26Theme:focus-visible{outline:2px solid var(--tgz-ui-teal,#0c7a76);outline-offset:2px}
html[data-theme="dark"] .tgzN26Theme,html[data-theme-mode="dark"] .tgzN26Theme{background:var(--tgz-p2-card,#101f29);border-color:var(--tgz-p2-line,#29404b);color:var(--tgz-p2-text,#f7efe3)}

/* ------------------------------------------------------------------ *
 * AV-4a (2026-08-24): RTL mirror. The chrome was audited as "zero RTL
 * rules", but the flex/grid layout and border-block-* logical
 * properties mirror themselves under dir="rtl" - only three physical
 * declarations needed rules: the drawer pins to and slides from the
 * reading side, and the search-clear button swaps corners with its
 * input padding. /ar/ is the site's top-traffic audience surface.
 * ------------------------------------------------------------------ */
[dir="rtl"] .tgzN26Sheet{left:auto;right:0;box-shadow:-24px 0 64px -32px rgba(6,16,22,.5);transform:translateX(8px)}
[dir="rtl"] .tgzN26SearchClear{right:auto;left:8px}
[dir="rtl"] .tgzN26Search input{padding:10px 14px 10px 42px}