/* Enhanced navbar effects and mega dropdown layout */

/* Disable legacy hover underline for a cleaner corporate look */
.has-nav-underline .menu-link::before,
.has-nav-underline .menu-link::after { content: none !important; display: none !important; }

/* Mega dropdown grid when many children */
.dropdown-menu-custom.dropdown-mega {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 6px 12px;
  max-width: min(90vw, 820px);
}
.dropdown-menu-custom.dropdown-mega > li { padding: 0; }
.dropdown-menu-custom .dropdown-search {
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  /* border/background/color intentionally left to theme (corporate.css) */
}
.dropdown-menu-custom .dropdown-search::placeholder { /* theming in corporate.css */ }

/* Optional glass variant (not applied by default) */
body.navbar--glass .navbar { background: rgba(255,255,255,0.45) !important; backdrop-filter: saturate(180%) blur(12px); }
body.navbar--glass .menu-link { color: #263238; }
body.navbar--glass .menu-link:hover { color: var(--brand-blue); }

/* Mobile bottom action bar */
.mobile-bottom-bar { position: sticky; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, var(--brand-orange), var(--brand-orange-2)); display: none; z-index: 1040; box-shadow: 0 -6px 16px rgba(0,0,0,.12); }
.mobile-bottom-bar .bar { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; text-align: center; gap: 4px; }
.mobile-bottom-bar a { color: #fff; text-decoration: none; padding: 10px 6px; display: block; }
.mobile-bottom-bar svg { display: block; margin: 0 auto 4px; }

@media (max-width: 991.98px) { .mobile-bottom-bar { display: block; } }

/* Navbar search */
.nav-search { position: relative; }
.nav-search-input { padding: 8px 12px 8px 36px; border-radius: 9999px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); color: #fff; min-width: 220px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 12px center; }
.nav-search-input::placeholder { color: rgba(226,232,240,.9); }
.nav-search-panel { position: absolute; right: 0; top: calc(100% + 8px); background: #ffffff; color: #0f172a; border-radius: 12px; box-shadow: 0 16px 36px rgba(0,0,0,.16); min-width: 300px; max-width: 440px; border: 1px solid rgba(0,0,0,0.08); padding: 8px; z-index: 2100; }
.nav-search-section { padding: 6px 6px; }
.nav-search-title { font-size: .8rem; opacity: .85; margin: 4px 6px; color:#334155; }
.nav-search-item { display: block; padding: 10px 12px; border-radius: 10px; color: #0f172a; text-decoration: none; }
.nav-search-item:hover { background: #f1f5f9; }
.nav-search-item--active { background: #e2e8f0; }

/* Profile avatar: ensure perfectly round even without Bootstrap */
.navbar .menu-link .rounded-circle {
  border-radius: 50% !important;
  width: 24px;
  height: 24px;
  object-fit: cover;
  display: inline-block;
}