/* ======================================================
   HEADER FLOATING – FINAL FIX
====================================================== */

.header-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
  transition: background-color 0.3s ease;
}

/* =====================
   DEFAULT (AT HERO)
===================== */
.header-fixed.is-transparent {
  background-color: transparent;
}

.header-fixed.is-transparent .navbar-main {
  background-color: transparent !important;
}

/* MENU HITAM SAAT BELUM SCROLL */
.header-fixed.is-transparent .navbar-main .nav-link {
  color: #000000 !important;
}

.header-fixed.is-transparent .navbar-main .nav-link:hover,
.header-fixed.is-transparent .navbar-main .nav-link.active {
  color: #083d62 !important;
}

/* =====================
   SCROLLED STATE
===================== */
.header-fixed.is-scrolled {
  background-color: #083d62; /* BIRU DONGKER */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.header-fixed.is-scrolled .navbar-main {
  background-color: #083d62 !important;
}

.header-fixed.is-scrolled .navbar-main .nav-link {
  color: #ffffff !important;
}

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

/* =====================
   TOPBAR
===================== */
.topbar {
  transition: all 0.3s ease;
}

.header-fixed.is-scrolled .topbar {
  transform: translateY(-100%);
  opacity: 0;
  height: 0;
  overflow: hidden;
}

/* =====================
   SPACER (WAJIB)
===================== */
.header-spacer {
  height: 120px;
}

/* =====================
   MOBILE SAFETY
===================== */
@media (max-width: 991px) {
  .header-fixed.is-transparent {
    background-color: #ffffff;
  }

  .header-fixed.is-transparent .navbar-main {
    background-color: #ffffff !important;
  }

  .header-fixed.is-transparent .navbar-main .nav-link {
    color: #333 !important;
  }

  .header-spacer {
    height: 80px;
  }
}

/* ======================================================
   FOOTER – ISOLATED (ANTI TERKENA SCROLL)
====================================================== */
.footer-yapilin,
.footer-yapilin * {
  color: #ffffff !important;
}

.footer-yapilin {
  background-color: #083d62 !important;
}