/* ======================================================
   BASE NAVBAR
   ====================================================== */
.navbar {
  min-height: 72px;
  padding: 8px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
  transition: background 0.35s ease, backdrop-filter 0.35s ease, box-shadow 0.35s ease;
}

/* ======================================================
   LOGO
   ====================================================== */
.navbar-logo {
  height: 42px;
}

/* ======================================================
   MENU BASE (NO COLOR HERE)
   ====================================================== */
.navbar .navbar-nav .nav-link {
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase;
  padding: 12px 16px;
  transition: color 0.3s ease;
}

/* ======================================================
   TRANSPARENT STATE (PAGE LOAD / TOP) - NO BG, WHITE MENU
   ====================================================== */
.header-transparent {
  background: none !important; /* No background */
  box-shadow: none;
}

.header-transparent .navbar-nav .nav-link,
.header-transparent .header-social-icon a {
  color: #ffffff !important; /* White menu color */
}

/* ======================================================
   SCROLL STATE (GLASSY)
   ====================================================== */
.header-sticky {
  background: rgba(255, 255, 255, 0.85) !important; /* Glassy effect */
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 8px 24px rgba(0, 80, 200, 0.10);
}

.header-sticky .navbar-nav .nav-link,
.header-sticky .header-social-icon a {
  color: #000000 !important; /* Black menu color when scrolling */
}

/* ======================================================
   DROPDOWN MENU
   ====================================================== */
.dropdown-menu {
  min-width: 220px;
  border: none;
  padding: 10px 0;
  /* margin-top: 10px; */
  border-radius: 12px;
}

/* Transparent submenu (TOP) */
.header-transparent .dropdown-menu {
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(14px);
}

/* Glassy submenu (SCROLL) */
.header-sticky .dropdown-menu {
  background: white;
}

.header-sticky .dropdown-item {
  color: #000000 !important;
}

/* Dropdown hover */
.dropdown-item:hover {
  background: rgba(29, 78, 216, 0.08);
  color: #1d4ed8 !important;
}

/* ======================================================
   HOVER (BOTH STATES)
   ====================================================== */
.navbar-nav .nav-link:hover {
  color: #1d4ed8 !important;
}

/* ======================================================
   SOCIAL ICONS
   ====================================================== */
.header-social-icon {
  gap: 12px;
}

/* ======================================================
   PAGE OFFSET
   ====================================================== */
#page-content {
  padding-top: 72px;
}

/* ======================================================
   MOBILE
   ====================================================== */
@media (max-width: 991px) {
  .navbar {
    min-height: 64px;
  }

  #page-content {
    padding-top: 64px;
  }

  .header-social-icon {
    display: none;
  }
}

.navbar .navbar-nav .dropdown .dropdown-menu {
  padding: 15px 0 15px !important;
  background-color: #fff;
  border-radius: 15px;
}