/* ===== NAVBAR BASE ===== */
.navbar-custom {
  background-color: #42b7f5 !important;
  border: none !important;
}

.navbar-custom .navbar-nav > li > a {
  color: #ffffff !important;
  font-weight: bold;
}

/* Hover */
.navbar-custom .navbar-nav > li > a:hover {
  background-color: #007bff !important;
  color: #ffffff !important;
}

/* Active */
.navbar-custom .navbar-nav > .active > a {
  background-color: #0056b3 !important;
  color: #ffffff !important;
}

/* Logo */
.navbar-logo {
  height: 40px;
  width: auto;
}

/* ===== MOBILE TOGGLE ===== */
.navbar-custom .navbar-toggle {
  border: 2px solid #ffffff !important;
  background-color: #ffffff !important;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: #000 !important;
  height: 3px;
  width: 26px;
}

/* ===== DROPDOWN BASE ===== */
.navbar-custom .dropdown-menu {
  background-color: #007bff !important;
  border: none !important;
}

.navbar-custom .dropdown-menu > li > a {
  color: #ffffff !important;
  font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,0.25);
}

.navbar-custom .dropdown-menu > li:last-child > a {
  border-bottom: none;
}

/* Hover / focus */
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu > li > a:focus {
  background-color: #0056b3 !important;
  color: #ffffff !important;
}

/* ===== iOS / MOBILE OPEN STATE (CRITICAL FIX) ===== */
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
  color: #ffffff !important;
  background-color: #007bff !important;
}
        /* FOOTER */
        footer {
            position: relative;
            background-color: #42b7f5;
            padding: 14px 20px;
            color: white;
            margin-top: auto;
            font-size: 16px;
            text-align: center;
        }

/* ===== DESKTOP HOVER DROPDOWN ONLY ===== */
@media (hover: hover) and (pointer: fine) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
}

/* ===== FIXED NAVBAR (DESKTOP ONLY) ===== */
@media (min-width: 992px) {
  .navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
  }

  body {
    padding-top: 80px;
  }
}