/* ORBIT-HEADER-PICKER-V1 — Theme-safe public navigation and isolated admin editor.
   Four real variants. All scoped under .site-header. Uses no remote images/fonts. */
.site-header[data-orbit-model]{
 --oh-surface:rgba(13,25,43,.94);--oh-text:#f4f8ff;--oh-muted:#c6d4e5;
 --oh-hair:rgba(201,226,255,.19);--oh-focus:#75d5ff;
 --oh-hover:rgba(166,204,240,.13);--oh-shadow:0 14px 45px rgba(0,13,31,.14);
 color:var(--oh-text);transition:background-color .22s,border-color .22s,box-shadow .22s;
 z-index:80;
}
/* The landing navigation intentionally remains dark over the hero in both themes. */
html[data-theme="light"] body:not(.landing-page) .site-header[data-orbit-model]{
 --oh-surface:rgba(247,250,254,.97);--oh-text:#14253e;--oh-muted:#4f647b;
 --oh-hair:rgba(46,78,114,.16);--oh-focus:#0064b8;--oh-hover:rgba(32,110,178,.09);
 --oh-shadow:0 12px 40px rgba(23,52,88,.08);
}
.site-header[data-orbit-model] .brand-word b{color:var(--oh-text)!important;-webkit-text-fill-color:currentColor;opacity:1}
.site-header[data-orbit-model] .brand-word small{color:var(--oh-muted)!important;-webkit-text-fill-color:currentColor;opacity:1}
.site-header[data-orbit-model] .brand{color:var(--oh-text)!important}
.site-header[data-orbit-model] .desktop-nav a{color:var(--oh-muted)!important;opacity:1;line-height:1.2;transition:color .2s,background-color .2s}
.site-header[data-orbit-model] .desktop-nav a:is(:hover,:focus-visible,.active){color:var(--oh-text)!important}
.site-header[data-orbit-model] .header-actions .icon-button{color:var(--oh-text)!important;border:1px solid var(--oh-hair);background:var(--oh-hover)}
.site-header[data-orbit-model] .header-actions .icon-button i{color:inherit!important;opacity:1}
.site-header[data-orbit-model] .login-link{color:var(--oh-text)!important;font-weight:800}
.site-header[data-orbit-model] .register-link,.site-header[data-orbit-model] .header-actions .btn-small{border-radius:11px}
.site-header[data-orbit-model] .header-search{border:1px solid var(--oh-hair);background:var(--oh-hover);border-radius:11px;max-width:none}
.site-header[data-orbit-model] .header-search input,.site-header[data-orbit-model] .header-search button{color:var(--oh-text)!important;-webkit-text-fill-color:currentColor}
.site-header[data-orbit-model] .header-search input::placeholder{color:var(--oh-muted);opacity:1}
.site-header[data-orbit-model] :is(a,button,input):focus-visible{outline:2px solid var(--oh-focus);outline-offset:3px}
.site-header[data-orbit-model] .desktop-nav a:first-child{border-bottom:none}
.site-header[data-orbit-model] .desktop-nav a:after{content:none}
.site-header[data-orbit-model] .desktop-nav a{padding:12px 7px;border-radius:9px;position:relative}
.site-header[data-orbit-model][data-orbit-nav="underline"] .desktop-nav a.active:after,
.site-header[data-orbit-model][data-orbit-nav="underline"] .desktop-nav a:hover:after{content:"";position:absolute;bottom:2px;left:10px;right:10px;height:2px;border-radius:4px;background:var(--accent)}
.site-header[data-orbit-model][data-orbit-nav="pill"] .desktop-nav a:is(.active,:hover){background:var(--oh-hover)}
.site-header[data-orbit-model][data-orbit-nav="accent"] .desktop-nav a.active{background:var(--oh-hover);box-shadow:inset -3px 0 0 var(--accent)}
.site-header[data-orbit-model][data-orbit-search="0"] .header-search{display:none!important}
.site-header[data-orbit-model][data-orbit-auth="0"] .header-actions .login-link,
.site-header[data-orbit-model][data-orbit-auth="0"] .header-actions .register-link{display:none!important}
.site-header[data-orbit-model][data-orbit-affix="static"]{position:relative!important;top:auto!important}
.site-header[data-orbit-model][data-orbit-affix="sticky"]{position:sticky!important;top:0!important}
.site-header[data-orbit-model][data-orbit-density="compact"]{height:62px!important}
.site-header[data-orbit-model][data-orbit-density="compact"] .brand-logo-container{width:38px;height:38px}
.site-header[data-orbit-model][data-orbit-density="compact"] .brand-planet{font-size:38px}
.site-header[data-orbit-model][data-orbit-density="compact"] .header-inner{gap:16px}
/* Glass: calm, refined rounded internal surface. The outer shell stays sticky. */
.site-header[data-orbit-model="glass"]{height:88px;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.site-header[data-orbit-model="glass"] .header-inner{height:70px;margin-block:9px;padding-inline:21px;border:1px solid var(--oh-hair);border-radius:20px;background:var(--oh-surface);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:var(--oh-shadow);gap:20px}
.site-header[data-orbit-model="glass"][data-orbit-density="compact"]{height:70px!important}
.site-header[data-orbit-model="glass"][data-orbit-density="compact"] .header-inner{height:56px;margin-block:7px;border-radius:16px}
/* Editorial: confident newsroom hierarchy, understated separators. */
.site-header[data-orbit-model="editorial"]{background:var(--oh-surface)!important;border-bottom:1px solid var(--oh-hair)!important;box-shadow:0 3px 25px rgba(10,24,45,.045)}
.site-header[data-orbit-model="editorial"] .desktop-nav{gap:13px}
.site-header[data-orbit-model="editorial"] .desktop-nav a{font-weight:800}
.site-header[data-orbit-model="editorial"] .header-inner{gap:22px}
/* Compact: prioritise information density while retaining 44px click targets. */
.site-header[data-orbit-model="compact"]{height:62px!important;background:var(--oh-surface)!important;border-bottom:1px solid var(--oh-hair)!important}
.site-header[data-orbit-model="compact"] .header-inner{gap:16px}
.site-header[data-orbit-model="compact"] .desktop-nav{gap:9px}
.site-header[data-orbit-model="compact"] .desktop-nav a{font-size:11px;padding:12px 5px}
.site-header[data-orbit-model="compact"] .brand-planet{font-size:38px}
.site-header[data-orbit-model="compact"] .brand-logo-container{width:38px;height:38px}
.site-header[data-orbit-model="compact"] .brand-word b{font-size:19px}
.site-header[data-orbit-model="compact"] .header-search{width:160px;height:34px}
/* Command: a purposeful, high-contrast technical masthead. */
.site-header[data-orbit-model="command"]{background:var(--oh-surface)!important;border-bottom:1px solid var(--oh-hair)!important;box-shadow:inset 0 3px 0 var(--accent),var(--oh-shadow)}
.site-header[data-orbit-model="command"] .desktop-nav{gap:8px}
.site-header[data-orbit-model="command"] .desktop-nav a{font-weight:800;letter-spacing:0;padding:11px 10px}
.site-header[data-orbit-model="command"] .header-search{border-radius:6px}
.site-header[data-orbit-model="command"] .header-actions .icon-button{border-radius:7px}
/* At medium widths, let the existing responsive breakpoints own the mobile nav. */
@media(max-width:1200px){.site-header[data-orbit-model] .desktop-nav{gap:8px}.site-header[data-orbit-model] .header-inner{gap:12px}.site-header[data-orbit-model="glass"] .header-inner{padding-inline:13px}}
@media(max-width:1000px){
 .site-header[data-orbit-model] .desktop-nav{display:none!important}
 .site-header[data-orbit-model] .mobile-menu-button{display:inline-grid!important}
 .site-header[data-orbit-model] .header-actions{margin-inline-start:auto}
 .site-header[data-orbit-model="glass"]{height:76px!important}
 .site-header[data-orbit-model="glass"] .header-inner{height:62px;margin-block:7px}
 .site-header[data-orbit-model="glass"][data-orbit-density="compact"]{height:66px!important}
 .site-header[data-orbit-model="glass"][data-orbit-density="compact"] .header-inner{height:54px;margin-block:6px}
}
@media(max-width:620px){
 .site-header[data-orbit-model]:not([data-orbit-model="glass"]){height:64px!important}
 .site-header[data-orbit-model] .header-inner{gap:10px;flex-direction:row-reverse!important}
 .site-header[data-orbit-model="glass"]{height:68px!important}
 .site-header[data-orbit-model="glass"] .header-inner{height:58px;margin-block:5px;padding-inline:10px;border-radius:13px}
 .site-header[data-orbit-model] .brand{min-width:0}
 .site-header[data-orbit-model] .brand-word b{font-size:16px}
 .site-header[data-orbit-model] .brand-word small{font-size:9px}
 .site-header[data-orbit-model] .header-actions{margin-right:auto;gap:8px}
 .site-header[data-orbit-model] .header-actions .icon-button{width:34px;height:34px}
 .site-header[data-orbit-model] .header-search{display:none!important}
}
@media(prefers-reduced-motion:reduce){.site-header[data-orbit-model],.site-header[data-orbit-model] *{transition:none!important}}
/* ---- The admin builder. Fully scoped: never leaks into admin menus. ---- */
.orbit-header-editor{grid-column:1/-1;display:block;padding:23px!important;min-width:0;--oe-line:rgba(119,145,175,.23);--oe-ink:var(--text);--oe-muted:var(--muted)}
.orbit-header-editor .oh-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}
.orbit-header-editor .oh-heading h2{font-size:22px;font-weight:850;margin:6px 0}
.orbit-header-editor .oh-heading p{color:var(--oe-muted);font-size:12px;max-width:650px}
.orbit-header-editor .oh-eyebrow{font:800 10px system-ui,sans-serif;color:#338ae7;letter-spacing:1.8px}
.orbit-header-editor .oh-heading-icon{display:grid;place-items:center;height:50px;width:50px;border:1px solid var(--oe-line);background:var(--panel2);border-radius:15px;font-size:24px;color:#459cf2}
.orbit-header-editor .oh-variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.orbit-header-editor .oh-model-fieldset{border:1px solid var(--oe-line);border-radius:18px;padding:15px;min-width:0;margin:0}
.orbit-header-editor legend{padding:0 8px;color:var(--oe-ink)}
.orbit-header-editor legend strong{display:block;font-size:14px}
.orbit-header-editor legend small{display:block;font-size:11px;color:var(--oe-muted)}
.orbit-header-editor .oh-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.orbit-header-editor .oh-model-card{position:relative;cursor:pointer;display:block;min-width:0;border:1px solid var(--oe-line);background:var(--panel2);border-radius:13px;padding:10px;transition:background .2s,border-color .2s,transform .2s}
.orbit-header-editor .oh-model-card:hover{transform:translateY(-2px);border-color:#539be5}
.orbit-header-editor .oh-model-card:has(input:checked){border-color:#398fe7;box-shadow:0 0 0 2px rgba(45,136,233,.14)}
.orbit-header-editor .oh-model-card:has(input:focus-visible){outline:3px solid #78bbf5;outline-offset:2px}
.orbit-header-editor .oh-model-card input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.orbit-header-editor .oh-model-visual{height:57px;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#0c1c30;border:1px solid rgba(160,197,231,.12);margin-bottom:9px}
.orbit-header-editor .oh-mini-logo{color:#55b6ff;font-size:22px;line-height:1}
.orbit-header-editor .oh-mini-nav{display:flex;gap:5px;flex:1;justify-content:center}
.orbit-header-editor .oh-mini-nav i{display:block;width:19px;height:4px;background:#9cb4d4;border-radius:4px}
.orbit-header-editor .oh-mini-nav i:first-child{background:#5ba9ff}
.orbit-header-editor .oh-mini-action{height:14px;width:27px;border-radius:5px;background:#258bdd}
.orbit-header-editor [data-oh-model="glass"] .oh-model-visual{border-radius:12px;background:linear-gradient(130deg,rgba(31,75,115,.85),rgba(15,29,52,.87));box-shadow:inset 0 0 0 5px #17293a}
.orbit-header-editor [data-oh-model="editorial"] .oh-model-visual{border-radius:2px;border-bottom:3px solid #5aa9fb}
.orbit-header-editor [data-oh-model="compact"] .oh-model-visual{height:44px;margin-top:7px;margin-bottom:15px}
.orbit-header-editor [data-oh-model="command"] .oh-model-visual{border-radius:3px;border-top:3px solid #239bff;background:#09121e}
.orbit-header-editor .oh-model-caption{display:flex;flex-direction:column;gap:2px;padding-inline-end:18px}
.orbit-header-editor .oh-model-caption strong{font:800 12px system-ui,sans-serif;color:var(--oe-ink)}
.orbit-header-editor .oh-model-caption small{font-size:10px;color:var(--oe-muted)}
.orbit-header-editor .oh-model-tick{position:absolute;bottom:13px;left:10px;display:none;color:#398fe7;font-weight:900}
.orbit-header-editor .oh-model-card:has(input:checked) .oh-model-tick{display:block}
.orbit-header-editor .oh-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px}
.orbit-header-editor .oh-settings-grid label{display:flex;flex-direction:column;gap:6px;color:var(--oe-ink);font-size:12px;font-weight:700;min-width:0}
.orbit-header-editor .oh-settings-grid select{width:100%;min-width:0;border-radius:10px;background:var(--panel2);color:var(--oe-ink);border:1px solid var(--oe-line);padding:11px;font-size:12px}
.orbit-header-editor .oh-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;margin-bottom:10px}
.orbit-header-editor .oh-preview-heading strong{font-size:14px}
.orbit-header-editor .oh-preview-heading small{display:block;color:var(--oe-muted);font-size:11px;margin-top:2px}
.orbit-header-editor .oh-preview-pills{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--oe-line);border-radius:12px;background:var(--panel2)}
.orbit-header-editor .oh-preview-pills button{border:0;background:transparent;border-radius:8px;padding:6px 13px;font-size:11px;font-weight:800;color:var(--oe-muted)}
.orbit-header-editor .oh-preview-pills button[aria-pressed="true"]{color:var(--oe-ink);background:var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.07)}
.orbit-header-editor .oh-preview-pages{margin-bottom:10px}
.orbit-header-editor .oh-preview-canvas{--opv-bg:#0a1528;--opv-header:rgba(13,28,48,.87);--opv-ink:#f6faff;--opv-muted:#b4c9df;--opv-border:rgba(190,219,252,.19);border-radius:16px;min-height:220px;padding:13px;background:radial-gradient(circle at 28% 40%,rgba(30,85,165,.35),transparent 46%),var(--opv-bg);overflow:hidden;border:1px solid var(--oe-line)}
.orbit-header-editor .oh-preview-canvas[data-mode="light"]{--opv-bg:#eef4fc;--opv-header:#fff;--opv-ink:#172840;--opv-muted:#596d84;--opv-border:#d9e3ee;background:linear-gradient(140deg,#eef4fc,#f8fbff)}
.orbit-header-editor .oh-preview-canvas[data-page="landing"]{--opv-bg:#07182c;background:radial-gradient(ellipse at 22% 85%,#244c7b 0%,#0a1934 52%,#061124 100%);--opv-header:rgba(12,27,47,.86);--opv-ink:#f6faff;--opv-muted:#b4c9df;--opv-border:rgba(190,219,252,.19)}
.orbit-header-editor .oh-preview-header{display:flex;align-items:center;gap:14px;direction:rtl;padding:12px 15px;border:1px solid var(--opv-border);background:var(--opv-header);color:var(--opv-ink);border-radius:9px}
.orbit-header-editor .oh-preview-brand{display:flex;align-items:center;gap:7px;min-width:150px;direction:ltr;line-height:1.3}
.orbit-header-editor .oh-preview-planet{font-size:29px;color:#48aeff}
.orbit-header-editor .oh-preview-brand b{display:block;font:800 14px system-ui,sans-serif;white-space:nowrap}
.orbit-header-editor .oh-preview-brand small{display:block;font-size:8px;color:var(--opv-muted);text-align:center}
.orbit-header-editor .oh-preview-header nav{display:flex;justify-content:center;gap:7px;flex:1;white-space:nowrap;font-size:10px;font-weight:800}
.orbit-header-editor .oh-preview-header nav span{padding:7px 6px;border-radius:7px}
.orbit-header-editor .oh-preview-controls{display:flex;align-items:center;gap:8px;font-size:12px}
.orbit-header-editor .oh-preview-search{border:1px solid var(--opv-border);padding:5px 9px;border-radius:8px}
.orbit-header-editor .oh-preview-search[hidden]{display:none}
.orbit-header-editor .oh-preview-search small{font-size:9px}
.orbit-header-editor .oh-preview-enter{background:#1d9870;color:#fff;border-radius:6px;padding:6px 11px}
.orbit-header-editor .oh-preview-header nav .oh-preview-active{color:var(--opv-ink);border-bottom:2px solid #338df1}
.orbit-header-editor .oh-preview-canvas[data-nav="pill"] nav .oh-preview-active{background:rgba(62,153,244,.2);border-bottom:0}
.orbit-header-editor .oh-preview-canvas[data-nav="accent"] nav .oh-preview-active{background:rgba(62,153,244,.16);border-bottom:0;border-right:3px solid #338df1}
.orbit-header-editor .oh-preview-canvas[data-model="glass"] .oh-preview-header{border-radius:16px;backdrop-filter:blur(12px);margin:0 5px;box-shadow:0 12px 26px rgba(0,0,0,.14)}
.orbit-header-editor .oh-preview-canvas[data-model="editorial"] .oh-preview-header{border-radius:2px}
.orbit-header-editor .oh-preview-canvas[data-model="compact"] .oh-preview-header{padding-block:6px}
.orbit-header-editor .oh-preview-canvas[data-model="command"] .oh-preview-header{border-radius:3px;border-top:3px solid #168ee9}
.orbit-header-editor .oh-preview-canvas[data-density="compact"] .oh-preview-header{padding-block:7px}
.orbit-header-editor .oh-preview-hero{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin:22px 22px;color:var(--opv-ink)}
.orbit-header-editor .oh-preview-hero>span{font-size:10px;color:#8cc9ff}
.orbit-header-editor .oh-preview-hero strong{font-size:20px}
.orbit-header-editor .oh-preview-hero small{font-size:11px;color:var(--opv-muted)}
.orbit-header-editor .oh-info-line{display:flex;gap:10px;align-items:flex-start;margin-top:16px;background:var(--panel2);border-radius:11px;padding:13px;color:var(--oe-muted);font-size:11px}
.orbit-header-editor .oh-info-line i{color:#4295e9;font-size:20px}
.orbit-header-editor .oh-footer-note{margin-top:14px;font-size:11px;color:var(--oe-muted)}
@media(max-width:1250px){.orbit-header-editor .oh-variant-grid{grid-template-columns:1fr}.orbit-header-editor .oh-settings-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.orbit-header-editor{padding:14px!important}.orbit-header-editor .oh-settings-grid{grid-template-columns:1fr}.orbit-header-editor .oh-preview-header nav{display:none}.orbit-header-editor .oh-preview-brand{min-width:0}.orbit-header-editor .oh-model-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.orbit-header-editor .oh-model-grid{grid-template-columns:1fr}.orbit-header-editor .oh-preview-header{gap:7px;padding:8px}.orbit-header-editor .oh-preview-search{display:none}.orbit-header-editor .oh-heading-icon{display:none}}