/**
 * Tema Hybrid Pramuka — Portal SATU
 * Coklat + emas (identitas) · hijau (aksi/CTA)
 */

:root {
    --pramuka-coklat: #5c4033;
    --pramuka-coklat-gelap: #3d2914;
    --pramuka-emas: #c9a227;
    --pramuka-emas-terang: #e8d48b;
    --pramuka-hijau: #2d6a4f;
    --pramuka-hijau-gelap: #1b4332;
    --pramuka-hijau-hover: #245a42;
    --pramuka-krem: #f5f0e8;
    --pramuka-krem-gelap: #ede4d4;
    --pramuka-coklat-cerah: #d4b896;
    --portal-bg: var(--pramuka-krem);

    /* Alias kompatibel file lama */
    --ja-green: var(--pramuka-hijau);
    --ja-green-dark: var(--pramuka-hijau-gelap);
    --ja-gold: var(--pramuka-emas);
    --satu-green: var(--pramuka-hijau);
    --satu-green-dark: var(--pramuka-hijau-gelap);
    --satu-gold: var(--pramuka-emas);
    --primary-green: var(--pramuka-hijau);

    --bs-success: #2d6a4f;
    --bs-success-rgb: 45, 106, 79;
    --bs-primary: #2d6a4f;
    --bs-primary-rgb: 45, 106, 79;
    --bs-link-color: #2d6a4f;
    --bs-link-hover-color: #1b4332;
}

.text-pramuka-emas { color: var(--pramuka-emas) !important; }
.text-pramuka-coklat { color: var(--pramuka-coklat-gelap) !important; }

/* ---- Beranda & auth publik ---- */
body.portal-body {
    background-color: var(--pramuka-krem) !important;
    background-image: linear-gradient(
        165deg,
        #faf7f2 0%,
        var(--pramuka-krem) 28%,
        var(--pramuka-krem-gelap) 62%,
        var(--pramuka-coklat-cerah) 100%
    ) !important;
    color: var(--pramuka-coklat-gelap) !important;
}

body.satu-auth {
    background-color: var(--pramuka-krem) !important;
    background-image: linear-gradient(
        165deg,
        #faf7f2 0%,
        var(--pramuka-krem) 28%,
        var(--pramuka-krem-gelap) 62%,
        var(--pramuka-coklat-cerah) 100%
    ) !important;
}

body.satu-auth .satu-auth-brand {
    background: linear-gradient(180deg, var(--pramuka-coklat) 0%, var(--pramuka-coklat-gelap) 100%) !important;
}

body.satu-auth .satu-auth-brand img {
    border: 2px solid var(--pramuka-emas);
}

/* ---- Sidebar admin — identitas coklat ---- */
body.satu-dashboard .sidebar {
    background: linear-gradient(180deg, var(--pramuka-coklat) 0%, var(--pramuka-coklat-gelap) 100%) !important;
}

body.satu-dashboard .sidebar .user-profile img {
    border-color: var(--pramuka-emas) !important;
}

body.satu-dashboard .sidebar a.nav-link.active {
    background: var(--pramuka-emas) !important;
    color: var(--pramuka-coklat-gelap) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18) !important;
}

body.satu-dashboard .header-top {
    border-bottom-color: var(--pramuka-coklat) !important;
}

.satu-dashboard .page-section-title {
    color: var(--pramuka-coklat-gelap) !important;
}

/* Dark mode — sidebar tetap coklat */
html[data-bs-theme="dark"] body.satu-dashboard .sidebar,
body.dark-mode.satu-dashboard .sidebar,
[data-bs-theme="dark"] .sidebar,
body.dark-mode .sidebar {
    background: var(--pramuka-coklat-gelap) !important;
    background-image: linear-gradient(
        180deg,
        var(--pramuka-coklat) 0%,
        var(--pramuka-coklat-gelap) 55%,
        #2a1f18 100%
    ) !important;
}

html[data-bs-theme="dark"] body.satu-dashboard .sidebar a.nav-link.active,
body.dark-mode.satu-dashboard .sidebar a.nav-link.active,
[data-bs-theme="dark"] .sidebar .nav-link.active,
body.dark-mode .sidebar .nav-link.active {
    background: rgba(201, 162, 39, 0.22) !important;
    color: var(--pramuka-emas-terang) !important;
    box-shadow: inset 3px 0 0 var(--pramuka-emas), 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

html[data-bs-theme="dark"] body.satu-dashboard .header-top,
body.dark-mode.satu-dashboard .header-top,
[data-bs-theme="dark"] .header-top,
body.dark-mode .header-top {
    border-bottom-color: var(--pramuka-coklat) !important;
}

/* ---- Tombol & link aksi (hijau) ---- */
.btn-success,
.btn-success:focus {
    --bs-btn-bg: var(--pramuka-hijau);
    --bs-btn-border-color: var(--pramuka-hijau);
    --bs-btn-hover-bg: var(--pramuka-hijau-hover);
    --bs-btn-hover-border-color: var(--pramuka-hijau-hover);
    --bs-btn-active-bg: var(--pramuka-hijau-gelap);
    --bs-btn-active-border-color: var(--pramuka-hijau-gelap);
    --bs-btn-disabled-bg: var(--pramuka-hijau);
    --bs-btn-disabled-border-color: var(--pramuka-hijau);
}

.btn-outline-success {
    --bs-btn-color: var(--pramuka-hijau);
    --bs-btn-border-color: var(--pramuka-hijau);
    --bs-btn-hover-bg: var(--pramuka-hijau);
    --bs-btn-hover-border-color: var(--pramuka-hijau);
    --bs-btn-active-bg: var(--pramuka-hijau-gelap);
    --bs-btn-active-border-color: var(--pramuka-hijau-gelap);
}

.link-success {
    color: var(--pramuka-hijau) !important;
}
.link-success:hover {
    color: var(--pramuka-hijau-gelap) !important;
}

.badge.bg-success-subtle.text-success,
.bg-success-subtle {
    background-color: rgba(45, 106, 79, 0.14) !important;
    color: var(--pramuka-hijau) !important;
}

/* Checkout — border pilihan aktif */
.satu-checkout-card:has(input:checked) {
    border-color: var(--pramuka-hijau) !important;
    box-shadow: 0 0 0 0.15rem rgba(45, 106, 79, 0.18) !important;
}

/* Kartu unit beranda */
.satu-unit-tile-kode {
    color: var(--pramuka-coklat-gelap) !important;
}

.satu-landing-title .text-satu {
    color: var(--pramuka-emas) !important;
}

.satu-landing-sub {
    color: #8a7355 !important;
}

.satu-landing-title,
.satu-landing {
    color: var(--pramuka-coklat-gelap) !important;
}

.satu-landing .text-muted {
    color: #7a6b5e !important;
}