/* ==========================================
    3. NAVBAR
    ========================================== */
#main-navbar { transition: all 0.4s ease-in-out; z-index: 1030; }
#main-navbar.scrolled { padding-top: 0 !important; background-color: rgba(255, 255, 255, 0.98); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }
#main-navbar.scrolled #nav-container { background-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; max-width: 100%; }

/* Dropdown Hover Settings */
.navbar-nav .dropdown-toggle::after { display: none !important; }
@media (min-width: 992px) {
  .navbar-nav .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; animation: fadeDropdown 0.3s ease forwards; }
}
@keyframes fadeDropdown {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}
.dropdown-item:hover, .dropdown-item:focus { background-color: var(--ricec-orange-light); color: var(--fp-orange); }

/* Active Links */
.navbar-nav .nav-link.active { color: var(--fp-orange) !important; font-weight: bold; }
.dropdown-item.active { background-color: var(--fp-orange); color: white !important; font-weight: bold; }