/* ============ GLOBAL NAV DROPDOWN FIX ============
   Dropdowns hidden by default, show on hover only.
   No :focus-within — prevents bleed on page load and mobile tap.
   Applied site-wide via <link> in every public page.
================================================== */

.nav-dropdown { position:relative; display:flex; align-items:center; }
.nav-dropdown-trigger { cursor:pointer; user-select:none; display:flex; align-items:center; gap:4px; }

/* Hidden by default — !important overrides any per-page inline rules */
.nav-dropdown-menu {
    display:none !important;
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    transform:translateX(-50%);
    background:#ffffff;
    border:1px solid #e8ecf0;
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,0.1);
    padding:6px;
    min-width:190px;
    z-index:1000;
}

/* Show on hover only */
.nav-dropdown:hover .nav-dropdown-menu { display:block !important; }

.nav-dropdown-menu a {
    display:block;
    padding:8px 14px;
    font-size:14px;
    font-weight:500;
    color:#6b7a8d;
    border-radius:6px;
    transition:all 0.15s;
    white-space:nowrap;
    text-decoration:none;
}
.nav-dropdown-menu a:hover { background:#f5fafc; color:#0F1E45; }

/* Login link — ghost style, sits left of the primary CTA */
.btn-login {
    font-size:14px;
    font-weight:600;
    color:#6b7a8d;
    text-decoration:none;
    padding:9px 18px;
    border:1.5px solid #d0d7de;
    border-radius:8px;
    transition:color 0.2s, border-color 0.2s;
    white-space:nowrap;
}
.btn-login:hover { color:#0F1E45; border-color:#0F1E45; }

/* Mobile: toggle via .open class (JS-driven), suppress hover */
@media (max-width:768px) {
    .nav-dropdown:hover .nav-dropdown-menu { display:none !important; }
    .nav-dropdown.open .nav-dropdown-menu { display:block !important; }
    .btn-login { margin:4px 24px; display:block; text-align:center; }
}