/*
Theme Name: SansDomain Theme v2
Theme URI: https://sans.domains
Author: SansDomain
Description: SansDomain theme — Black/Gold/Silver. Domain CPT, CSV Import, currency switch (Rp/USD), registrar column, aged in years & months.
Version: 1.1.0
Text Domain: sansdomain
*/
:root{
  --bg:#0b0b0d;--panel:#121217;--muted:#1a1b22;--text:#eaeaf1;--subtle:#b9bcc7;
  --gold:#d4af37;--gold-2:#f2d16b;--silver:#c0c4cf;--border:#262837;--ring:#2f3347;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;}
a{color:var(--gold);text-decoration:none} a:hover{opacity:.9}
.container{width:min(1100px,92%);margin:0 auto}
.header{position:sticky;top:0;z-index:40;background:rgba(11,11,13,.8);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:10px;align-items:center}
.brand-logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold-2));display:inline-flex;align-items:center;justify-content:center;color:#000;font-weight:800}
.brand h1{font-size:18px;margin:0;letter-spacing:.4px}
.nav a{margin-left:18px;color:var(--silver);font-weight:600}
.button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#1b1c24,#14151c);box-shadow:var(--shadow);color:var(--text);font-weight:700}
.button.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#191919;border:none}
.hero{padding:34px 0 16px}
.hero h2{font-size:38px;margin:6px 0 10px}
.hero p{color:var(--silver);max-width:780px}
.searchbar{display:flex;gap:8px;margin:18px 0 0}
.searchbar input,.searchbar select{flex:1;background:#0f1015;color:var(--text);border:1px solid var(--ring);border-radius:12px;padding:12px 14px;outline:none}
.searchbar .button{padding:12px 18px}
.badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--silver);gap:6px;background:rgba(255,255,255,.02)}
.card{background:linear-gradient(180deg,#111218,#0c0d12);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}
.section{margin:26px 0}
.table-wrap{margin-top:14px;background:linear-gradient(180deg,#0f1118,#0b0d13);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.table-head{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);background:#0f0f14;justify-content:space-between}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.currency{display:flex;gap:6px;align-items:center}
.currency a{padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--silver)}
.currency a.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#151515;border:none;font-weight:800}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}
.table th{color:var(--silver);background:#0c0d12}
.table tr:hover{background:rgba(255,255,255,.02)}
.price{font-weight:800;color:var(--gold)}
.buy-btn{padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#151515;font-weight:800;border:none;cursor:pointer}
.footer{margin-top:40px;padding:26px 0;border-top:1px solid var(--border);color:var(--silver)}
.whatsapp-float{position:fixed;right:16px;bottom:16px;z-index:50}
.whatsapp-float a{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#000;padding:12px 16px;border-radius:999px;font-weight:800;box-shadow:var(--shadow)}
.small{font-size:12px;color:var(--silver)}
.notice{border-left:3px solid var(--gold);padding:12px;background:rgba(255,255,255,.02);border-radius:10px}