/* Windhusari Artmarket — landing & portal publik. Elegan keemasan, motif Bali kuno. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Poppins:wght@400;500;600;700&display=swap');

html[data-tenant="windhusari"] {
    --brand: #2a1a0c;
    --brand2: #8a5a1a;
    --gold: #c9a227;
    --gold-light: #e8d48b;
    --gold-deep: #9a7214;
    --cream: #f6efe2;
    --ink: #2a1c10;
    --stone: #4a3424;
    --maroon: #7a2e24;
}

html[data-tenant="windhusari"] body {
    font-family: Poppins, system-ui, sans-serif;
    color: var(--ink);
    background: var(--cream);
}

html[data-tenant="windhusari"] .navbar-whs {
    background:
        linear-gradient(180deg, #1c1208 0%, #2a1a0c 100%);
    border-bottom: 1px solid rgba(201, 162, 39, .55);
    box-shadow: 0 1px 0 rgba(232, 212, 139, .18);
}

html[data-tenant="windhusari"] .navbar-brand {
    font-family: Cinzel, "Times New Roman", serif;
    letter-spacing: .04em;
}

html[data-tenant="windhusari"] .navbar-brand b { color: #f4ead6; }
html[data-tenant="windhusari"] .navbar-brand .dot { color: var(--gold-light); }
html[data-tenant="windhusari"] .navbar-brand .place {
    font-family: Cormorant Garamond, serif;
    font-weight: 600;
    font-size: .95rem;
    color: #e8d48b;
    letter-spacing: .02em;
}

html[data-tenant="windhusari"] .badge-whs {
    background: linear-gradient(135deg, #c9a227, #e8d48b);
    color: #2a1a0c;
    border: 0;
    font-weight: 700;
}

html[data-tenant="windhusari"] .hero {
    background:
        radial-gradient(circle at 88% -10%, rgba(201, 162, 39, .28), transparent 42%),
        radial-gradient(circle at 8% 110%, rgba(122, 46, 36, .22), transparent 46%),
        linear-gradient(145deg, #1a1008 0%, #2c1b0d 42%, #4a3018 78%, #6b4a1e 100%);
    color: #f7f0e4;
}

html[data-tenant="windhusari"] .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .35;
    background-image:
        radial-gradient(circle at 20% 20%, rgba(232, 212, 139, .22) 0 10%, transparent 11%),
        radial-gradient(circle at 80% 20%, rgba(232, 212, 139, .18) 0 10%, transparent 11%),
        radial-gradient(circle at 20% 80%, rgba(232, 212, 139, .16) 0 10%, transparent 11%),
        radial-gradient(circle at 80% 80%, rgba(232, 212, 139, .16) 0 10%, transparent 11%),
        radial-gradient(circle at 50% 50%, rgba(201, 162, 39, .12) 0 14%, transparent 15%);
    background-size: 72px 72px;
}

html[data-tenant="windhusari"] .hero::after {
    background: radial-gradient(circle, rgba(232, 212, 139, .22), transparent 70%);
}

html[data-tenant="windhusari"] .hero h1 {
    font-family: Cormorant Garamond, "Times New Roman", serif;
    font-weight: 700;
    letter-spacing: .01em;
    color: #fff8e7;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}

html[data-tenant="windhusari"] .hero .lead {
    color: #ead9b0;
    font-family: Poppins, sans-serif;
}

html[data-tenant="windhusari"] .hero-ornament {
    width: 88px;
    height: 8px;
    margin: 0 0 1.1rem;
    background:
        linear-gradient(90deg, transparent, var(--gold-light) 18%, var(--gold) 50%, var(--gold-light) 82%, transparent);
    clip-path: polygon(0 50%, 12% 0, 88% 0, 100% 50%, 88% 100%, 12% 100%);
}

html[data-tenant="windhusari"] .stat-badge {
    background: rgba(26, 16, 8, .38);
    border: 1px solid rgba(232, 212, 139, .32);
    backdrop-filter: blur(4px);
}

html[data-tenant="windhusari"] .stat-badge .num {
    color: var(--gold-light);
    font-family: Cinzel, serif;
}

html[data-tenant="windhusari"] .btn-gold {
    background: linear-gradient(180deg, #e8d48b 0%, #c9a227 55%, #9a7214 100%);
    color: #2a1a0c;
    border: 1px solid #f0e0a8;
    box-shadow: 0 6px 16px rgba(154, 114, 20, .28);
}

html[data-tenant="windhusari"] .btn-gold:hover {
    background: linear-gradient(180deg, #f3e4a8 0%, #d4af37 55%, #b08618 100%);
    color: #1c1208;
}

html[data-tenant="windhusari"] .btn-outline-light {
    border-color: rgba(232, 212, 139, .65);
    color: #f6efe2;
}

html[data-tenant="windhusari"] .btn-outline-light:hover {
    background: rgba(232, 212, 139, .14);
    color: #fff8e7;
    border-color: var(--gold-light);
}

html[data-tenant="windhusari"] .section-units-whs {
    background:
        linear-gradient(#f6efe2, #f6efe2),
        repeating-linear-gradient(90deg, rgba(201, 162, 39, .07) 0 2px, transparent 2px 18px);
}

html[data-tenant="windhusari"] .section-eyebrow {
    color: var(--gold-deep);
    font-family: Cinzel, serif;
    letter-spacing: .2em;
}

html[data-tenant="windhusari"] h2 {
    font-family: Cormorant Garamond, serif;
    color: var(--brand);
}

html[data-tenant="windhusari"] .unit-card {
    background: #fffaf2;
    border: 1px solid rgba(201, 162, 39, .22) !important;
}

html[data-tenant="windhusari"] .unit-card:hover {
    box-shadow: 0 1rem 2rem rgba(42, 26, 12, .12) !important;
    border-color: var(--gold) !important;
}

html[data-tenant="windhusari"] .unit-card-featured {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 1px rgba(201, 162, 39, .35);
}

html[data-tenant="windhusari"] .portal-card:hover {
    border-color: var(--gold);
    box-shadow: 0 .75rem 1.5rem rgba(42, 26, 12, .12) !important;
}

html[data-tenant="windhusari"] .btn-primary {
    background: #2a1a0c;
    border-color: #2a1a0c;
}

html[data-tenant="windhusari"] .btn-primary:hover {
    background: #4a3018;
    border-color: #4a3018;
}

html[data-tenant="windhusari"] footer {
    background: #1a1008;
    color: #cbb892;
    border-top: 1px solid rgba(201, 162, 39, .35);
}

html[data-tenant="windhusari"] footer strong {
    font-family: Cinzel, serif;
    letter-spacing: .04em;
}

/* Login / daftar — domain Windhusari */
html[data-tenant="windhusari"] body.auth-whs {
    background:
        radial-gradient(circle at 85% 10%, rgba(201, 162, 39, .25), transparent 40%),
        linear-gradient(145deg, #1a1008 0%, #2c1b0d 50%, #4a3018 100%);
}

html[data-tenant="windhusari"] .auth-side {
    background: linear-gradient(165deg, #2a1a0c, #1a1008);
}

html[data-tenant="windhusari"] .auth-side .gold { color: var(--gold-light); }

html[data-tenant="windhusari"] .brand-badge {
    background: rgba(201, 162, 39, .14);
    border: 1px solid rgba(232, 212, 139, .45);
    font-family: Cinzel, serif;
}

html[data-tenant="windhusari"] .btn-brand {
    background: linear-gradient(180deg, #c9a227, #9a7214);
    color: #1c1208;
}

html[data-tenant="windhusari"] .btn-brand:hover {
    background: linear-gradient(180deg, #d4af37, #b08618);
    color: #1c1208;
}

html[data-tenant="windhusari"] .form-control:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 .2rem rgba(201, 162, 39, .18);
}

html[data-tenant="windhusari"] .btn-outline-primary {
    color: #6b4a1e;
    border-color: #c9a227;
}

html[data-tenant="windhusari"] .btn-outline-primary:hover {
    background: #c9a227;
    border-color: #c9a227;
    color: #1c1208;
}