/* nav-v3.css — Yash Terra navigation v3 (Marketplace pill, Global Corner, cascading Knowledge Center). Loaded after blog.css / inline page CSS. */
:root{--navy:#14304A;--navy-2:#1E4668}
@media (min-width:1121px){nav.links{display:flex!important}.menu-trigger{display:none!important}.mobile-drawer-overlay{display:none!important}}
@media (max-width:1120px){nav.links{display:none!important}.menu-trigger{display:flex!important}}
nav.links{gap:2px}
nav.links>a.nav-market,nav.links>a.nav-global{display:inline-flex;align-items:center;gap:7px;border-radius:22px;font-size:13.5px;font-weight:700;padding:9px 16px;position:relative;overflow:hidden}
nav.links>a.nav-market::after,nav.links>a.nav-global::after{display:none}
nav.links>a.nav-market{background:var(--emerald);color:#F7F1E1;margin-right:8px;transition:background .18s,box-shadow .18s}
nav.links>a.nav-market:hover{background:var(--emerald-2);color:#fff;box-shadow:0 10px 22px -12px rgba(30,74,60,.8)}
nav.links>a.nav-global{background:linear-gradient(135deg,#C9A15A 0%,var(--gold) 55%,#9A6E2C 100%);color:#241E14;margin-left:8px;box-shadow:0 8px 20px -10px rgba(185,138,68,.8)}
nav.links>a.nav-global:hover{color:#241E14;filter:brightness(1.07)}
nav.links>a.nav-global::before{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-130%);animation:ytSheen 7s ease-in-out 2s infinite}
@keyframes ytSheen{0%,72%{transform:translateX(-130%)}100%{transform:translateX(330%)}}
nav.links a svg.nav-ico{width:15px;height:15px;flex:none}
nav.links>a.nav-dubai{display:inline-flex;align-items:center;gap:7px}
.nav-tag{font-size:10px;font-weight:700;letter-spacing:.4px;background:var(--navy);color:#F2DDB0;border-radius:10px;padding:2px 7px;line-height:1.4}
/* cascading menu */
.nav-casc{min-width:272px;padding:8px}
.casc,.casc ul{list-style:none;margin:0;padding:0}
.casc li{position:relative}
.casc li>a{display:block}
.casc .casc-home{font-size:12.5px;color:var(--gold-ink);border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;margin-bottom:4px}
.casc li.has-sub>a{padding-right:30px}
.casc li.has-sub>a::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
.casc .pane{display:none;position:absolute;top:-9px;left:calc(100% - 4px);min-width:262px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -18px rgba(36,30,20,.32);padding:8px;z-index:70}
.casc li:hover>.pane,.casc li:focus-within>.pane{display:block}
.casc li.has-sub:hover>a,.casc li.has-sub:focus-within>a{background:var(--gold-pale);color:var(--gold)}
.casc .pane a{white-space:normal}
/* dropdown polish */
.nav-dropdown-panel{border-radius:16px}
.nav-dropdown-col-label{letter-spacing:.6px;text-transform:none;font-size:12.5px}
/* drawer */
.drawer-links a.drawer-market,.drawer-links a.drawer-global{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:26px;border:0;padding:13px 16px;margin:0 0 10px;font-weight:700}
.drawer-links a.drawer-market{background:var(--emerald);color:#F7F1E1}
.drawer-links a.drawer-global{background:linear-gradient(135deg,#C9A15A,var(--gold));color:#241E14}
.drawer-acc{border-bottom:1px solid var(--line)}
.drawer-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15.5px;padding:12px 4px}
.drawer-acc>summary::-webkit-details-marker{display:none}
.drawer-acc>summary::after{content:"+";color:var(--gold);font-size:20px;font-weight:400}
.drawer-acc[open]>summary::after{content:"–"}
.drawer-acc a{border-bottom:0!important;padding:8px 4px 8px 14px!important;font-size:14.5px!important;font-weight:600!important}
.drawer-acc .drawer-l1{color:var(--gold-ink);font-weight:700!important;padding-left:4px!important;margin-top:6px}
.drawer-acc .drawer-l3{padding-left:30px!important;font-size:13.5px!important;color:var(--ink-soft)!important}
.drawer-links a.drawer-dubai{color:var(--navy)}
@media (prefers-reduced-motion:reduce){nav.links>a.nav-global::before{animation:none}}
/* Invest & Sell: right-aligned panel, sub-panes open leftwards so nothing runs off the right edge */
.nav-dd-right .nav-dropdown-panel{left:auto;right:0}
.nav-casc-r .pane{left:auto;right:calc(100% - 4px)}
.nav-casc-r li.has-sub>a{padding-right:14px;padding-left:30px}
.nav-casc-r li.has-sub>a::after{right:auto;left:13px;transform:translateY(-50%) rotate(-135deg)}
/* JS safety net: any pane that would overflow either edge is flipped */
.casc .pane.flip-l{left:auto;right:calc(100% - 4px)}
.casc .pane.flip-r{right:auto;left:calc(100% - 4px)}
.nav-casc{max-height:calc(100vh - 110px);overflow:visible}
/* compact header between 1121 and 1580px so the bar never exceeds the viewport (Dubai item added in v3.2) */
@media (min-width:1121px) and (max-width:1580px){
 .header-inner{gap:10px;padding-left:18px;padding-right:18px}
 .brand{flex-direction:column;align-items:center;gap:3px}
 .brand-icon{height:42px;width:auto}
 .brand-word{display:block;height:12px;width:auto}
 nav.links>a,.nav-dropdown-trigger{font-size:13px;padding:10px 5px}
 nav.links>a.nav-market,nav.links>a.nav-global{font-size:12.5px;padding:8px 12px}
 nav.links>a.nav-market{margin-right:2px}nav.links>a.nav-global{margin-left:2px}
 .header-cta{padding:9px 14px;font-size:12.5px;letter-spacing:.4px}
 .header-right{gap:8px}
}

/* tightest band: keep the Dubai item inside the bar */
@media (min-width:1121px) and (max-width:1220px){
 nav.links>a,.nav-dropdown-trigger{font-size:12.5px;padding:10px 3px}
 .nav-tag{display:none}
 .header-inner{gap:6px;padding-left:14px;padding-right:14px}
 .header-right{gap:6px}
}

/* Global Corner dropdown (v3.3): gold pill trigger, Dubai lives inside */
nav.links .nav-global-trigger{display:inline-flex;align-items:center;gap:7px;border-radius:22px;font-size:13.5px;font-weight:700;padding:9px 14px 9px 16px;margin-left:8px;background:linear-gradient(135deg,#C9A15A 0%,var(--gold) 55%,#9A6E2C 100%);color:#241E14;box-shadow:0 8px 20px -10px rgba(185,138,68,.8)}
nav.links .nav-global-trigger::after{display:none!important}
nav.links .nav-global-trigger:hover,nav.links .nav-global-trigger[aria-expanded="true"]{color:#241E14;filter:brightness(1.07)}
.nav-global-trigger .nav-ico{width:16px;height:16px}
.nav-global-panel{left:auto;right:0;min-width:270px}
.nav-global-panel a small{display:block;font-size:11.5px;font-weight:500;color:var(--ink-soft);margin-top:1px}
.nav-global-panel a .nav-tag{margin-left:4px;vertical-align:1px}
.nav-global-panel a:hover small{color:var(--gold-ink)}
.drawer-links .drawer-global-acc>summary{background:linear-gradient(135deg,#C9A15A,var(--gold));color:#241E14;border-radius:10px;display:flex;align-items:center;gap:8px}
@media (min-width:1121px) and (max-width:1580px){nav.links .nav-global-trigger{font-size:12.5px;padding:8px 10px 8px 12px;margin-left:2px}}
.mobile-drawer-panel .nav-ico{width:18px;height:18px;flex:none}
.drawer-links a.drawer-market{display:flex;align-items:center;gap:8px}
.drawer-links .drawer-global-acc>summary{padding:12px 14px;font-weight:700}