/**
 * Mega Menu Solutions Styles
 * Maisa Theme
 */

/* Base styles for mega menu item */
.mega-menu-solutions {
    position: relative;
}

.menu-menu-solutions * {
  font-family: 'StudioFeixenSans';
}

/* Mega menu dropdown container */
.mega-menu-dropdown {
    position: absolute;
    top: 100%;
    left: -25%;
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    transform: translateY(-20px);
    z-index: 1000;
    min-width: 640px;
    max-width: 780px;
    margin-top: 10px;
}

.mega-menu-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Container for the two sections */
.mega-menu-container {
    display: flex;    
}

/* Individual sections */
.mega-menu-section {
    flex: 1;    
}
.mega-menu-section.mega-menu-departments {
  background-color: white;
    padding: 16px 16px 18px 16px;
    border-radius: 6px;
    background: linear-gradient(325deg, #FFF 63.37%, #F5F9FC 151.37%);

/* Shadow + back blur */
box-shadow: 0 3.757px 3.757px 0 rgba(82, 95, 127, 0.10);
backdrop-filter: blur(7.514469623565674px);
}
.mega-menu-section.mega-menu-industries {
  padding: 16px 24px;
}

/* Section titles */
.mega-menu-title,
.sub-menu .sub-menu-title span,
.ecoded_block_293_option_417 .ecoded_container_main_menu ul.ul_main_menu li.menu-item .sub-menu span.element_without_link {
    margin: 0 0 var(--space-s) 0;
    font-family: "StudioFeixenSans" !important;
    font-size: 12px;
    font-style: normal;
    letter-spacing: -0.12px;
    text-transform: uppercase;
    color: var(--Studio-V2-Berry-100, #9861A5);
    font-weight: 500 !important;
    line-height: 130% !important;
    border: 0 !important;
}
.sub-menu .sub-menu-title span,
.ecoded_block_293_option_417 .ecoded_container_main_menu ul.ul_main_menu li.menu-item .sub-menu span.element_without_link {
    margin-bottom: 0 !important;
}

/* Lists */
.mega-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.mega-menu-list li {
    margin: 0;
    padding: 0;    
    margin-bottom: var(--space-xs);    
}

/* Industry items */
.industry-item {
    position: relative;
    margin-bottom: 8px;
    transition: all 0.2s ease;
    font-weight: 600;
}
.sub-menu .menu-item {
    color: var(--gray-950, #161632) !important;
    font-family: "Studio Feixen Sans" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: -0.387px !important;
}

  li.menu-item .industry-item a,
  li.menu-item .industry-item span.no-link {
    display: flex;
    align-items: center;
    padding: 8px 0 !important;
    text-decoration: none;
    transition: all 0.2s ease;
    display: flex !important;
    align-items: center;
    color: var(--gray-950, #161632) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal;
    letter-spacing: -0.387px;
    font-family: 'StudioFeixenSans' !important;
}
  .ecoded_block_293_option_417 .ecoded_container_main_menu ul.ul_main_menu li.menu-item .sub-menu a {
    font-family: 'StudioFeixenSans' !important;
    font-size: 14px !important;
    line-height: normal !important;
}

.industry-item span.no-link {
    cursor: default;
}

/* Industry icons */
.industry-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 21px;
    margin-right: 10px;
}

.industry-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Department items */
.mega-menu-list.departments-list {
    gap: 8px;
}
.department-item {
    margin-bottom: 6px; 
  border-radius: 1rem;
  text-transform: uppercase;  
  font-weight: 300;
}

.department-item a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3.137px 6.274px !important;
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius: 28.331px;
    background: var(--Studio-V2-Gray-50, #F5F9FC);

    color: var(--slate-500, #64748B);
    font-family: 'StudioFeixenSans' !important;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 15.685px; /* 166.667% */
    text-transform: uppercase;
}

.department-item:hover a {
    background-color: #f5f5f5;
}

.department-fixed-link a {
  font-size: var(--fonts-2xs) !important;
}

/* Department icons */
.department-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;    
    flex-shrink: 0;
    margin-right: 3.137px;
}

.department-icon img {
    width: 10px;
    height: 10px;
    object-fit: contain;

}

/* Fixed link at bottom of departments */
.department-fixed-link { 
    margin-top: 27px;
}

.department-fixed-link .view-all-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    padding-right: 16px !important;
    color: var(--Studio-V2-Berry-200, #A0127B) !important;
    font-family: "StudioFeixenSans" !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: normal;
    letter-spacing: -0.3px;
    background-image: url(/wp-content/uploads/2024/10/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 14px;
    transition: all .3s ease;
}
.department-fixed-link .view-all-link:hover {
    color: var(--Studio-V2-Berry-200, #A0127B) !important;
    padding-right: 20px !important;
    background: none !important;
    background-image: url(/wp-content/uploads/2024/10/arrow-right.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 14px !important;
  -webkit-text-fill-color: revert !important;
}

/* Loading and empty states */
.loading,
.no-items {
    padding: 15px;
    color: #999;
    font-size: 14px;
    text-align: center;
    font-style: italic;
}

/* Arrow indicator on menu item */
.mega-menu-solutions > a::after,
.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/wp-content/uploads/2024/10/icon-chevron-down.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.mega-menu-solutions:hover > a::after,
.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

.menu-item-has-children .sub-menu {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -999;
    position: absolute;
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border-radius: 8px;  
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    transform: translateY(-20px);  
    min-width: 260px;
    display: flex !important;
    flex-direction: column;
    justify-content: start;
    text-align: left;
    align-items: start !important;
    gap: 8px !important;
    padding: 16px;
}
.menu-item-has-children .sub-menu li {
    text-align: left !important;
}
.menu-item-has-children .sub-menu li a {
    font-size: 14px !important;
}
.menu-item-has-children .sub-menu li a::before {
    width: 0 !important;
    padding-right: 0 !important;
}
.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    transform: translateY(20px);
}

/* Responsive styles */
@media (max-width: 1024px) {
    .mega-menu-dropdown {
        width: calc(100% - 3rem);
        left: 1.5rem;
        min-width: inherit;
    }
    
    .mega-menu-section {
        padding: 0 20px;
    }

    .menu-item-has-children .sub-menu {
        left: 50%;
        transform: translate(-50%, 20%) !important;
    }
    .ecoded_block_293_option_417 .ecoded_container_main_menu ul.ul_main_menu .sub-menu li.menu-item:last-child a {
        background: none !important;
        -webkit-text-fill-color: inherit !important;
    }
}

@media (max-width: 780px) {
    .mega-menu-container {
        flex-direction: column;
    }
    .mega-menu-container .industry-item a {
        justify-content: start;
    }

    /* hide department */
    .mega-menu-departments .mega-menu-title,
    .mega-menu-departments .departments-list {
        display: none;
    }
    .mega-menu-departments .department-fixed-link {
        text-align: left;   
    }
    .mega-menu-departments {
        background: none !important;
        padding-top: 0 !important;
    }
    .mega-menu-industries {
        text-align: left !important;
        padding-bottom: 0 !important;
    }
    .ecoded_block_293_option_417 .ecoded_container_main_menu ul.ul_main_menu li.menu-item .sub-menu a {
        
    }
    .ecoded_block_293_option_417 .ecoded_container_main_menu ul.ul_main_menu .sub-menu li.menu-item a, 
    .ecoded_block_293_option_417 .ecoded_container_main_menu ul.ul_main_menu .sub-menu li.menu-item span.element_without_link {
        padding: 8px !important;
    }
    .view-all-link {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .department-fixed-link {
        margin-top: 16px !important;
    }
    .mega-menu-list li {
        margin-bottom: 0 !important;
    }
}