/* Mega Menu Fix - Applied by Agent - Refined Match */

/* 1. Layout: Force 3 Columns on Desktop (Matching min-width 771px from reference) */
@media (min-width: 771px) {
    .header-block .mega-menu .menu-item-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 24px !important;
        /* Matches --gap:24px 24px */
    }

    .header-block .mega-menu .menu-col {
        width: 33.33% !important;
        max-width: 33.33% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }
}

/* Mobile Fallback */
@media (max-width: 770px) {
    .header-block .mega-menu .menu-item-row {
        flex-direction: column !important;
    }

    .header-block .mega-menu .menu-col {
        width: 100% !important;
    }
}

/* 2. Typography & Colors - "Perfect Match" from Elementor-2884 CSS */

/* Headings (.elementor-heading-title equivalent) */
.mega-menu .menu-head a,
.mega-menu .elementor-heading-title {
    font-family: "Inter", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    text-transform: none !important;
    color: #000000 !important;
    font-style: normal !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
}

/* Sub-links / Nav Menu Items (.elementor-nav-menu .elementor-item equivalent) */
.mega-menu .sub-menu a,
.mega-menu .elementor-nav-menu .elementor-item,
.mega-menu .menu-col a:not(.menu-head a) {
    font-family: "Inter", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    /* Note: One rule had letter-spacing: 32px which might be a typo in user source or specific icon spacing, but line-height is consistent */
    text-transform: none !important;
    color: #000000 !important;
    fill: #000000 !important;
    padding: 0px !important;
    margin: 0px !important;
    font-style: normal !important;
    text-decoration: none !important;
}

/* Hover States (Matches #505358) */
.mega-menu .sub-menu a:hover,
.mega-menu .elementor-nav-menu .elementor-item:hover,
.mega-menu .menu-col a:not(.menu-head a):hover,
.mega-menu .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #505358 !important;
    fill: #505358 !important;
}

/* Fix specific container margins if needed */
.mega-menu .elementor-widget-container {
    padding: 0px !important;
}