/* hq-head2.css (31 Oct 2026) — main site header, Guest: "upar bas pehle logo, Google jaisa long search bar, phir profile; tabs niche".
   Row 1: logo · long search bar · profile (Login / account chip). Row 2: tabs (desktop: nav row; phone: existing .tabs-m strip).
   Only header rules; brand colours navy #13203f / royal #1d46a8 / gold #f2b632. */
.hq-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-head .brand{flex:none}
.site-head .hq-prof{position:relative;display:flex;align-items:center;flex:none;order:3}
.hq-login{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px 0 13px;border-radius:999px;background:#f2b632;color:#13203f!important;border:1px solid #f2b632;font-family:inherit;font-weight:700;font-size:15px;line-height:1;text-decoration:none!important;white-space:nowrap;box-shadow:0 2px 12px rgba(242,182,50,.22);transition:background-color .18s,box-shadow .18s,transform .18s}
.hq-login svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.hq-login:hover{background:#e9a91f;border-color:#e9a91f;box-shadow:0 4px 16px rgba(242,182,50,.32)}
.hq-login:active{transform:translateY(1px)}
.hq-login:focus-visible,.hq-av:focus-visible{outline:3px solid #8fb3ff;outline-offset:2px}
.hq-av{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#f2b632 center/cover no-repeat;color:#13203f;font-family:inherit;font-weight:800;font-size:17px;line-height:1;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 2px 10px rgba(0,0,0,.25);transition:transform .18s}
.hq-av:hover{transform:scale(1.05)}
html[data-theme="light"] .hq-av{box-shadow:0 0 0 2px #13203f,0 2px 8px rgba(19,32,63,.18)}
.hq-pmenu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:70;min-width:236px;max-width:min(300px,92vw);padding:6px;border-radius:16px;background:#13203f;border:1px solid rgba(221,230,242,.18);box-shadow:0 22px 44px rgba(5,10,25,.45)}
html[data-theme="light"] .hq-pmenu{background:#fff;border-color:#dde6f2;box-shadow:0 20px 40px rgba(19,32,63,.18)}
.hq-pmenu[hidden]{display:none}
.hq-pm-h{display:flex;align-items:center;gap:10px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid rgba(221,230,242,.16)}
html[data-theme="light"] .hq-pm-h{border-bottom-color:#dde6f2}
.hq-pm-av{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2b632 center/cover no-repeat;color:#13203f;font-weight:800}
.hq-pm-who{min-width:0;display:grid;gap:3px}
.hq-pm-who b{font-weight:700;font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hq-pm-who small{font-size:12.5px;color:#b9c7de;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme="light"] .hq-pm-who b{color:#13203f}
html[data-theme="light"] .hq-pm-who small{color:#46628d}
.hq-pmenu a,.hq-pmenu button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:none;color:#eef3f9;font-family:inherit;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;text-align:start;cursor:pointer}
.hq-pmenu a:hover,.hq-pmenu button:hover{background:rgba(221,230,242,.10)}
html[data-theme="light"] .hq-pmenu a,html[data-theme="light"] .hq-pmenu button{color:#13203f}
html[data-theme="light"] .hq-pmenu a:hover,html[data-theme="light"] .hq-pmenu button:hover{background:#eef3f9}
.hq-pmenu svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.hq-pmenu .hq-pm-out{color:#ffb4ab}
html[data-theme="light"] .hq-pmenu .hq-pm-out{color:#b42318}
.hq-pmenu button:disabled{opacity:.7;cursor:progress}
.site-head .hq-head-av{display:none!important}
/* phone / tablet: row 1 = logo · search · profile · menu ; row 2 = .tabs-m (already there) */
@media (max-width:999px){
 .site-head .hq-prof{order:0}
 .menu-tools .hq-lang-btn{display:inline-flex!important;width:auto;min-width:44px;height:44px;padding:0 14px;border-radius:999px}
 .site-head .hq-login{height:40px;padding:0 13px 0 10px;font-size:14px;gap:5px}
 .site-head .hq-login svg{width:17px;height:17px}
 .site-head .hq-av{width:38px;height:38px;font-size:16px}
}
@media (max-width:430px){
 .site-head .head-in{gap:6px}
 .site-head .brand img{width:92px}
 .site-head .hq-s-pill{height:40px;padding:0 12px;gap:7px;font-size:14px}
 .site-head .hq-login{height:38px;padding:0 11px 0 9px;font-size:13.5px}
 .site-head .hq-av{width:36px;height:36px}
 .site-head .menu>summary{width:38px;height:38px;min-width:38px}
}
@media (max-width:350px){.site-head .hq-login span{display:none}.site-head .hq-login{padding:0;width:38px;justify-content:center}}
/* desktop: two rows */
@media (min-width:1000px){
 .site-head .head-in{flex-wrap:wrap;column-gap:16px;row-gap:0;min-height:0;padding-top:10px}
 .site-head .head-in::after{content:"";order:4;flex-basis:100%;height:0}
 .site-head .brand{order:1;margin-right:0;margin-inline-end:0}
 .site-head .hq-s-pill{display:flex;align-items:center;gap:12px;order:2;flex:1 1 auto;min-width:0;max-width:720px;height:46px;margin-inline:auto;padding:0 22px;border-radius:999px;border:1px solid rgba(221,230,242,.28);background:rgba(255,255,255,.07);color:#c9d5e8;font-family:inherit;font-weight:500;font-size:15px;line-height:1;text-align:start;cursor:text;box-shadow:0 1px 6px rgba(0,0,0,.18);transition:box-shadow .18s,border-color .18s,background-color .18s}
 .site-head .hq-s-pill .ic{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
 .site-head .hq-s-pill span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .site-head .hq-s-pill:hover{border-color:rgba(221,230,242,.5);background:rgba(255,255,255,.1);box-shadow:0 2px 12px rgba(0,0,0,.28)}
 html[data-theme="light"] .site-head .hq-s-pill{background:#fff;border-color:#dde6f2;color:#46628d;box-shadow:0 1px 6px rgba(19,32,63,.10)}
 html[data-theme="light"] .site-head .hq-s-pill:hover{border-color:#c3d1e6;box-shadow:0 2px 12px rgba(19,32,63,.16)}
 .site-head .hq-s-pill:focus-visible{outline:2px solid #8fb3ff;outline-offset:2px}
 .site-head .hq-prof,.site-head .brand{align-self:center}
 .site-head .hq-s-btn{display:none!important}
 .site-head .hq-prof{order:3}
 .site-head .nav{order:5;flex:1 1 auto;min-width:0;flex-wrap:wrap;padding:8px 0 10px;margin-inline-start:-12px}
 .site-head .head-call{order:6}
 .site-head .head-audit{order:7}
 .site-head .lang-btn,.site-head .hq-lang-btn{order:8}
 .site-head .theme-btn{order:9}
 .site-head .head-audit,.site-head .lang-btn,.site-head .hq-lang-btn,.site-head .theme-btn{align-self:center}
 .site-head .head-in>.icon-btn{width:38px;height:38px}
 .site-head .head-audit{min-height:38px;padding:8px 16px;font-size:14px}
}