/* Marinex desktop header polish (front.menuheader). Mobile hamburger/drawer
   (the .marinex-drawer-* block already in menuheader.blade.php) is untouched
   — this file only targets the fixed desktop nav bar. */

.headerheight {
    box-shadow: 0 2px 20px rgba(15, 52, 80, 0.06);
}

/* ---- Nav links: green underline on hover, replacing the flat default ---- */
.navbar-nav .nav-link {
    position: relative;
}
.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 0;
    height: 2px;
    background: #00772d;
    transition: width 0.2s ease;
}
.navbar-nav .nav-item:hover .nav-link::after {
    width: 100%;
}

/* ---- Dropdown submenus: soft card treatment instead of a flat white box ----
   margin stays 0 (the theme's own .simple-dropdown .dropdown-menu rule sets
   margin:0 on purpose) — a margin-top gap here breaks hover, since the
   pointer leaves the hoverable box while crossing that gap and the menu
   closes before it's reached. Padding is used for breathing room instead,
   since padding is still inside the hoverable box. */
.navbar-nav .dropdown-menu {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(15, 52, 80, 0.16) !important;
    padding: 8px !important;
    margin-top: 0 !important;
}
.navbar-nav .dropdown-menu li a {
    border-radius: 8px;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.navbar-nav .dropdown-menu li a:hover {
    background-color: rgba(0, 119, 45, 0.08);
    color: #00772d;
}

/* ---- Logo: a little more breathing room now that the oval badge is gone ---- */
.marinex-header-logo-wrap {
    padding-right: 12px;
}

/* ---- Desktop-only header CTA button ----
   Self-contained (not reusing .marinex-btn-navy from marinex-hero-slider.css,
   which is only loaded on the homepage) since the header renders on every
   page site-wide. */
.marinex-header-cta {
    height: 40px;
    padding: 0 20px;
    margin-right: 16px;
    background: #0f3450 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px;
    font-weight: 700;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.marinex-header-cta:hover {
    background: #00772d !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(0, 119, 45, 0.3);
    transform: translateY(-1px);
}