/* ============================================================
   HedgeLists Mega Menu Styles
   ============================================================ */

/* Mega Menu Container — positioned relative to header */
.hl-mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: 720px;
    background: #fff;
    border: 0.5px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    padding: 28px 32px;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.hl-mega-menu.is-visible {
    display: block;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Inner grid — 3 columns */
.hl-mega-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}

/* Column headers */
.hl-mega-col-header {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E7EB;
}
.hl-mega-col-header a {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #86868b;
    text-decoration: none;
}
.hl-mega-col-header a:hover {
    color: #2EA3F2;
}

/* List items */
.hl-mega-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hl-mega-col li {
    margin: 0;
}
.hl-mega-col li a {
    display: block;
    padding: 5px 8px;
    font-size: 13.5px;
    color: #1d1d1f;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.1s;
    line-height: 1.4;
}
.hl-mega-col li a:hover {
    background: #F5F5F7;
    color: #2EA3F2;
}

/* Divider between country list and Global */
.hl-mega-divider {
    height: 1px;
    background: #E5E7EB;
    margin: 8px 0;
}

/* Highlighted item — Global */
.hl-mega-highlight {
    font-weight: 600 !important;
    color: #2EA3F2 !important;
}

/* Small triangle arrow at top */
.hl-mega-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #fff;
    border-top: 0.5px solid #E5E7EB;
    border-left: 0.5px solid #E5E7EB;
    transform: translateX(-50%) rotate(45deg);
}

/* Hide Kadence's native dropdown for the mega menu trigger on desktop */
@media (min-width: 1025px) {
    .hl-mega-trigger > .sub-menu,
    .hl-mega-trigger > .submenu,
    .hl-mega-trigger .dropdown-nav-toggle,
    .hl-mega-trigger > a > .dropdown-nav-special-toggle,
    .hl-mega-trigger .menu-item--has-toggle > .sub-menu-toggle {
        display: none !important;
    }
    /* Hide the Kadence expand/toggle button (both inside and beside the link) */
    .hl-mega-trigger > a .nav-drop-title-wrap .dropdown-nav-special-toggle,
    .hl-mega-trigger > a > button,
    .hl-mega-trigger > button.menu-toggle,
    .hl-mega-trigger > button.dropdown-nav-special-toggle {
        display: none !important;
    }
}

/* Hide on mobile/tablet — Kadence mobile menu handles sub-items */
@media (max-width: 1024px) {
    .hl-mega-menu {
        display: none !important;
    }
}