/* ========================================================
   LiGaMu Public Header — Blue Fixed Global
   v2.12.1.5.14
   Scope: semua halaman publik
   ======================================================== */

:root {
  --ligamu-header-blue-1: #143f73;
  --ligamu-header-blue-2: #0f4f86;
  --ligamu-header-blue-3: #0b3567;
  --ligamu-fixed-header-height: 92px;
}

html {
  scroll-padding-top: calc(var(--ligamu-fixed-header-height, 92px) + 16px);
}

body {
  padding-top: var(--ligamu-fixed-header-height, 92px);
}

.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background:
    linear-gradient(135deg, var(--ligamu-header-blue-1) 0%, var(--ligamu-header-blue-2) 52%, var(--ligamu-header-blue-3) 100%) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: 0 12px 34px rgba(10, 44, 82, .18) !important;
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.site-header::before,
.site-header::after {
  display: none !important;
}

body.scrolled .site-header,
.site-header.is-scrolled {
  box-shadow: 0 16px 44px rgba(10, 44, 82, .28) !important;
}

/* Brand */
.site-header .brand-link {
  color: #fff !important;
}

.site-header .brand-name {
  color: rgba(255,255,255,.96) !important;
}

.site-header .brand-sub {
  color: rgba(255,255,255,.72) !important;
}

/* Nav */
.site-header .main-nav .nav-link,
.site-header .nav-dropdown-toggle {
  color: rgba(255,255,255,.92) !important;
  border-color: transparent !important;
}

.site-header .main-nav .nav-link:hover,
.site-header .nav-dropdown-toggle:hover,
.site-header .main-nav .nav-link.active,
.site-header .nav-dropdown-toggle.active,
.site-header .nav-dropdown-toggle[aria-expanded="true"] {
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
}

.site-header .main-nav .nav-link.active {
  box-shadow: inset 0 -2px 0 rgba(255, 210, 105, .95);
}

/* Icon warna tetap terbaca */
.site-header .main-nav i,
.site-header .nav-dropdown-toggle i {
  color: currentColor !important;
}

/* Search, accessibility, mobile toggle */
.site-header .cmdk-trigger,
.site-header .a11y-trigger,
.site-header .mobile-toggle {
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.20) !important;
  background: rgba(255,255,255,.10) !important;
}

.site-header .cmdk-trigger:hover,
.site-header .a11y-trigger:hover,
.site-header .mobile-toggle:hover {
  color: #fff !important;
  background: rgba(255,255,255,.17) !important;
}

.site-header .cmdk-trigger kbd {
  background: rgba(255,255,255,.92) !important;
  color: var(--ligamu-header-blue-3) !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* Tombol masuk */
.site-header .btn,
.site-header .btn-primary,
.site-header .nav-actions .btn,
.site-header a[href*="login"],
.site-header a[href*="masuk"] {
  background: rgba(255,255,255,.96) !important;
  color: var(--ligamu-header-blue-3) !important;
  border-color: rgba(255,255,255,.42) !important;
  box-shadow: 0 10px 24px rgba(8, 32, 60, .20);
}

.site-header .btn:hover,
.site-header .btn-primary:hover,
.site-header .nav-actions .btn:hover {
  background: #fff !important;
  color: var(--ligamu-header-blue-3) !important;
  transform: translateY(-1px);
}

/* Dropdown tetap putih agar nyaman dibaca */
.site-header .nav-dropdown-menu {
  background: rgba(255,255,255,.98) !important;
  border-color: rgba(13, 64, 119, .12) !important;
  box-shadow: 0 18px 42px rgba(10, 44, 82, .18) !important;
}

.site-header .nav-dropdown-item {
  color: var(--ink) !important;
}

.site-header .nav-dropdown-item:hover {
  background: rgba(20, 63, 115, .08) !important;
  color: var(--ligamu-header-blue-3) !important;
}

/* Flash message tidak ketutup header */
body > .container > .flash:first-child,
.flash[data-flash] {
  margin-top: 12px;
}

/* Mobile nav */
@media (max-width: 900px) {
  :root {
    --ligamu-fixed-header-height: 72px;
  }

  .site-header .main-nav {
    background: rgba(255,255,255,.98) !important;
  }

  .site-header .main-nav .nav-link,
  .site-header .nav-dropdown-toggle {
    color: var(--ink) !important;
  }

  .site-header .main-nav .nav-link:hover,
  .site-header .nav-dropdown-toggle:hover,
  .site-header .main-nav .nav-link.active,
  .site-header .nav-dropdown-toggle.active,
  .site-header .nav-dropdown-toggle[aria-expanded="true"] {
    background: rgba(20, 63, 115, .08) !important;
    color: var(--ligamu-header-blue-3) !important;
  }

  .site-header .brand-sub {
    display: none !important;
  }
}

@media (max-width: 480px) {
  :root {
    --ligamu-fixed-header-height: 68px;
  }
}