/* WARNA JUDUL HEADER — PERBAIKAN FINAL */

.sl-site-title,
.brand-title,
.sl-site-brand .sl-site-title,
.header .brand-title,
.site-header .brand-title {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    background: none !important;
    background-image: none !important;
    font-weight: 1000 !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

.sl-site-subtitle,
.brand-subtitle,
.sl-site-brand .sl-site-subtitle,
.header .brand-subtitle,
.site-header .brand-subtitle {
    color: #D89B00 !important;
    -webkit-text-fill-color: #D89B00 !important;
    background: none !important;
    background-image: none !important;
    font-weight: 1000 !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow:
        0 1px 0 #FFFFFF,
        0 0 6px rgba(244, 201, 93, 0.45) !important;
}
/* TEAM HERO GOLD START */
.hero h1,
.page-hero h1,
.page-title,
.hero-title {
    color: #D89B00 !important;
    -webkit-text-fill-color: #D89B00 !important;
    background: none !important;
    background-image: none !important;
    font-weight: 1000 !important;
    opacity: 1 !important;
    filter: none !important;
    letter-spacing: 1px !important;
    text-shadow:
        0 1px 0 #FFF3B0,
        0 2px 0 #A96F00,
        0 0 10px rgba(244, 201, 93, 0.55) !important;
}
/* TEAM HERO GOLD END */
/* SPONSOR SHADOW FIX START */
.sponsor-marquee::before,
.sponsor-marquee::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.sponsor-marquee,
.sponsor-box {
    mask-image: none !important;
    -webkit-mask-image: none !important;
}
/* SPONSOR SHADOW FIX END */

/* HAPUS-GARIS-BIRU-HEADER-START */
.sl-site-title::after,
.brand-title::after,
.brand-copy strong::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    box-shadow: none !important;
    animation: none !important;
}
/* HAPUS-GARIS-BIRU-HEADER-END */

/* HEADER-BIRU-KILAU-START */
.sl-site-header {
    position: sticky !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-bottom: 2px solid #ffd45c !important;
    background:
        radial-gradient(circle at 15% 20%, rgba(255,255,255,.22) 0 2px, transparent 3px),
        radial-gradient(circle at 42% 72%, rgba(122,225,255,.32) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 22%, rgba(255,255,255,.25) 0 1px, transparent 3px),
        radial-gradient(circle at 92% 70%, rgba(122,225,255,.25) 0 2px, transparent 4px),
        linear-gradient(
            115deg,
            #032b58 0%,
            #07558e 27%,
            #118fc9 58%,
            #5bc8ee 100%
        ) !important;
    box-shadow:
        0 5px 18px rgba(0,43,88,.28),
        inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Kilau yang berjalan dari kiri ke kanan */
.sl-site-header::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -45% !important;
    width: 32% !important;
    display: block !important;
    pointer-events: none !important;
    opacity: .75 !important;
    transform: skewX(-22deg) !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        rgba(255,255,255,.48),
        rgba(119,224,255,.25),
        transparent
    ) !important;
    filter: blur(2px) !important;
    animation: headerKilauJalan 4.2s ease-in-out infinite !important;
}

/* Kilau lembut di bagian atas */
.sl-site-header::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.20) 0%,
            transparent 35%,
            rgba(0,48,92,.10) 100%
        ) !important;
    animation: headerKilauNapas 2.8s ease-in-out infinite alternate !important;
}

/* Semua isi header berada di atas efek kilau */
.sl-site-header .sl-site-header-inner {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
}

/* Tulisan dibuat jelas di atas warna biru */
.sl-site-header .sl-site-title,
.sl-site-header .brand-title {
    color: #ffffff !important;
    text-shadow:
        0 2px 3px rgba(0,22,55,.65),
        0 0 10px rgba(100,221,255,.32) !important;
}

.sl-site-header .sl-site-subtitle,
.sl-site-header .brand-subtitle {
    color: #ffd85e !important;
    text-shadow: 0 1px 3px rgba(0,22,55,.70) !important;
}

/* Logo */
.sl-site-header .sl-site-logo,
.sl-site-header .logo {
    border: 2px solid #ffd45c !important;
    background: #ffffff !important;
    box-shadow:
        0 5px 16px rgba(0,34,76,.40),
        0 0 12px rgba(255,212,92,.32) !important;
}

/* Tombol menu menyesuaikan header */
.sl-site-header .sl-menu-button,
.sl-site-header .menu-button {
    color: #ffffff !important;
    border: 2px solid #ffd45c !important;
    background: linear-gradient(145deg, #159bd3, #0872af) !important;
    box-shadow:
        0 5px 14px rgba(0,35,76,.35),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* Link menu desktop */
.sl-site-header .sl-site-nav a {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,30,67,.65) !important;
}

.sl-site-header .sl-site-nav a:hover,
.sl-site-header .sl-site-nav a.active {
    color: #ffd85e !important;
}

@keyframes headerKilauJalan {
    0% {
        left: -45%;
        opacity: 0;
    }
    12% {
        opacity: .8;
    }
    52% {
        opacity: .8;
    }
    72%,
    100% {
        left: 125%;
        opacity: 0;
    }
}

@keyframes headerKilauNapas {
    from {
        opacity: .45;
    }
    to {
        opacity: .90;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sl-site-header::before,
    .sl-site-header::after {
        animation: none !important;
    }
}
/* HEADER-BIRU-KILAU-END */

/* PERBAIKAN-TOMBOL-MENU-START */

/* Menu dropdown tidak boleh terpotong oleh header */
.sl-site-header,
.sl-site-header.sl-hamburger-force-header {
    overflow: visible !important;
}

/* Pastikan isi header dan tombol berada di atas efek kilau */
.sl-site-header .sl-site-header-inner,
.sl-site-header .sl-hamburger-force-inner {
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
}

/* Rapikan tombol hamburger */
.sl-site-header .sl-hamburger-force-button {
    position: relative !important;
    z-index: 50003 !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 2px solid #ffd45c !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #25b7e8, #0877b8) !important;
    box-shadow:
        0 5px 15px rgba(0,35,76,.35),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}

/* Tiga garis hamburger */
.sl-site-header .sl-hamburger-force-button span {
    width: 23px !important;
    height: 3px !important;
    display: block !important;
    flex: 0 0 3px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(0,35,76,.30) !important;
}

/* Pastikan dropdown tampil di depan banner */
.sl-site-header .sl-hamburger-force-nav {
    z-index: 50002 !important;
    border: 1px solid #ffd45c !important;
    background:
        radial-gradient(
            circle at right top,
            rgba(255,215,106,.18),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #064c82,
            #119ed3
        ) !important;
    box-shadow:
        0 22px 50px rgba(0,35,76,.38),
        0 0 15px rgba(69,201,244,.20) !important;
}

/* Warna menu di dalam dropdown */
.sl-site-header .sl-hamburger-force-nav a {
    color: #ffffff !important;
}

.sl-site-header .sl-hamburger-force-nav a:hover,
.sl-site-header .sl-hamburger-force-nav a.active,
.sl-site-header .sl-hamburger-force-nav a[aria-current="page"] {
    color: #07365d !important;
    background: linear-gradient(90deg, #fff0a4, #ffd45c) !important;
    box-shadow: none !important;
}

@media (max-width: 520px) {
    .sl-site-header .sl-hamburger-force-button {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .sl-site-header .sl-hamburger-force-button span {
        width: 21px !important;
    }
}

/* PERBAIKAN-TOMBOL-MENU-END */