/* One public navigation system across static pages, editorial pages and tools. */
html:has([data-thahby-header]){scroll-padding-top:calc(var(--site-header-height,130px) + 16px)}
.th-site-header{--th-card:#fff;--th-soft:#eff3f1;--th-text:#1d3631;--th-muted:#70817a;--th-line:#e1e9e4;--th-gold:#9b762d;--th-gold-soft:#f6efe0;position:sticky;top:0;z-index:50;background:var(--th-card);color:var(--th-text);border-bottom:1px solid var(--th-line);font:500 14px/1.5 'Tajawal',sans-serif;text-align:start;isolation:isolate}
[data-theme=dark] .th-site-header{--th-card:#192b24;--th-soft:#21372d;--th-text:#eff5f1;--th-muted:#a6b8ad;--th-line:#304638;--th-gold:#dfbd76;--th-gold-soft:#383321}
.th-site-header *{box-sizing:border-box}
.th-site-header .th-header-inner{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 24px;max-width:1280px;padding:14px 36px;margin-inline:auto}
.th-site-header .th-brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;color:var(--th-gold);font:800 27px/1.2 'Tajawal',sans-serif;text-decoration:none;white-space:nowrap}
.th-site-header .th-brand img{width:44px;height:44px;object-fit:contain;border-radius:10px;flex:none}
.th-site-header .th-brand small{display:block;font:500 9px/1.7 'Montserrat',sans-serif;letter-spacing:3px;margin-top:4px;color:var(--th-gold)}
.th-site-header .th-header-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-self:end;gap:10px;min-width:0;max-width:100%}
.th-site-header .th-header-actions label{display:flex;align-items:center;gap:6px;margin:0;padding:0;color:var(--th-muted)}
.th-site-header .th-header-actions select{width:auto;max-width:230px;min-width:100px;min-height:42px;margin:0;border:1px solid var(--th-line);border-radius:11px;background:var(--th-soft);color:var(--th-text);font:500 13px/1.5 'Tajawal',sans-serif;padding:9px 12px;cursor:pointer}
.th-site-header .th-header-actions #country{min-width:0}
.th-site-header [data-th-theme]{display:grid!important;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;margin:0;padding:0!important;border:1px solid var(--th-line)!important;border-radius:11px!important;background:var(--th-soft)!important;color:var(--th-gold)!important;font-size:0!important;cursor:pointer}
.th-site-header [data-th-theme] *{display:none!important}
.th-site-header [data-th-theme]:before{content:'☾';font:25px/1 sans-serif}
[data-theme=dark] .th-site-header [data-th-theme]:before{content:'☀';font-size:22px}
.th-site-header .th-language-source{display:none}
.th-site-header .site-menu{grid-column:3;grid-row:1;min-width:0;margin:0;padding:0;border:0}
.th-site-header .site-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 15px;cursor:pointer;list-style:none;border:1px solid var(--th-line);border-radius:12px;color:var(--th-text);background:var(--th-soft);font:700 14px/1.5 'Tajawal',sans-serif;transition:background .2s,border-color .2s}
.th-site-header .site-menu-toggle::-webkit-details-marker{display:none}
.th-site-header .site-menu-toggle:hover,.th-site-header .site-menu[open]>.site-menu-toggle{background:var(--th-gold-soft);border-color:var(--th-gold)}
.site-menu-icon{width:18px;height:18px;position:relative;display:block;flex-shrink:0}
.site-menu-icon i{display:block;height:1.5px;width:18px;background:currentColor;position:absolute;inset-inline-start:0;border-radius:2px;transition:transform .2s,opacity .2s}
.site-menu-icon i:nth-child(1){top:3px}.site-menu-icon i:nth-child(2){top:8px;width:13px}.site-menu-icon i:nth-child(3){top:13px}
.site-menu[open] .site-menu-icon i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.site-menu[open] .site-menu-icon i:nth-child(2){opacity:0}
.site-menu[open] .site-menu-icon i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.th-site-header .th-menu-panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:20px;width:min(560px,calc(100% - 40px));padding:14px;background:var(--th-card);border:1px solid var(--th-line);border-radius:18px;box-shadow:0 18px 45px #0c251a24;max-height:calc(100dvh - var(--site-header-height,130px) - 26px);overflow:auto;overscroll-behavior:contain;animation:thahby-menu-in .18s ease-out}
.th-site-header .top-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch;position:static;width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;font:500 14px/1.5 'Tajawal',sans-serif}
.th-site-header .top-links a,.th-site-header .th-section-links a{display:flex;align-items:center;min-width:0;min-height:46px;padding:11px 13px;border:0;border-radius:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-decoration:none;color:var(--th-text);transition:background .15s,color .15s}
.th-site-header .top-links a:hover,.th-site-header .top-links a:focus-visible{background:var(--th-soft)}
.th-site-header .top-links a:after{display:none}
.th-site-header .top-links a[aria-current=page]{background:var(--th-gold-soft);color:var(--th-gold);font-weight:800;box-shadow:inset -3px 0 var(--th-gold)}
[dir=ltr] .th-site-header .top-links a[aria-current=page]{box-shadow:inset 3px 0 var(--th-gold)}
.th-site-header :is(a,button,select,summary):focus-visible{outline:2px solid var(--th-gold);outline-offset:3px}
.th-site-header .th-section-links{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;margin-top:8px;border-top:1px solid var(--th-line);font-size:13px}
.th-site-header .th-section-links a{min-height:40px;color:var(--th-gold);background:var(--th-gold-soft)}
.container>section[id]{scroll-margin-top:16px}
#prices+#gold-chart{margin-top:28px}
/* Keep the diamond theme button inside its existing client root. */
#thahby-diamond-tool .th-site-header{grid-column:1/-1;margin-inline:-36px;width:calc(100% + 72px)}
#thahby-diamond-tool .th-site-header .th-header-inner{padding-inline:36px}
#thahby-diamond-tool .th-site-header a{text-decoration:none;color:var(--th-text)}
#thahby-diamond-tool .th-site-header .th-brand,#thahby-diamond-tool .th-site-header a[aria-current=page]{color:var(--th-gold)}
#thahby-diamond-tool .dt-studio{top:calc(var(--site-header-height,130px) + 24px)}
[data-theme=dark] .thahby-directory-page{--bg:#101d19;--card:#192b24;--text:#eff5f1;--muted:#a6b8ad;--line:#304638;background:var(--bg)}
[data-theme=dark] .thahby-directory-page :is(.controls,.join,.hero,.empty){background:var(--card);border-color:var(--line);color:var(--text)}
[data-theme=dark] .thahby-directory-page :is(.input,.select,.page-btn,.chip){background:#21372d;color:var(--text);border-color:var(--line)}
@keyframes thahby-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){
 .th-site-header[data-nav-ready] .th-header-inner{grid-template-columns:auto 1fr;padding-bottom:0;gap:10px 28px}
 .th-site-header[data-nav-ready] .site-menu{grid-column:1/-1;grid-row:2;border-top:1px solid var(--th-line)}
 .th-site-header[data-nav-ready] .site-menu-toggle{display:none}
 .th-site-header[data-nav-ready] .th-menu-panel{position:static;width:100%;max-height:none;border:0;border-radius:0;box-shadow:none;background:transparent;padding:6px 0;animation:none;overflow:visible}
 .th-site-header[data-nav-ready] .top-links{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:2px;font-size:13px}
 .th-site-header[data-nav-ready] .top-links a{padding:9px 10px;min-height:42px}
 .th-site-header[data-nav-ready] .th-section-links{margin-top:4px;padding-top:4px}
 .th-site-header[data-nav-ready] .th-section-links a{min-height:32px;padding:4px 12px}
}
@media(max-width:700px){
 .th-site-header .th-header-inner{padding:10px 18px 12px;grid-template-columns:1fr auto;gap:10px}
 .th-site-header .th-brand{font-size:25px;gap:8px}
 .th-site-header .th-brand img{width:38px;height:38px}
 .th-site-header .th-brand small{font-size:8px;line-height:1.6;margin-top:2px}
 .th-site-header .site-menu{grid-column:2;grid-row:1}
 .th-site-header .site-menu-toggle{padding:8px 12px;min-height:42px}
 .th-site-header .th-header-actions{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-end;width:100%;gap:8px;justify-self:stretch}
 .th-site-header .th-has-country{display:grid;grid-template-columns:minmax(0,1fr) auto 42px}
 .th-site-header .th-has-country>#country{width:100%;max-width:none;padding:8px 9px;font-size:12px}
 .th-site-header .th-header-actions select{min-height:40px;font-size:12px;padding:8px;min-width:98px}
 .th-site-header .site-language>span{display:none}
 .th-site-header .th-menu-panel{inset-inline-end:12px;width:calc(100% - 24px);padding:10px}
 .th-site-header .top-links{gap:4px}
 .th-site-header .top-links a{padding:10px;min-height:48px}
 #thahby-diamond-tool .th-site-header{margin-inline:-18px;width:calc(100% + 36px)}
 #thahby-diamond-tool .th-site-header .th-header-inner{padding-inline:18px}
}
@media(min-width:461px) and (max-width:800px){#thahby-diamond-tool .th-site-header{margin-inline:-20px;width:calc(100% + 40px)}}
@media(prefers-reduced-motion:reduce){.th-site-header *{animation:none!important;transition:none!important}}
#thahby-diamond-studio-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin:24px 0;border:1px solid #c3a36555;border-radius:22px;background:linear-gradient(115deg,#183f35,#244d40);color:#f5f1e6}
#thahby-diamond-studio-entry>div>span{color:#dfbd76;font:600 10px/1.8 'Montserrat',sans-serif;letter-spacing:1.5px}
#thahby-diamond-studio-entry h2{margin:8px 0;font-size:25px;color:inherit}#thahby-diamond-studio-entry p{margin:0;line-height:1.9;color:#d1ddd5;font-size:14px}
#thahby-diamond-studio-entry>a{display:flex;gap:16px;align-items:center;justify-content:center;flex:none;padding:13px 20px;border:1px solid #d5b270;border-radius:12px;background:#dfbd76;color:#183f35;text-decoration:none;font-weight:700}
@media(min-width:1200px){.th-site-header[data-nav-ready] .top-links{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.th-site-header[data-nav-ready] .top-links a{justify-content:center;text-align:center;padding:8px 6px;min-height:42px;font-size:13px}}
@media(max-width:700px){#thahby-diamond-studio-entry{flex-direction:column;align-items:stretch;padding:22px;gap:18px}#thahby-diamond-studio-entry h2{font-size:23px}}
