/*
Theme Name: Beyti
Description: Thème enfant de Shoptimizer avec design sur-mesure (Tailwind)
Author: Beyti
Template: shoptimizer
Version: 1.0.0
*/

/* Menu Dynamique WooCommerce */
.wdm-custom-nav ul.wdm-dynamic-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 1.75rem; /* gap-space-lg */
}
.wdm-custom-nav ul.wdm-dynamic-menu > li > a {
    text-decoration: none;
    color: var(--on-surface-variant, #44474e);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 16px; /* font-title-md */
    transition: color 0.3s ease;
}
.wdm-custom-nav ul.wdm-dynamic-menu > li:hover > a {
    color: var(--primary, #001533);
}

/* Dropdown Mega Menu */
.wdm-custom-nav ul.wdm-dynamic-menu li {
    position: relative;
}
.wdm-custom-nav ul.wdm-dynamic-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: rgba(251, 249, 245, 0.95);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border-radius: 0.5rem;
    padding: 1.5rem;
    display: flex;
    gap: 2rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 400px;
    z-index: 100;
    list-style: none;
}
.wdm-custom-nav ul.wdm-dynamic-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* Sub-categories List inside Mega Menu */
.wdm-sub-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.wdm-sub-categories ul li a {
    color: #44474e;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    transition: color 0.2s;
}
.wdm-sub-categories ul li a:hover {
    color: #725b24; /* secondary */
}

/* Poster inside Mega Menu */
.wdm-menu-poster img {
    border-radius: 0.5rem;
    max-width: 200px;
    height: auto;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* --- POLICES GLOBALES BEYTI --- */
body {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, 
.font-playfair, 
.shoptimizer-title, 
.product_title {
    font-family: 'Playfair Display', serif !important;
}