/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

/* Custom Mega Menu Styling */
.custom-mega-menu {
    position: relative !important;
}

.custom-mega-menu > ul {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 850px !important;
    max-width: 95vw !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    background: #ffffff !important;
    padding: 25px !important;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
    border: 1px solid #f0f0f0 !important;
    z-index: 99999 !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.custom-mega-menu:hover > ul {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Column Header (Level 2 menu items) */
.custom-mega-menu > ul > li {
    list-style: none !important;
    padding: 0 15px !important;
}

.custom-mega-menu > ul > li > a {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #111111 !important;
    display: block !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid #eaeaea !important;
    padding-bottom: 6px !important;
}

/* Individual Links (Level 3 menu items) */
.custom-mega-menu > ul > li > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-mega-menu > ul > li > ul > li {
    padding: 0 !important;
    margin: 0 !important;
}

.custom-mega-menu > ul > li > ul > li a {
    color: #555555 !important;
    padding: 6px 0 !important;
    display: block !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

.custom-mega-menu > ul > li > ul > li a:hover {
    color: #002f6c !important; /* Brand deep blue color */
    text-decoration: none !important;
}