/* Paksa link navbar tidak pernah ungu */
.nav-surface a,
.nav-surface a:link,
.nav-surface a:visited,
.nav-surface a:hover,
.nav-surface a:active,
.nav-surface a:focus {
  color: #6b7280 !important; /* blue-gray600 */
  text-decoration: none !important;
}

/* Hover / active jadi teal */
.nav-surface a:hover,
.nav-surface a:active {
  color: #016e8d !important;
}

/* Link active (class Tailwind text-[#016e8d]) tetap teal */
.nav-surface a.text-\[\#016e8d\],
.nav-surface a.text-\[\#016e8d\]:hover,
.nav-surface a.text-\[\#016e8d\]:visited {
  color: #016e8d !important;
}

/* Contact button tetap putih */
.nav-surface a.bg-\[\#016e8d\],
.nav-surface a.bg-\[\#016e8d\]:hover,
.nav-surface a.bg-\[\#016e8d\]:visited {
  color: #fff !important;
}

/* Glass navbar hanya di halaman perusahaan */
body.perusahaan-page .perusahaan-navbar {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid;
  border-image-source:
    linear-gradient(90.36deg, rgba(194, 220, 227, 0.1) 5.38%, rgba(255, 255, 255, 0.1) 87.6%),
    linear-gradient(90.29deg, rgba(194, 220, 227, 0.6) 19.09%, rgba(217, 232, 229, 0.6) 100.86%);
  border-image-slice: 1;
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
/* =========================
   MOBILE ONLY NAVBAR FIXES
   ========================= */
@media (max-width: 1023px) {
  header.fixed.top-0.left-0.z-50 {
    padding: 12px !important;
  }

  .nav-glow {
    border-radius: 20px !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  }

  .nav-surface {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .nav-surface > img {
    width: 138px !important;
    height: auto !important;
  }

  #navbar-sticky {
    width: 100%;
  }

  #navbar-sticky > div {
    margin-top: 12px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
  }

  #navbar-sticky ul {
    gap: 8px !important;
    align-items: stretch !important;
  }

  #navbar-sticky a {
    width: 100% !important;
    min-height: 48px;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    justify-content: center !important;
  }

  #navbar-sticky a.bg-\[\#016e8d\] {
    min-height: 50px;
  }
}