/* NDLSOUND V1.6 — modern marketplace layer
   Keeps the black/amber identity while removing the antique-shop treatment. */
:root{
  --bg:#07090c;
  --black:#080a0d;
  --panel:#0f1318;
  --panel2:#151a21;
  --gold:#f0a43a;
  --gold2:#d78624;
  --line:#29313a;
  --cream:#f2f4f6;
  --muted:#9aa4af;
  --green:#277a58;
  --red:#b6403a;
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 82% -8%,rgba(240,164,58,.10),transparent 28%),
    radial-gradient(circle at 12% 20%,rgba(55,89,116,.08),transparent 32%),
    var(--bg);
  color:var(--cream);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:.005em;
}

header{
  background:rgba(7,9,12,.92);
  border-bottom:1px solid rgba(151,166,181,.18);
  box-shadow:0 10px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
}
.brand{border-radius:10px}
.ndl-wordmark{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  font-weight:850;
  letter-spacing:.015em;
}
.brand .brand-tagline{color:#9fa8b2;letter-spacing:.11em}
nav a{
  color:#d8dde3;
  border-radius:7px;
  padding:9px 7px;
  transition:background .16s ease,color .16s ease;
}
nav a:hover{background:#151a20;color:#fff}
.userbar>span{color:#c3cad2}

.userbar button,.gold,.searchbtn{
  border:1px solid #efa844;
  border-radius:8px;
  background:linear-gradient(135deg,#f2ad49,#db8b28);
  color:#101215;
  box-shadow:0 7px 20px rgba(224,143,38,.16);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.userbar button:hover,.gold:hover,.searchbtn:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 10px 25px rgba(224,143,38,.22);
}

select,input,textarea{
  background:#11161c;
  color:#eef1f4;
  border:1px solid #303943;
  border-radius:8px;
  outline:none;
}
select:focus,input:focus,textarea:focus{
  border-color:#cf8d34;
  box-shadow:0 0 0 3px rgba(240,164,58,.11);
}
select option{background:#11161c;color:#eef1f4}

.hero{
  border-bottom-color:#252c34;
  background:
    linear-gradient(90deg,rgba(5,8,11,.99) 0%,rgba(5,8,11,.94) 31%,rgba(5,8,11,.61) 49%,rgba(5,8,11,.08) 78%,rgba(5,8,11,.19) 100%),
    url('/img/ndl-modern-hero-v1.webp') center right/cover no-repeat;
}
.hero .copy{padding-top:34px}
.hero h1{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  font-weight:900;
  letter-spacing:-.045em;
  text-shadow:0 8px 30px #000;
}
.hero h2{color:#f1aa47;letter-spacing:-.01em}
.hero .stats{display:grid;gap:8px}
.stat{
  background:rgba(12,16,21,.86);
  border:1px solid rgba(159,174,189,.22);
  border-radius:10px;
  box-shadow:0 10px 26px rgba(0,0,0,.24);
}
.search{
  background:rgba(12,16,21,.93);
  border:1px solid rgba(159,174,189,.25);
  border-radius:14px;
  box-shadow:0 18px 42px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
}
.searchtabs{color:#e5a34a}
.search-tool,.stab{
  border-radius:7px!important;
}
.search select,.search input{
  background:#171d24;
  color:#edf1f4;
  border:1px solid #3a4651;
}
.search select:focus,.search input:focus{border-color:#d4933c}
.search .stab,.search .search-tool{
  background:#12171d;
  color:#cbd2d9;
  border:1px solid #36404a;
}
.search .stab.active{background:#e39a37;color:#101215;border-color:#efa846}

.feature{
  background:#0f1318;
  border-color:#2b333d;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.feature:after{background:linear-gradient(90deg,rgba(8,11,15,.96),rgba(8,11,15,.64) 58%,rgba(8,11,15,.08))}
.feature button{
  background:rgba(15,20,26,.9);
  color:#f0f2f4;
  border-color:#555f69;
  border-radius:7px;
}
.feature button:hover{border-color:#e3a049;background:#171d24}

.racksec,.visualstrip,.trust{
  background:#0c1015;
  border-color:#29313a;
  border-radius:12px;
  overflow:hidden;
}
.rackhead{border-bottom-color:#252d35}
.rackcard{
  background:#11161c;
  border-color:#2c353f;
  border-radius:9px;
}
.score{background:rgba(45,133,94,.18);color:#8ed9b5;border-radius:5px}
.add{color:#eba746;border-color:#48515b}

.racksec .rack-promo-art{
  border-color:#303943;
  border-radius:12px;
  background:
    radial-gradient(circle at 80% 45%,rgba(240,164,58,.13),transparent 38%),
    linear-gradient(110deg,#0b0f14,#111820 58%,#171d24);
}
.racksec .rack-promo-art::after{
  background:linear-gradient(90deg,#0b0f14 0%,rgba(11,15,20,.96) 40%,rgba(11,15,20,.45) 62%,rgba(11,15,20,.02));
}
.racksec .rack-promo-art img{
  filter:saturate(.9) contrast(1.04) brightness(.96);
}
.racksec .rack-promo-copy button{
  border-color:#56616c;
  background:#151b22;
  color:#f2f4f6;
  border-radius:8px;
}

.hpv2-featured .featured-card,.hpv2-cat{
  background:#10151b;
  border-color:#2c3540;
  border-radius:11px;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.hpv2-featured .featured-card:hover,.hpv2-cat:hover{
  border-color:#bc8337;
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}
.hpv2-featured .featured-badge{
  background:rgba(12,16,21,.92)!important;
  border-color:#bd8438!important;
  border-radius:7px!important;
}

.page{
  background:
    radial-gradient(circle at 75% 0,rgba(240,164,58,.07),transparent 25%),
    linear-gradient(180deg,#0a0d11,var(--bg) 38%);
}
.page h1,.directory-hero h1,.knowledge-hero h1,.reference-detail h1,.guide-detail h1,.luthier-hero h1{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  font-weight:850;
  letter-spacing:-.035em;
}
.cards .card,.card,.panel,.authbox,.adminbox,.bankbox,.paymetric,.flowbox{
  background:#10151b;
  border-color:#2c3540;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.card:hover{border-color:#9a7038}
.mini-btn,.outline,.back-link,.text-back{
  border-radius:7px;
}
.outline,.mini-btn{
  appearance:none;
  background:#171d24;
  color:#edf1f4;
  border:1px solid #46515c;
  padding:8px 11px;
  font-weight:750;
  letter-spacing:.035em;
  box-shadow:none;
}
.outline:hover,.mini-btn:hover{background:#1d242c;border-color:#c0883f;color:#fff}
.back-link,.text-back{color:#e5a347}

.listing-gallery,.listing-info{border-radius:13px;overflow:hidden}
.gallery-main{background:#0b0f14;border-color:#303943}
.gallery-empty{color:#7f8a95}
.gallery-thumb{background:#10151b;border-color:#35404a;border-radius:7px}
.listing-info{
  background:linear-gradient(145deg,#121820,#0d1116);
  border-color:#303943;
}
.listing-info h1{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  font-weight:850;
  letter-spacing:-.025em;
}
.detail-meta{border-color:#303943}
.detail-meta small,.seller-card small{color:#8f9aa5}
.detail-meta b{color:#e7ebef}
.detail-description p{color:#b9c1c9}
.seller-card{
  background:#151b22;
  border-color:#343e48;
  border-radius:10px;
}
.seller-card span{color:#929ca7}

.form,.authgrid{gap:12px}
.form textarea{min-height:120px}
.badge{border-radius:6px}
.notice{
  background:#151b22;
  color:#eef2f5;
  border:1px solid #3b4651;
  border-radius:9px;
  box-shadow:0 14px 38px rgba(0,0,0,.36);
}

.directory-page,.knowledge-page{color:#edf1f4}
.directory-hero,.knowledge-hero,.luthier-hero{
  background:
    radial-gradient(circle at 86% 12%,rgba(240,164,58,.11),transparent 30%),
    linear-gradient(135deg,#151b22,#0b0f14);
  border-color:#303943;
  border-radius:16px;
  box-shadow:0 18px 42px rgba(0,0,0,.2);
}
.directory-card,.vault-card,.guide-card,.reference-detail,.guide-detail,.luthier-card{
  background:#10151b;
  border-color:#2c3540;
  border-radius:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
.directory-card:hover,.vault-card:hover,.guide-card:hover,.luthier-card:hover{
  border-color:#8d693b;
  transform:translateY(-1px);
}
.directory-card,.vault-card,.guide-card,.luthier-card{
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.directory-search input,.directory-search select,.vault-filters input,.vault-filters select,
.luthier-search input,.luthier-search select{
  background:#11171d;
  border-color:#333d47;
  border-radius:9px;
}
.directory-tags span,.vault-card>b{border-color:#4c5661;border-radius:6px}
.reference-warning{background:#17191b;border-left-color:#e4a043;border-radius:0 9px 9px 0}

table,.admin-table,.sale-table{border-radius:10px;overflow:hidden}
.admin-table th,.sale-table th{background:#171d24;color:#dfe4e9}
.admin-table td,.sale-table td{border-color:#29313a}
footer{border-top:1px solid #252d35;background:#080a0d;color:#929ca6}

@media(max-width:1000px){
  header{backdrop-filter:none}
  nav{background:#0d1116;border-bottom:1px solid #29313a}
}
@media(max-width:760px){
  .hero h1{letter-spacing:-.035em}
  .search,.directory-hero,.knowledge-hero,.luthier-hero{border-radius:11px}
  .directory-card,.vault-card,.guide-card,.luthier-card{border-radius:10px}
}

/* Hero wordmark: match NDLSOUND's white-and-gold identity. */
.hero-brand .endless{color:#f4f1ea}.hero-brand .sound{color:#d49a2f}