/* TamilPSD: top-nav search bar (markup in each header, behaviour in js/nav-search.js). Kolam Noir dark/gold.
   Desktop: compact pill input between the nav links and the account button.
   <=960px (nav collapses): a search icon button; tapping it opens a full-width input under the header. */
.nav-search{position:relative;display:flex;align-items:center;flex:0 1 372px;min-width:170px;margin:0 0 0 auto}
.nav-search-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--gold,#e8b65a);pointer-events:none;opacity:.9}
html body .nav-search-input{width:100%;height:40px;margin:0;padding:0 14px 0 40px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(232,182,90,.28);color:var(--t0,#f3ece0);font:500 13.5px/1.2 var(--pm-sans,'Manrope',system-ui,sans-serif);outline:none;box-shadow:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
html body .nav-search-input::placeholder{color:var(--t3,#8a7f6e);opacity:1}
@media (hover:hover){html body .nav-search-input:hover{border-color:rgba(232,182,90,.45)}}
html body .nav-search-input:focus{border-color:var(--gold,#e8b65a);background:rgba(232,182,90,.06);box-shadow:0 0 0 4px rgba(232,182,90,.12)}
html body .nav-search-input:focus-visible{outline:none!important}
.nav-search-input::-webkit-search-decoration{-webkit-appearance:none}
.nav-search-toggle{display:none}
/* the account button follows the search: keep a little air */
.nav-search~.hdr-signin-btn,.nav-search~.hdr-user-menu{margin-left:2px}

@media (max-width:1100px) and (min-width:961px){.nav-search{flex-basis:260px;min-width:150px}}

@media (max-width:960px){
  .nav-search-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;margin-left:auto;padding:0;border-radius:999px;border:1px solid var(--b1,rgba(255,255,255,.1));background:transparent;color:var(--t1,#e9e1d4);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
  .nav-search-toggle svg{width:18px;height:18px;display:block}
  .nav-search-toggle[aria-expanded="true"]{color:var(--gold,#e8b65a);border-color:rgba(232,182,90,.5);background:rgba(232,182,90,.08)}
  @media (hover:hover){.nav-search-toggle:hover{color:var(--gold,#e8b65a);border-color:rgba(232,182,90,.5)}}
  .nav-search-toggle .ns-x{display:none}
  .nav-search-toggle[aria-expanded="true"] .ns-mag{display:none}
  .nav-search-toggle[aria-expanded="true"] .ns-x{display:block}
  .nav-search{display:none;position:absolute;left:0;right:0;top:100%;z-index:2;flex:none;min-width:0;margin:0;padding:10px 14px 12px;background:var(--menu-bg,var(--bg1,#100d0a));border-bottom:1px solid var(--b1,rgba(255,255,255,.1));box-shadow:0 22px 30px -22px rgba(0,0,0,.35)}
  header.ns-open .nav-search{display:flex;animation:nsDrop .16s ease-out}
  .nav-search-ico{left:30px}
  html body .nav-search-input{height:46px;font-size:16px;padding-left:44px}
}
@keyframes nsDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){header.ns-open .nav-search{animation:none}}