/* =======================================================
   navbar.css — Top navigation styles
   ======================================================= */

.navbar { background: var(--white); padding: 0 0; position: sticky; top: 0; z-index: 999; transition: box-shadow var(--transition), background var(--transition); }
.navbar.scrolled { box-shadow: 0 4px 24px rgba(13,30,53,.09); }
.navbar .container-xl { display: flex; align-items: center; padding-top: 14px; padding-bottom: 14px; }
/* ── Brand ── */
.navbar-brand { padding: 0; }
.navbar-logo { display: flex; align-items: center; gap: 10px; }
.logo-mark { width: 38px; height: 38px; background: linear-gradient(135deg, var(--red), var(--red-dark)); color: var(--white); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 20px; font-weight: 700; flex-shrink: 0; }
.logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.logo-alankit { font-size: 17px; font-weight: 800; color: var(--navy); letter-spacing: -.3px; }
.logo-sub { font-size: 10px; font-weight: 600; color: var(--text-muted); letter-spacing: .5px; text-transform: uppercase; }
/* ── Nav links ── */
.navbar-nav .nav-link { font-size: 14px; font-weight:500; color: var(--muted-foreground); padding: 8px 17px !important; transition: color var(--transition), background var(--transition); white-space: nowrap; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.show { color: var(--navy); background: var(--bg); }
.navbar-nav .dropdown-toggle::after { margin-left: 5px; vertical-align: middle; border-top: 5px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; opacity: .5; transition: transform var(--transition); }
.navbar-nav .dropdown-toggle.show::after { transform: rotate(180deg); opacity: 1; }

/* ── Dropdown ── */
/* Main dropdown hover */
@media (min-width: 992px) {
/* first level only */
.navbar .nav-item.dropdown:hover > .dropdown-menu { display: block; }
/* submenu */
.dropdown-submenu { position: relative; }
.dropdown-submenu .submenu { position: absolute; top: 0; left: 100%; display: none; min-width: 220px; }
/* show submenu ONLY on Gulf Opportunities hover */
.dropdown-submenu:hover > .submenu { display: block; }
}
.dropdown-menu-custom { border: 1px solid lab(90.6998% -2.11787 -7.10534); border-radius: 8px; box-shadow: var(--shadow-card); padding: 8px; min-width: 230px; animation: dropIn .22s cubic-bezier(.4, 0, .2, 1);/* margin-top: 6px !important; */
}
 @keyframes dropIn {
 from {
opacity: 0;
transform: translateY(-8px);
}
 to {
opacity: 1;
transform: translateY(0);
}
}
.dropdown-menu-custom .dropdown-item { font-size: 13.5px; font-weight: 500; color: var(--muted-foreground); padding: 9px 12px; border-radius: 8px; display: flex; align-items: center; gap: 10px; transition: background var(--transition), color var(--transition); }
.dropdown-menu-custom .dropdown-item i { font-size: 15px; color: var(--text-secondary); width: 18px; flex-shrink: 0; }
.dropdown-menu-custom .dropdown-item:hover { background: var(--blue-soft); color: var(--blue-bright); }
/* ── CTA buttons ── */
.navbar-actions { display: flex; align-items: center; gap: 10px; margin-left: 16px; flex-shrink: 0; }
.btn-nav-jobs { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 700; color: var(--navy); padding: 9px 18px; border: 1.5px solid var(--border-dark); border-radius: var(--radius-pill); transition: border-color var(--transition), color var(--transition), background var(--transition); }
.btn-nav-jobs:hover { border-color: var(--navy); background: var(--bg); }
.btn-nav-recruit { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; color: var(--white); background: var(--gradient-gold); padding: 9px 20px; border-radius: var(--radius-pill); position: relative; overflow: hidden; transition: all 0.3s ease; }
/* subtle shine */
.btn-nav-recruit::before { content: ""; position: absolute; top: 0; left: -120%; width: 60%; height: 100%; background: rgba(255,255,255,0.18); transform: skewX(-25deg); transition: left 0.6s ease; }
.btn-nav-recruit:hover { transform: translateY(-2px); filter: brightness(1.05); }
.btn-nav-recruit:hover::before { left: 130%; }
/* ── Mobile toggler ── */
.navbar-toggler { border: 1.5px solid var(--border-dark); border-radius: var(--radius-sm); padding: 7px 10px; background: none; color: var(--navy); font-size: 20px; transition: border-color var(--transition); }
.navbar-toggler:hover { border-color: var(--navy); }
.navbar-toggler:focus { box-shadow: none; }

/* Mobile nav spacing */
@media (max-width: 1199.98px) {
.navbar-collapse { padding: 16px 0 20px; border-top: 1px solid var(--border); margin-top: 14px; }
.navbar-nav .nav-link { padding: 10px 4px !important; }
.navbar-actions { margin-left: 0; margin-top: 16px; flex-direction: column; align-items: stretch; }
.btn-nav-jobs,  .btn-nav-recruit { justify-content: center; }
}