/*
Theme Name: SansDomain
Theme URI: https://www.sansdomain.asia
Author: SansDomain
Author URI: https://www.sansdomain.asia
Description: Tema elegan hitam–emas–silver untuk katalog & penjualan domain. Gunakan bersama plugin "SansDomain Market".
Version: 1.2.1
Text Domain: sansdomain
*/
:root{--sd-black:#0b0b0d;--sd-gold:#d4af37;--sd-gold-dark:#b38b12;--sd-gold-light:#f0d879;--sd-silver:#c0c0c0;--sd-white:#ffffff}
body{margin:0;color:var(--sd-white);background:radial-gradient(55% 65% at 50% 0%, #121317 0%, #09090b 60%, #000 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,"Noto Sans",sans-serif}
a{color:var(--sd-gold);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:24px}
.header{background:#0e0f12;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:40px;width:auto}
.brand .title{font-size:24px;font-weight:800;letter-spacing:.6px}
.nav{display:flex;gap:18px;align-items:center}
.nav a{padding:10px 12px;border-radius:12px}
.nav a.btn{background:linear-gradient(145deg,var(--sd-gold),var(--sd-gold-dark)); color:#111; font-weight:700; box-shadow:0 6px 16px rgba(212,175,55,.25)}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;padding:48px 0}
.hero .h1{font-size:44px;line-height:1.1;margin:0 0 16px}
.hero .lead{color:#d7d7d7;font-size:18px}
.card{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.grid{display:grid;gap:16px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)} .grid.cols-2{grid-template-columns:repeat(2,1fr)}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.45);color:var(--sd-gold)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:14px}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;font-weight:700;border:none;cursor:pointer;background:linear-gradient(145deg,var(--sd-gold),var(--sd-gold-dark)); color:#111}
.btn.silver{background:linear-gradient(145deg,#eeeeee,#bdbdbd);color:#111}

/* Footer Polish */
.footer{margin-top:40px;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));border-top:1px solid rgba(255,255,255,.08)}
.footer__wrap{display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr;align-items:start}
.footer__title{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#d8d8d8;margin:0 0 10px}
.footer a{color:#e9d17a}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin:8px 0}
.footer__desc{color:#bcbcbc;margin-top:4px}
.footer__social{display:flex;gap:10px;margin-top:10px}
.footer__social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.footer__bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;border-top:1px dashed rgba(255,255,255,.08);margin-top:18px;padding-top:14px;color:#bcbcbc;font-size:13px}
.footer__bottom .sep{opacity:.5;margin:0 6px}
@media (max-width: 900px){
  .footer__wrap{grid-template-columns:1fr}
}

/* Print */
@media print {.no-print{display:none} body{background:#fff;color:#000} .card, .table th, .table td{color:#000}}