/* ArdhiVision — public-nav.css
   The EXACT same header styles used on plots.html itself (.header,
   .header-logo, .header-nav, .header-actions, .btn-sm) — copied
   precisely so every buyer-flow page renders an identical navbar,
   not a similar-looking recreation. Requires --gold/--ink/--font-sans
   already defined in the page's own :root. */

.header{background:#080808;color:#fff;padding:0 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:999;border-bottom:0.5px solid rgba(184,146,42,0.6);height:66px;backdrop-filter:blur(20px);}
.header-logo{display:inline-flex;align-items:center;height:38px;}
.header-logo img{height:38px;width:auto;display:block;}
.header-logo svg{height:38px;width:auto;display:block;}
.header-logo a{display:inline-flex;align-items:center;height:38px;}
.header-nav{display:flex;gap:1.75rem;align-items:center;}
.header-nav a{color:rgba(255,255,255,0.55);font-size:0.75rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;transition:color 0.18s;position:relative;}
.header-nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--gold);transition:width 0.2s;}
.header-nav a:hover,.header-nav a.active{color:var(--gold);}
.header-nav a:hover::after,.header-nav a.active::after{width:100%;}
.header-actions{display:flex;gap:0.65rem;align-items:center;}
.btn-sm{display:inline-flex;align-items:center;gap:0.3rem;padding:0.42rem 0.95rem;font-size:0.72rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;border-radius:3px;cursor:pointer;transition:all 0.18s;font-family:var(--font-sans);border:none;}
.btn-sm.outline{background:none;border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.7);}
.btn-sm.outline:hover{border-color:var(--gold);color:var(--gold);}
.btn-sm.gold{background:var(--gold);color:var(--ink);}
@media(max-width:700px){.header-nav{display:none;}}