body {
    background-color: #0a2e5c !important;
}
/* Notifikasi Download APK */
.download-apk-notification {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important; /* gradien biru laut */
    border-radius: 10px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Teks "SLOT777 Apk" putih */
.download-apk-notification p b {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Teks "Tutup" putih */
#dont_show_again_today {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    cursor: pointer !important;
}

/* Tombol Download */
.download-btn {
    background: linear-gradient(135deg, #1e5a99, #2e86c1) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.download-btn:hover {
    filter: brightness(1.1) !important;
}

/* Tombol close (×) */
#close_download_apk_notification {
    color: #ffffff !important;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5) !important;
    font-weight: bold !important;
    opacity: 0.8 !important;
}

#close_download_apk_notification:hover {
    color: #e0e0e0 !important; /* putih keabuan saat hover */
    opacity: 1 !important;
}

/* Ikon Android */
.download-apk-notification img {
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5)) !important;
}

/* Header utama */
.site-header {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important; /* biru laut */
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Logo (jika perlu efek hover) */
.site-header .logo {
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4)) !important;
}

/* Trigger menu (hamburger) */
.site-menu-trigger {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.site-menu-trigger:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}

/* Jika ada ikon di dalam trigger (misal gambar) */
.site-menu-trigger i[data-icon="menu"] {
    filter: brightness(0) invert(1) !important; /* ikon jadi putih */
}

/* Kotak pengumuman */
.announcement-container {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important; /* biru laut */
    border-radius: 10px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Bagian tanggal (ikon news) */
[data-section="date"] {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Daftar pengumuman */
.announcement-list {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Item pengumuman individual */
.announcement-list li {
    background: rgba(255, 255, 255, 0.1) !important;
    border-left: 3px solid #2e86c1 !important; /* aksen biru cerah, bukan kuning */
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    color: #ffffff !important;
    font-weight: 400 !important;
}

/* Kontainer utama banner */
.banner {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Tombol navigasi utama (prev/next) */
.main-prev,
.main-next {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50% !important; /* asumsi tombol bulat */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Ikon panah di tombol utama menjadi putih */
.main-prev img,
.main-next img {
    filter: brightness(0) invert(1) !important;
}

/* Tombol sub navigasi (up/down) */
.sub-up,
.sub-down {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Ikon panah di tombol sub menjadi putih */
.sub-up img,
.sub-down img {
    filter: brightness(0) invert(1) !important;
}

/* Hover untuk semua tombol navigasi */
.nav-btn:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}

/* Kontainer utama menu */
.main-menu-outer-container {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Setiap item menu (link) */
.main-menu-outer-container main a {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Hover pada item menu */
.main-menu-outer-container main a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}

/* Ikon pada item menu menjadi putih */
.main-menu-outer-container main a img {
    filter: brightness(0) invert(1) !important;
}

/* Tombol navigasi kiri dan kanan (chevron) */
.left_trigger,
.right_trigger {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Hover tombol navigasi */
.left_trigger:hover,
.right_trigger:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}

/* Judul "Game Populer" — border bawah glowing */
.featured-games-title .h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #0a2e5c, #1e5a99) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 3px solid rgba(46, 134, 193, 0.8) !important;
}

/* Kontainer daftar game — border transparan & shadow dalam */
.scrollable-game-list {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 16px !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.5),
        inset 0 0 20px rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Tombol navigasi — border solid semi-transparan + glow */
.left_trigger,
.right_trigger {
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    transition: all 0.25s ease !important;
}

.left_trigger:hover,
.right_trigger:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    transform: scale(1.08) !important;
}

/* Ikon panah tetap putih */
.left_trigger img,
.right_trigger img {
    filter: brightness(0) invert(1) !important;
}

/* Kartu game — border glow dengan shadow luar */
.game-item {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    transition: all 0.3s ease !important;
}

.game-item:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 0 2px rgba(46, 134, 193, 0.7), 0 0 15px rgba(46, 134, 193, 0.5) !important;
    transform: translateY(-3px) !important;
}

/* Nama game — tanpa border, hanya teks glow */
.game-name {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 0 8px rgba(255, 255, 255, 0.3) !important;
    font-weight: 600 !important;
}

/* Tombol MAIN — border neon & gradien */
.play-now {
    background: linear-gradient(135deg, #1e5a99, #2e86c1) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 10px rgba(46, 134, 193, 0.6) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    font-weight: bold !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    transition: all 0.3s ease !important;
}

.play-now:hover {
    filter: brightness(1.15) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 20px rgba(46, 134, 193, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    transform: translateY(-2px) !important;
}

/* Judul "Permainan Unggulan" */
.featured-games-title .h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #0a2e5c, #1e5a99) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 3px solid rgba(46, 134, 193, 0.8) !important;
}

/* Kontainer permainan */
.featured-games-container {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 16px !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.5),
        inset 0 0 20px rgba(255, 255, 255, 0.15) !important;
}

/* Kartu permainan (link) – kondisi normal */
.featured-games-container a {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    transition: all 0.3s ease !important;
}

/* Hover: border putih menyala + glow putih */
.featured-games-container a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 
        0 0 0 2px #ffffff,                /* border putih solid */
        0 0 25px rgba(255, 255, 255, 0.8), /* glow putih */
        0 8px 20px rgba(0, 0, 0, 0.5) !important; /* shadow bawah */
    transform: translateY(-2px) !important;
}

/* Ikon kecil di dalam .h6 menjadi putih */
.featured-games-container .h6 img {
    filter: brightness(0) invert(1) !important;
}

/* Teks judul permainan */
.featured-games-container .h6 {
    color: #ffffff !important;
    text-shadow: 
        0 2px 6px rgba(0, 0, 0, 0.5),
        0 0 8px rgba(255, 255, 255, 0.3) !important;
    font-weight: 600 !important;
}

/* Judul "Download SLOT777 Apk" */
.popular-game-title-container .title {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #0a2e5c, #1e5a99) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 3px solid rgba(46, 134, 193, 0.8) !important;
}

/* Nama brand di dalam judul */
.popular-game-title-container .title strong {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6) !important;
}

/* Kontainer utama download */
.download-apk-container {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 16px !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.5),
        inset 0 0 20px rgba(255, 255, 255, 0.15) !important;
}

/* Kotak Android */
.download-apk-section.android {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* Teks "Android" */
.download-apk-section.android span {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    font-weight: bold !important;
}

/* Gambar Android – TIDAK diubah, tetap orisinal */

/* Tombol Download */
.download-apk-section.android a {
    background: linear-gradient(135deg, #1e5a99, #2e86c1) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 
        0 4px 10px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.4) !important; /* border tipis putih */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

/* Hover tombol Download: border putih menyala + glow */
.download-apk-section.android a:hover {
    background: linear-gradient(135deg, #2e86c1, #4fc3f7) !important;
    box-shadow: 
        0 0 0 2px #ffffff,
        0 0 25px rgba(255, 255, 255, 0.8),
        0 8px 20px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Teks panduan instalasi */
.download-apk-guide {
    color: #e3f2fd !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* Link "klik disini!" */
.download-apk-guide a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease !important;
}

.download-apk-guide a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.9) !important;
}

/* ===== MODAL ===== */
.modal-content {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Header modal */
.modal-header {
    border-bottom: 2px solid rgba(46, 134, 193, 0.8) !important;
}

/* Tombol close (×) */
.modal-header .close {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.6) !important;
    opacity: 0.8 !important;
}

.modal-header .close:hover {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.9) !important;
}

/* Judul modal */
.modal-title {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    font-weight: bold !important;
}

/* Body modal */
.modal-body {
    color: #e3f2fd !important;
}

/* Ikon Android kecil di modal */
.modal-body img {
    /* biarkan orisinal */
}

/* Link "di sini" untuk versi 32-bit */
.download-32-bit-cntr a {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.6) !important;
}

.download-32-bit-cntr a:hover {
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.9) !important;
}



/* Garis pemisah footer */
.footer-separator {
    border-top: 2px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 10px rgba(46, 134, 193, 0.5) !important;
}

/* Kontainer utama sitemap */
.footer-sitemap-section {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 16px !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.5),
        inset 0 0 20px rgba(255, 255, 255, 0.15) !important;
}

/* Judul setiap kolom */
.footer-sitemap-section h4 {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    border-bottom: 3px solid rgba(46, 134, 193, 0.8) !important;
}

/* Item daftar: tidak ada background, border, atau efek kotak */
.footer-links li,
.contact-list li,
.social-media-list li {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Link di dalam item */
.footer-links a,
.contact-list a,
.social-media-list a {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Hover pada link: teks tetap putih dengan glow */
.footer-links a:hover,
.contact-list a:hover,
.social-media-list a:hover {
    color: #ffffff !important;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 0.9),
        0 0 20px rgba(255, 255, 255, 0.6) !important;
}


/* Garis pemisah */
.footer-separator {
    border-top: 2px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 10px rgba(46, 134, 193, 0.5) !important;
}

/* Baris utama banking section */
.footer-banking-section {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 16px !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.5),
        inset 0 0 20px rgba(255, 255, 255, 0.15) !important;
}

/* Kontainer daftar bank */
.bank-list-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* Setiap item bank (wrapper div di dalam li) */
.bank-list li > div {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    box-shadow: 
        0 2px 6px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.2) !important; /* border tipis */
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    transition: all 0.3s ease !important;
}

/* Hover: border putih menyala + glow */
.bank-list li > div:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 
        0 0 0 2px #ffffff,
        0 0 20px rgba(255, 255, 255, 0.8),
        0 6px 15px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Logo bank: pastikan tidak terdistorsi */
.bank-logo {
    filter: none !important; /* jaga agar gambar tetap asli */
}

/* Teks catatan di bawah daftar bank */
.bank-list-container p {
    color: #e3f2fd !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    font-style: italic !important;
}



/* Footer navigasi */
.site-footer {
    background: linear-gradient(135deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 
        0 -6px 20px rgba(0, 0, 0, 0.5),
        inset 0 0 15px rgba(255, 255, 255, 0.15) !important;
}

/* Semua link di footer */
.site-footer a {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    /* tidak ada background atau border permanen */
}

/* Hover pada link: border putih menyala + glow */
.site-footer a:hover {
    color: #ffffff !important;
    text-shadow: 
        0 0 12px rgba(255, 255, 255, 0.9),
        0 0 25px rgba(255, 255, 255, 0.6) !important;
    box-shadow: 
        0 0 0 2px #ffffff,
        0 0 25px rgba(255, 255, 255, 0.8) !important;
    border-radius: 8px !important;
    transform: translateY(-1px) !important;
}

/* Ikon dalam link: biarkan asli, jangan diubah */
.site-footer a img {
    filter: none !important;
}



/* Latar menu samping */
.site-menu {
    background: linear-gradient(180deg, #0a2e5c, #1e5a99, #2e86c1) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.6),
        inset 0 0 20px rgba(255, 255, 255, 0.15) !important;
}

/* Item menu biasa (link langsung) */
.site-menu ul li > a {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
}

/* Hover item menu: border putih menyala + glow */
.site-menu ul li > a:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 
        0 0 0 2px #ffffff,
        0 0 20px rgba(255, 255, 255, 0.8) !important;
    transform: translateY(-1px) !important;
}

/* Ringkasan dropdown (summary) */
.site-menu details summary section,
.site-menu details summary {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Hover pada summary dropdown */
.site-menu details summary:hover section,
.site-menu details summary:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 
        0 0 0 2px #ffffff,
        0 0 20px rgba(255, 255, 255, 0.8) !important;
    transform: translateY(-1px) !important;
}

/* Artikel dropdown (daftar submenu) */
.site-menu details article {
    background: rgba(10, 46, 92, 0.95) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Submenu di dalam dropdown */
.site-menu details article ul li a {
    color: #e3f2fd !important;
    text-shadow: none !important;
}

.site-menu details article ul li a:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 
        0 0 0 1px #ffffff,
        0 0 10px rgba(255, 255, 255, 0.6) !important;
    transform: translateX(2px) !important;
}

/* Tombol Masuk & Daftar dalam panel login */
.side-menu-login-panel .login-button,
.side-menu-login-panel .register-button {
    background: linear-gradient(135deg, #1e5a99, #2e86c1) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.side-menu-login-panel .login-button:hover,
.side-menu-login-panel .register-button:hover {
    box-shadow: 
        0 0 0 2px #ffffff,
        0 0 25px rgba(255, 255, 255, 0.8),
        0 8px 20px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Ikon-ikon di menu (biarkan asli, tidak diubah) */
.site-menu img {
    filter: none !important;
}