/* === DESIGN GLOBAL GLASS & GLOW === */

/* 1. Header & Menu */
.elementor-nav-menu--main {
    display: flex;
    align-items: center;
}

.elementor-nav-menu a.elementor-item,
.eael-simple-menu-container ul.eael-simple-menu li a,
.menu-item > a {
    position: relative !important;
    color: #006913 !important; /* Vert de base */
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 18px !important;
    transition: color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Soulignement fluide animé (Glow & Slide) */
.elementor-nav-menu a.elementor-item::before,
.eael-simple-menu-container ul.eael-simple-menu li a::before,
.menu-item > a::before {
    content: '' !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 50% !important;
    width: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #006913 0%, #9B007F 100%) !important;
    border-radius: 4px !important;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 0 8px rgba(155, 0, 127, 0.6) !important;
}

.elementor-nav-menu a.elementor-item:hover,
.eael-simple-menu-container ul.eael-simple-menu li a:hover {
    color: #9B007F !important;
}

.elementor-nav-menu a.elementor-item:hover::before,
.eael-simple-menu-container ul.eael-simple-menu li a:hover::before,
.menu-item > a:hover::before {
    width: 80% !important;
    left: 10% !important;
}

.elementor-nav-menu a.elementor-item.elementor-item-active,
.elementor-nav-menu a.elementor-item.elementor-item-active::before,
.menu-item.current-menu-item > a,
.menu-item.current-menu-item > a::before {
    color: #9B007F !important;
    width: 80% !important;
    left: 10% !important;
}

/* 2. Arrière-plans en verre dépoli (Glassmorphism) */
.elementor-nav-menu--dropdown,
.elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown,
.elementor-widget-container .glass-card,
.eael-product-grid .eael-product-wrap,
.woocommerce ul.products li.product {
    background: rgba(10, 10, 10, 0.65) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Effet de survol sur les cartes de produits (Glow Border) */
.woocommerce ul.products li.product:hover,
.eael-product-grid .eael-product-wrap:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(155, 0, 127, 0.4) !important;
    box-shadow: 0 20px 40px rgba(155, 0, 127, 0.15) !important;
}

/* 3. Boutons modernes avec lueur et transition (Glow Buttons) */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: linear-gradient(135deg, #006913 0%, #004d0c 100%) !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(0, 105, 19, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: linear-gradient(135deg, #9B007F 0%, #73005F 100%) !important;
    box-shadow: 0 8px 25px rgba(155, 0, 127, 0.5) !important;
    transform: scale(1.03) !important;
}