/* =========================
   HEADER FIXED BASE
========================= */
.header-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
  transition: all 0.3s ease;
}

/* =========================
   DEFAULT (BELUM SCROLL)
========================= */
.navbar-main {
  background-color: #ffffff;
  transition: all 0.3s ease;
}

/* TEKS MENU (DEFAULT HITAM) */
.navbar-main .nav-link {
  color: #222 !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.navbar-main .nav-link:hover {
  color: #8b0000 !important;
}

/* =========================
   SCROLL STATE (MERAH HATI)
========================= */
.header-fixed.is-scrolled .navbar-main {
  background-color: #8b0000 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* TEKS PUTIH SAAT SCROLL */
.header-fixed.is-scrolled .nav-link {
  color: #ffffff !important;
}

.header-fixed.is-scrolled .nav-link:hover,
.header-fixed.is-scrolled .nav-link.active {
  color: #ffd6d6 !important;
}

/* =========================
   TOPBAR
========================= */
.topbar {
  background-color: #ffffff;
  transition: all 0.3s ease;
}

/* TOPBAR HILANG SAAT SCROLL */
.header-fixed.is-scrolled .topbar {
  transform: translateY(-100%);
  opacity: 0;
}

/* =========================
   SPACER (ANTI KETUTUP NAVBAR)
========================= */
.header-spacer {
  height: 110px;
}

@media (max-width: 991px) {
  .header-spacer {
    height: 80px;
  }
}

/* =========================
   FOOTER MERAH HATI (FIX ALL DEVICE)
========================= */
.footer-yapilin {
  background-color: #8b0000 !important;
  color: #ffffff !important;
}

/* SEMUA TEKS FOOTER */
.footer-yapilin h6,
.footer-yapilin p,
.footer-yapilin strong,
.footer-yapilin a {
  color: #ffffff !important;
}

/* ICON FOOTER */
.footer-yapilin i {
  color: #ffffff !important;
}

/* HOVER LINK */
.footer-yapilin a:hover {
  color: #ffd6d6 !important;
}

/* FIX MOBILE (BIAR TIDAK KE-OVERRIDE) */
@media (max-width: 768px) {
  .footer-yapilin {
    background-color: #8b0000 !important;
  }
}