/* ==========================================================================
   Tema Aurora: kaca buram terang di atas gumpalan warna pastel.
   Aktif bila <body data-soft="1" data-theme="aurora">.
   Kebalikan tema Glass (gelap). Blur (backdrop-filter) hanya di elemen melayang:
   sidebar, topbar, footer, dropdown, modal. Card cukup putih transparan, sama
   alasannya dengan theme-glass-layout.css (blur di card berat & merusak fixed).
   ========================================================================== */

body[data-theme=aurora] {
    --aur-pink: #ff7eb9;
    --aur-blue: #7f9cff;
    --aur-grad: linear-gradient(110deg, var(--aur-pink), var(--aur-blue));
    --aur-blur: blur(18px) saturate(160%);

    --s-bg: #f4f1fb;
    --s-ink: #3d3858;
    --s-heading: #2e2a45;
    --s-muted: #8a84a8;
    --s-border: rgba(120, 100, 180, .14);
    --s-surface: rgba(255, 255, 255, .62);
    --s-chrome: rgba(255, 255, 255, .55);
    --s-pop: rgba(255, 255, 255, .92);
    --s-input: rgba(255, 255, 255, .75);
    --s-input-border: rgba(255, 255, 255, .95);
    --s-thead: rgba(255, 255, 255, .45);
    --s-primary: #6f7bf7;
    --s-primary-rgb: 111, 123, 247;
    --s-primary-hover: #5e69ea;
    --s-btn-primary-bg: var(--aur-grad);
    --s-btn-shadow: 0 .4rem 1rem -.3rem rgba(127, 156, 255, .8);
    --s-hover: rgba(255, 255, 255, .55);
    --s-active-bg: var(--aur-grad);
    --s-active-fg: #fff;
    --s-active-shadow: 0 .4rem .9rem -.3rem rgba(127, 156, 255, .7);
    --s-side-fg: #4d4870;
    --s-radius: 20px;
    --s-radius-sm: 12px;
    --s-btn-radius: 999px;
    --s-shadow: 0 .6rem 1.6rem -.7rem rgba(80, 60, 140, .3);
    --s-card-border: rgba(255, 255, 255, .9);
    --s-font: "Outfit", "Be Vietnam", sans-serif;
    --s-font-head: "Outfit", "Be Vietnam", sans-serif;
    --float-gap: 14px;
}

/* Gumpalan warna pastel (tetap di tempat saat scroll) */
body[data-layout-mode=light][data-theme=aurora] {
    background:
        radial-gradient(38% 45% at 12% 18%, #ffc6e0, transparent 70%),
        radial-gradient(40% 50% at 88% 8%, #bfe0ff, transparent 70%),
        radial-gradient(40% 50% at 72% 92%, #ffe0b8, transparent 70%),
        radial-gradient(36% 45% at 28% 88%, #c9f2dd, transparent 70%),
        #f4f1fb;
    background-attachment: fixed;
}

html:has(body[data-theme=aurora]) {
    background-color: #f4f1fb;
}

/* --------------------------------------------------------------------------
   Elemen melayang: kaca buram
   -------------------------------------------------------------------------- */
/* Sidebar sudah punya transform (head-css), jadi blur langsung di elemennya aman */
body[data-theme=aurora] .vertical-menu {
    -webkit-backdrop-filter: var(--aur-blur);
    backdrop-filter: var(--aur-blur);
}

/* Topbar & footer: blur di ::before supaya offcanvas fullscreen (position:fixed)
   di dalam topbar tidak terkurung. Sama seperti tema glass. */
body[data-theme=aurora] #page-topbar,
body[data-theme=aurora] .footer {
    background: transparent !important;
    isolation: isolate;
}

body[data-theme=aurora] #page-topbar::before,
body[data-theme=aurora] .footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: var(--s-chrome);
    -webkit-backdrop-filter: var(--aur-blur);
    backdrop-filter: var(--aur-blur);
    pointer-events: none;
}

body[data-theme=aurora] .modal-content,
body[data-theme=aurora] .dropdown-menu,
body[data-theme=aurora] .offcanvas,
body[data-theme=aurora] .choices__list--dropdown,
body[data-theme=aurora] .choices__list[aria-expanded],
body[data-theme=aurora] .select2-dropdown,
body[data-theme=aurora] .swal2-popup {
    background: var(--s-pop) !important;
    -webkit-backdrop-filter: var(--aur-blur);
    backdrop-filter: var(--aur-blur);
    border-color: rgba(255, 255, 255, .95) !important;
}

/* --------------------------------------------------------------------------
   Sentuhan gradien: judul, menu aktif, tombol utama
   -------------------------------------------------------------------------- */
body[data-theme=aurora] .page-title-box h4,
body[data-theme=aurora] .page-title-box .mb-sm-0 {
    font-weight: 600;
    font-size: 21px !important;
    background: linear-gradient(90deg, #d9468f, #4f6dff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

body[data-theme=aurora] #sidebar-menu > ul > li.mm-active > a .nav-icon,
body[data-theme=aurora] #sidebar-menu > ul > li.mm-active > a i {
    color: #fff !important;
}

body[data-theme=aurora] .btn-primary {
    font-weight: 500;
}

/* Kolom cari topbar */
body[data-theme=aurora] .app-search .form-control {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 999px;
}

/* Card header & tabel transparan di atas kaca */
body[data-theme=aurora] .card-header,
body[data-theme=aurora] .card-footer {
    border-color: var(--s-border);
}

body[data-theme=aurora] .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, .35);
}

/* Header .table-light: bootstrap memberi thead latar #f8f9fa langsung */
body[data-theme=aurora] .table .table-light {
    background-color: transparent !important;
}

body[data-theme=aurora] .form-control::placeholder {
    color: #a59fc2;
}

/* Browser tanpa backdrop-filter: buat lebih pekat supaya tetap terbaca */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body[data-theme=aurora] {
        --s-chrome: rgba(255, 255, 255, .94);
        --s-pop: rgba(255, 255, 255, .98);
    }
}