/* Big Media — brand theme */
:root {
  --primary-color: #1111a8;
  --primary-color-light: #3d3dd4;
  --primary-color-dark: #0a0a7a;
  --primary-glow: rgba(17, 17, 168, 0.35);
  --primary-soft: rgba(17, 17, 168, 0.12);
  --black-primary-color: #141414;
  --lg-bg-color: #fff;
  --surface-muted: #f4f6fb;
  --accent-soft: #e8eaff;
}

.dark {
  --lg-bg-color: #141414;
  --surface-muted: #1a1a22;
  --accent-soft: rgba(17, 17, 168, 0.15);
}

body.theme-bigmedia {
  background-color: var(--lg-bg-color);
  background-image: radial-gradient(circle at 1px 1px, rgba(17, 17, 168, 0.06) 1px, transparent 0);
  background-size: 28px 28px;
}

.dark body.theme-bigmedia {
  background-color: var(--black-primary-color);
  background-image: radial-gradient(circle at 1px 1px, rgba(61, 61, 212, 0.08) 1px, transparent 0);
}

.glass-nav {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(17, 17, 168, 0.08) !important;
  box-shadow: 0 4px 24px rgba(17, 17, 168, 0.06);
}

.dark .glass-nav {
  background: rgba(20, 20, 20, 0.92) !important;
  border-bottom: 1px solid rgba(61, 61, 212, 0.2) !important;
}

.sub-nav-link:hover, .sub-nav-link.active { color: var(--primary-color) !important; }
.sub-nav-link::after { background: linear-gradient(90deg, var(--primary-color), var(--primary-color-light)) !important; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--primary-color), var(--primary-color-light)) !important; }

.btn-cyber, .btn-primary-brand {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-light) 100%);
  color: #fff;
  border-radius: 9999px;
  clip-path: none;
  box-shadow: 0 8px 24px var(--primary-glow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-transform: uppercase;
  font-weight: 800;
}

.btn-cyber:hover, .btn-primary-brand:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px var(--primary-glow);
}

.footer-separator-line {
  background: linear-gradient(90deg, transparent, var(--primary-color) 40%, var(--primary-color-light) 60%, transparent) !important;
}

.footer-logo-badge {
  border-color: var(--primary-color) !important;
  border-radius: 50% !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 -8px 28px var(--primary-glow) !important;
}

.footer-logo-badge img { transform: none !important; filter: drop-shadow(0 0 8px var(--primary-glow)) !important; }

.bg-primary { background-color: var(--primary-color) !important; }
.text-primary { color: var(--primary-color) !important; }
.border-primary { border-color: var(--primary-color) !important; }
.hover\:bg-primary:hover { background-color: var(--primary-color) !important; }
.hover\:text-primary:hover { color: var(--primary-color) !important; }
.shadow-primary\/20 { box-shadow: 0 10px 25px var(--primary-glow) !important; }

/* Footer — fixed dark/light (Tailwind var() arbitrary tidak ter-compile) */
.site-footer {
  background-color: #f8fafc;
  color: #475569;
  border-top-color: rgba(17, 17, 168, 0.1) !important;
}

.dark .site-footer {
  background-color: #141414 !important;
  color: rgba(255, 255, 255, 0.75);
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

.site-footer .footer-brand-never {
  color: #0f172a;
}

.dark .site-footer .footer-brand-never {
  color: #ffffff;
}

.site-footer .footer-brand-accent {
  color: var(--primary-color);
}

.site-footer .footer-desc {
  color: #64748b;
}

.dark .site-footer .footer-desc {
  color: rgba(255, 255, 255, 0.45);
}

.site-footer .footer-menu a,
.site-footer .footer-copy {
  color: #64748b;
}

.dark .site-footer .footer-menu a,
.dark .site-footer .footer-copy {
  color: rgba(255, 255, 255, 0.55);
}

.site-footer .footer-menu a:hover {
  color: var(--primary-color);
}

.site-footer .footer-heading {
  color: var(--primary-color);
}

.site-footer .footer-logo-badge {
  background: #ffffff;
}

.dark .site-footer .footer-logo-badge {
  background: #1a1a22;
}

.site-footer .footer-logo-badge img {
  transform: none !important;
}

.site-footer .footer-bottom-border {
  border-color: rgba(0, 0, 0, 0.06);
}

.dark .site-footer .footer-bottom-border {
  border-color: rgba(255, 255, 255, 0.06);
}

/* Logo — tampilkan warna asli PNG */
.site-logo img,
.footer-logo-badge img {
  filter: none;
  object-fit: contain;
}

/* Aksen teks MEDIA — biru terang (terbaca di dark mode) */
.header-brand-media,
.footer-brand-accent {
  color: var(--primary-color-light) !important;
}

.text-\[\#f11100\],
.text-\[\#FD5602\],
.text-\[\#FF8303\] {
  color: var(--primary-color-light) !important;
}

/* Swiper fallback (CDN default bisa oranye) */
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev,
.nav-btn-cyber {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}
.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover,
.nav-btn-cyber:hover {
  background: var(--primary-color) !important;
  color: #fff !important;
  box-shadow: 0 0 25px var(--primary-glow) !important;
}
.hero-swiper .swiper-pagination-bullet-active {
  background: var(--primary-color) !important;
  box-shadow: 0 0 15px var(--primary-glow) !important;
}

/* Ikon search & aksen oranye sisa di utility lama */
.text-\[\#FD5602\],
.text-\[\#FF8303\] {
  color: var(--primary-color) !important;
}
.bg-\[\#FD5602\],
.bg-\[\#FF8303\] {
  background-color: var(--primary-color) !important;
}