/*
Theme Name: Layali Theme
Theme URI: https://wdtamiy.wpengine.com/
Author: the WeDesignTech team
Author URI: https://wedesignthemes.com/
Description: Amiy is a lightweight, superfast, and attractive business theme suitable for creating every type of professional website. This multipurpose responsive theme is neatly coded, fully customizable, and highly optimized for SEO to rank high on search engines. It works completely fine with Gutenberg and significant page builders like Elementor, Visual Composer, etc. Amiy is entirely compatible with WooCommerce to create your online store. With its extensive collection of features and easy customization options, every beginner can easily set up the websites without coding knowledge. It supports all the popular WordPress plugins, Google fonts, Menu options & Translation Ready. This stylish theme is 100% responsive, mobile-friendly, and good-looking with all device screens. Amiy is the best and well-suited theme for you to craft a high-quality website. Amiy theme is designed, developed, and Professionally maintained by Creative Brahma, and it is regularly updated with new advanced features.
Tags:  Custom Background, Custom Colors, Custom Header, Custom Logo, Custom Menu, E-Commerce, Blog, Sidebar, Editor Style, Food & Drink, Footer Widgets, Full Width Template, Business, Theme options, Three columns, Portfolio, Photography, Grid Layout, Left Sidebar, One Column, Template Editing, Multipurpose, Right Sidebar, Theme Options, Threaded Comments, Two Columns, Wide Blocks, Post Formats, Featured Image, Sticky Post
Version: 1.0.9
Requires at least: 5.0
Tested up to:6.8.1
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amiy
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button.button.alt {
    color: #ffffff !important;
}

/* TOP HEADER BAR OVERRIDE (Background #58181A & Text/Icons #ffffff) */
.elementor-section.elementor-element-bad29bf,
.elementor-section.elementor-element-6533673,
.elementor-section.elementor-element-5749048,
#header .elementor-section:first-child,
.wdt-header-tpl > .elementor-section:first-child,
.header-2268 > .elementor-section:first-child,
#header-2268 > .elementor-section:first-child {
    background-color: #58181A !important;
    background: #58181A !important;
}

.elementor-section.elementor-element-bad29bf *,
.elementor-section.elementor-element-6533673 *,
.elementor-section.elementor-element-5749048 *,
#header .elementor-section:first-child *,
.wdt-header-tpl > .elementor-section:first-child *,
.header-2268 > .elementor-section:first-child *,
#header-2268 > .elementor-section:first-child * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ==============================================================================
   DESIGN PREMIUM DU SIDEBAR DES CATÉGORIES & SOUS-CATÉGORIES
   ============================================================================== */
.widget_product_categories,
.woocommerce.widget_product_categories,
.widget.woocommerce-widget-layered-nav,
.widget_product_categories.widget {
    background: #ffffff;
    border: 1px solid #f0ebe4;
    border-radius: 12px;
    padding: 24px 20px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
    margin-bottom: 30px;
}

.widget_product_categories .widget-title,
.widget_product_categories h2,
.widget_product_categories h3,
.widget_product_categories h4 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #2b2520 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 18px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #e8dfd8 !important;
    position: relative;
}

.widget_product_categories .widget-title:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #b49786;
}

.widget_product_categories ul.product-categories {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget_product_categories ul.product-categories > li.cat-item {
    position: relative;
    padding: 8px 0;
    border-bottom: 1px dashed #f2eee9;
    transition: all 0.25s ease;
}

.widget_product_categories ul.product-categories > li.cat-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Liens des catégories principales */
.widget_product_categories ul.product-categories > li.cat-item > a {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #443c35;
    text-decoration: none;
    transition: all 0.25s ease;
    padding: 4px 6px;
    border-radius: 6px;
}

.widget_product_categories ul.product-categories > li.cat-item > a:before {
    content: '✦';
    font-size: 10px;
    color: #b49786;
    margin-right: 10px;
    transition: transform 0.25s ease;
}

.widget_product_categories ul.product-categories > li.cat-item > a:hover {
    color: #b49786;
    background-color: #faf7f4;
    padding-left: 10px;
}

.widget_product_categories ul.product-categories > li.cat-item > a:hover:before {
    transform: rotate(45deg) scale(1.2);
}

.widget_product_categories ul.product-categories > li.cat-item.current-cat > a {
    color: #b49786 !important;
    background-color: #f7f2ed;
    font-weight: 700;
}

/* Compteur de produits */
.widget_product_categories .count {
    margin-left: auto;
    background: #f4ede6;
    color: #8c7361;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    transition: all 0.2s ease;
}

.widget_product_categories li.cat-item:hover > a .count,
.widget_product_categories li.cat-item.current-cat > a .count {
    background: #b49786;
    color: #ffffff;
}

/* SOUS-CATÉGORIES (Enfants) */
.widget_product_categories ul.children {
    list-style: none !important;
    padding: 6px 0 4px 18px !important;
    margin: 6px 0 0 0 !important;
    border-left: 1.5px solid #e8dfd8;
}

.widget_product_categories ul.children li.cat-item {
    padding: 5px 0 !important;
    border-bottom: none !important;
}

.widget_product_categories ul.children li.cat-item a {
    font-size: 13.5px;
    font-weight: 400;
    color: #6b6055;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 3px 6px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.widget_product_categories ul.children li.cat-item a:before {
    content: '—';
    font-size: 12px;
    color: #c9b9ad;
    margin-right: 8px;
    transition: color 0.2s ease;
}

.widget_product_categories ul.children li.cat-item a:hover {
    color: #b49786;
    background-color: #faf7f4;
    padding-left: 8px;
}

.widget_product_categories ul.children li.cat-item a:hover:before {
    color: #b49786;
}

.widget_product_categories ul.children li.cat-item.current-cat a {
    color: #b49786;
    font-weight: 600;
    background-color: #f7f2ed;
}

/* ==============================================================================
   BOUTONS DE PARTAGE SOCIAL - FICHE PRODUIT (Facebook, Instagram, TikTok, etc.)
   ============================================================================== */
.layaali-product-share-wrapper {
    margin: 25px 0 15px 0;
    padding: 16px 20px;
    background: #faf7f4;
    border: 1px solid #f0ebe4;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    position: relative;
    clear: both;
}

.layaali-share-title {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13.5px;
    font-weight: 700;
    color: #443c35;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.layaali-share-title svg {
    color: #b49786;
}

.layaali-share-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.layaali-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: none;
    line-height: 1;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.layaali-share-btn svg {
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.25s ease;
}

.layaali-share-btn:hover svg {
    transform: scale(1.15);
}

/* Facebook Button */
.layaali-share-fb {
    background: #1877F2 !important;
}
.layaali-share-fb:hover {
    background: #0d65d9 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.35);
}

/* Instagram Button */
.layaali-share-ig {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}
.layaali-share-ig:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 39, 67, 0.35);
}

/* TikTok Button */
.layaali-share-tiktok {
    background: #010101 !important;
    color: #ffffff !important;
    position: relative;
    border: 1px solid rgba(255,255,255,0.1) !important;
}
.layaali-share-tiktok:hover {
    background: #1a1a1a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), -2px -2px 0px rgba(0, 242, 234, 0.4), 2px 2px 0px rgba(255, 0, 79, 0.4);
}

/* WhatsApp Button */
.layaali-share-wa {
    background: #25D366 !important;
}
.layaali-share-wa:hover {
    background: #20bd5a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
}

/* Copier le lien */
.layaali-share-copy {
    background: #b49786 !important;
}
.layaali-share-copy:hover {
    background: #9d8170 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(180, 151, 134, 0.35);
}

/* Toast Notification après copie */
.layaali-share-toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(40px);
    background: rgba(30, 25, 22, 0.94);
    backdrop-filter: blur(8px);
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 999999;
    border: 1px solid rgba(255,255,255,0.15);
}

.layaali-share-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ==============================================================================
   SECTION EXPÉDITION / SHIPPING METHODS - DESIGN MODERNE (PANIER & CHECKOUT)
   ============================================================================== */

/* Reset & List container */
ul#shipping_method.woocommerce-shipping-methods,
ul.woocommerce-shipping-methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 12px 0 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
}

/* Ligne individuelle pour chaque mode de livraison */
ul#shipping_method.woocommerce-shipping-methods > li,
ul.woocommerce-shipping-methods > li,
.layaali-shipping-method-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* Carte cliquable pour chaque mode de livraison */
.woocommerce-shipping-methods li label,
.layaali-shipping-label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 14px 18px !important;
    background: #ffffff !important;
    border: 1.5px solid #e8dfd8 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    margin: 0 !important;
    user-select: none !important;
}

/* Survol de la carte */
.woocommerce-shipping-methods li label:hover,
.layaali-shipping-label:hover {
    border-color: #b49786 !important;
    background: #fdfbf9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(180, 151, 134, 0.12) !important;
}

/* Style de la carte lorsque sélectionnée */
.woocommerce-shipping-methods li:has(input[type="radio"]:checked) label,
.layaali-shipping-method-item.is-selected .layaali-shipping-label,
.woocommerce-shipping-methods li input[type="radio"]:checked + label {
    border-color: #b49786 !important;
    background: #faf6f2 !important;
    box-shadow: 0 4px 14px rgba(180, 151, 134, 0.18) !important;
}

/* Cacher le bouton radio natif pour le remplacer par un checkbox stylé */
.woocommerce-shipping-methods li input[type="radio"],
.woocommerce-shipping-methods li input.shipping_method {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
}

/* Checkbox personnalisé moderne */
.layaali-shipping-checkbox {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 2px solid #d4c5b9 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 14px !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* Icône de check (SVG) */
.layaali-shipping-checkbox .layaali-check-icon {
    width: 14px;
    height: 14px;
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    color: #ffffff;
}

/* État coché du checkbox */
.woocommerce-shipping-methods li input[type="radio"]:checked ~ .layaali-shipping-checkbox,
.woocommerce-shipping-methods li:has(input[type="radio"]:checked) .layaali-shipping-checkbox,
.layaali-shipping-method-item.is-selected .layaali-shipping-checkbox {
    background-color: #b49786 !important;
    border-color: #b49786 !important;
}

.woocommerce-shipping-methods li input[type="radio"]:checked ~ .layaali-shipping-checkbox .layaali-check-icon,
.woocommerce-shipping-methods li:has(input[type="radio"]:checked) .layaali-shipping-checkbox .layaali-check-icon,
.layaali-shipping-method-item.is-selected .layaali-shipping-checkbox .layaali-check-icon {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* Fallback si template par défaut WooCommerce (sans notre HTML personnalisé) */
.woocommerce-shipping-methods li input[type="radio"]:not(.layaali-shipping-radio) {
    position: static !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 12px !important;
    accent-color: #b49786 !important;
    pointer-events: auto !important;
    flex-shrink: 0 !important;
}

/* Icône du mode de livraison */
.layaali-shipping-icon {
    font-size: 20px !important;
    margin-right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

/* Infos du mode de livraison */
.layaali-shipping-info {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.layaali-shipping-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2b2520 !important;
    line-height: 1.35 !important;
}

/* Prix / Badge gratuit */
.layaali-shipping-cost {
    margin-left: auto !important;
    padding-left: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #b49786 !important;
    white-space: nowrap !important;
}

.layaali-shipping-cost .amount,
.layaali-shipping-cost bdi {
    color: #b49786 !important;
    font-weight: 700 !important;
}

.layaali-free-badge {
    display: inline-block !important;
    background: #2e7d32 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 3px 9px !important;
    border-radius: 20px !important;
    letter-spacing: 0.5px !important;
}

/* Notices de destination et calculateur */
.woocommerce-shipping-totals .woocommerce-shipping-destination {
    margin-top: 14px !important;
    margin-bottom: 8px !important;
    font-size: 13.5px !important;
    color: #6b635b !important;
    line-height: 1.5 !important;
}

.woocommerce-shipping-totals .woocommerce-shipping-destination strong {
    color: #2b2520 !important;
}

.woocommerce-shipping-totals .woocommerce-shipping-calculator {
    margin-top: 10px !important;
}

.woocommerce-shipping-calculator .shipping-calculator-button {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #b49786 !important;
    text-decoration: underline !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
}

.woocommerce-shipping-calculator .shipping-calculator-button:hover {
    color: #8c7361 !important;
}

/* Ajustements dans le tableau de commande checkout */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th {
    vertical-align: top !important;
    padding-top: 18px !important;
    font-weight: 700 !important;
    color: #2b2520 !important;
    font-size: 15px !important;
}

.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
    padding: 12px 0 !important;
}

.cart_totals tr.woocommerce-shipping-totals th {
    vertical-align: top !important;
    padding-top: 18px !important;
    font-weight: 700 !important;
    color: #2b2520 !important;
    font-size: 15px !important;
}

.cart_totals tr.woocommerce-shipping-totals td {
    padding: 12px 0 !important;
}

/* ==============================================================================
   AMÉLIORATION CHECKOUT & PANIER (FUSION EXPÉDITION & RECADRAGE PRODUIT/PRIX)
   ============================================================================== */

/* 1. LIGNE D'EXPÉDITION FUSIONNÉE (PLEINE LARGEUR) */
tr.woocommerce-shipping-totals.shipping.layaali-shipping-row th {
    display: none !important; /* Fusionné : le titre est intégré dans la cellule pleine largeur */
}

tr.woocommerce-shipping-totals.shipping.layaali-shipping-row td.layaali-shipping-cell,
tr.woocommerce-shipping-totals.shipping.layaali-shipping-row td {
    width: 100% !important;
    display: table-cell !important;
    padding: 20px 0 !important;
    text-align: left !important;
}

.layaali-shipping-header {
    margin-bottom: 12px !important;
}

.layaali-shipping-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #2b2520 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 2. TABLEAU DU CHECKOUT : PROPORTIONS PRODUIT (NOM+PHOTO) VS PRIX */
.woocommerce-checkout-review-order-table tr th.product-name,
.woocommerce-checkout-review-order-table tr td.product-name,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr th.product-name,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td.product-name {
    width: 75% !important;
    max-width: 75% !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.woocommerce-checkout-review-order-table tr th.product-total,
.woocommerce-checkout-review-order-table tr td.product-total,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr th.product-total,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td.product-total {
    width: 25% !important;
    text-align: right !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    font-weight: 700 !important;
    color: #b49786 !important;
}

/* Disposition de la photo et du nom du produit */
.woocommerce-checkout-review-order-table .product-name {
    display: table-cell !important;
}

.woocommerce-checkout-review-order-table .product-name img {
    float: left !important;
    width: 65px !important;
    height: 65px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-right: 15px !important;
    border: 1px solid #eee5de !important;
}

.woocommerce-checkout-review-order-table .checkout-review-order-details {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: visible !important;
}

.woocommerce-checkout-review-order-table .checkout-review-order-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2b2520 !important;
    line-height: 1.4 !important;
    margin-right: 0 !important;
    margin-bottom: 4px !important;
}

.woocommerce-checkout-review-order-table .product-quantity {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #8c7361 !important;
}

/* Cacher le total doublé dans la colonne produit sur PC */
.woocommerce-checkout-review-order-table .checkout-review-order-details > .product-total {
    display: none !important;
}

/* Lignes de sous-total, taxes et total général */
.woocommerce-checkout-review-order-table tfoot tr:not(.woocommerce-shipping-totals) th {
    width: 65% !important;
    text-align: left !important;
    font-weight: 600 !important;
}

.woocommerce-checkout-review-order-table tfoot tr:not(.woocommerce-shipping-totals) td {
    width: 35% !important;
    text-align: right !important;
    font-weight: 700 !important;
}

/* ==============================================================================
   AMÉLIORATION DE LA LARGEUR & ESPACEMENT SUR PC / DESKTOP (LARGE SCREEN)
   ============================================================================== */
@media (min-width: 768px) {
    /* Élargir le bloc des totaux du panier sur grand écran */
    .woocommerce-cart .cart-collaterals .cart_totals {
        min-width: 480px;
    }

    /* Assurer que les cartes de livraison prennent 100% de la largeur disponible */
    .woocommerce-shipping-methods,
    .layaali-shipping-methods-list {
        width: 100% !important;
        max-width: 100% !important;
    }

    .woocommerce-shipping-methods li label,
    .layaali-shipping-label {
        width: 100% !important;
        min-height: 54px !important;
        padding: 14px 22px !important;
    }
}

@media (max-width: 767px) {
    /* ===== FIX MOBILE CHECKOUT: produit nom/photo (spécificité haute pour surcharger checkout.css) ===== */

    /* Annuler le float:left global sur les spans (checkout.css ligne 170) */
    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details span {
        float: none !important;
        display: inline !important;
        margin-right: 6px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }

    /* Le conteneur des détails produit : block au lieu de table-cell/inline-block/flex */
    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details {
        display: block !important;
        flex-direction: unset !important;
        overflow: visible !important;
        padding: 5px 0 !important;
        float: none !important;
        width: auto !important;
        text-align: left !important;
    }

    /* Le titre du produit doit rester en ligne */
    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details .checkout-review-order-title {
        display: inline !important;
        float: none !important;
        font-size: 14px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

    /* La quantité */
    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details .product-quantity {
        display: inline !important;
        float: none !important;
    }

    /* La cellule product-name : flow normal */
    .woocommerce .woocommerce-checkout-review-order .shop_table tr td.product-name,
    .woocommerce-checkout #customer_details ~ .woocommerce-checkout-review-order table.shop_table td.product-name {
        display: table-cell !important;
        float: none !important;
        text-align: left !important;
        width: 70% !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* Image produit plus petite sur mobile */
    .woocommerce .woocommerce-checkout-review-order .shop_table .product-name img {
        float: left !important;
        display: block !important;
        width: 50px !important;
        height: 50px !important;
        max-width: 50px !important;
        object-fit: cover !important;
        border-radius: 6px !important;
        margin-right: 10px !important;
        margin-bottom: 0 !important;
    }

    /* Colonne prix */
    .woocommerce .woocommerce-checkout-review-order .shop_table tr td.product-total {
        width: 30% !important;
        text-align: right !important;
        display: table-cell !important;
        float: none !important;
    }

    /* ===== FIX DESCRIPTION PERSONNALISÉE / VARIATIONS SUR MOBILE ===== */
    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details + .variation,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name dl.variation,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name .variation,
    .woocommerce-checkout #customer_details ~ .woocommerce-checkout-review-order table.shop_table .variation {
        display: block !important;
        clear: both !important;
        margin: 6px 0 0 0 !important;
        padding: 6px 10px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name dl.variation dt,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name .variation dt,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name dl.variation .wc-item-meta-label {
        display: inline !important;
        float: none !important;
        font-weight: 600 !important;
        color: #334155 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name dl.variation dd,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name .variation dd,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name dl.variation dd p {
        display: inline !important;
        float: none !important;
        color: #64748b !important;
        margin: 0 8px 0 3px !important;
        padding: 0 !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name dl.variation dd::after {
        content: "\A";
        white-space: pre;
    }

    .woocommerce-shipping-methods li label,
    .layaali-shipping-label {
        padding: 12px 14px !important;
    }
    .layaali-shipping-name {
        font-size: 14px !important;
    }
    .layaali-shipping-cost {
        font-size: 14px !important;
    }
}

/* Surcharge supplémentaire pour les très petits écrans (≤479px) */
@media (max-width: 479px) {
    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details {
        display: block !important;
        text-align: left !important;
        width: auto !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details span {
        display: inline !important;
        float: none !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table .product-name img {
        float: left !important;
        display: block !important;
        width: 45px !important;
        height: 45px !important;
        max-width: 45px !important;
        margin: 0 8px 0 0 !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table tr td.product-name,
    .woocommerce-checkout #customer_details ~ .woocommerce-checkout-review-order table.shop_table td.product-name {
        float: none !important;
        display: table-cell !important;
        width: 70% !important;
        text-align: left !important;
    }

    .woocommerce .woocommerce-checkout-review-order table.shop_table .checkout-review-order-details > .product-total {
        display: none !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table tr td.product-total {
        display: table-cell !important;
        float: none !important;
        width: 30% !important;
        text-align: right !important;
    }

    .woocommerce .woocommerce-checkout-review-order .shop_table .checkout-review-order-details + .variation,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name dl.variation,
    .woocommerce .woocommerce-checkout-review-order .shop_table td.product-name .variation {
        display: block !important;
        text-align: left !important;
        padding: 5px 8px !important;
        font-size: 11px !important;
    }
}

/* ==============================================================================
   DESIGN MODERNE & ÉLÉGANT : CODE PROMO / COUPON CHECKOUT
   "Avez-vous un code promo ? Cliquez ici pour saisir votre code"
   ============================================================================== */

/* 1. Bloc conteneur du message coupon */
.woocommerce-checkout .woocommerce-checkout-header-coupon,
.woocommerce-checkout-header .woocommerce-checkout-header-coupon {
    width: 100% !important;
    margin-bottom: 25px !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    display: flex !important;
    align-items: center !important;
    background: #fdfbf9 !important;
    border: 1px solid #ebdcd1 !important;
    border-left: 4px solid #b49786 !important;
    border-radius: 10px !important;
    padding: 16px 20px 16px 52px !important;
    color: #4a4039 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    position: relative !important;
    margin: 0 0 15px 0 !important;
    box-shadow: 0 2px 8px rgba(180, 151, 134, 0.08) !important;
    transition: all 0.25s ease !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info:hover {
    border-color: #d8c3b3 !important;
    border-left-color: #8c7361 !important;
    box-shadow: 0 4px 14px rgba(180, 151, 134, 0.14) !important;
}

/* Icône moderne à gauche */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #b49786 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E") no-repeat center !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E") no-repeat center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

/* Lien d'action "Cliquez ici pour saisir votre code" */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 8px !important;
    padding: 5px 14px !important;
    background: rgba(180, 151, 134, 0.12) !important;
    color: #8c7361 !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: 1px solid rgba(180, 151, 134, 0.25) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover {
    background: #b49786 !important;
    color: #ffffff !important;
    border-color: #b49786 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(180, 151, 134, 0.3) !important;
}

/* 2. Formulaire dépliant du code promo */
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon,
.woocommerce-checkout-header .woocommerce-checkout-header-coupon form.checkout_coupon {
    background: #ffffff !important;
    border: 1px solid #ebdcd1 !important;
    border-radius: 12px !important;
    padding: 22px 24px !important;
    margin-top: 12px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 10px 30px -10px rgba(43, 37, 32, 0.08) !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    position: static !important; /* Évite les problèmes d'absolute qui chevauchaient le contenu */
}

/* Message explicatif au-dessus du champ si présent */
.woocommerce-checkout form.checkout_coupon p:not(.form-row) {
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    font-size: 13.5px !important;
    color: #71645c !important;
}

/* Conteneur du champ de saisie */
.woocommerce-checkout form.checkout_coupon .form-row-first {
    flex: 1 1 260px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout form.checkout_coupon .form-row-first input.input-text {
    width: 100% !important;
    height: 48px !important;
    background: #fdfbf9 !important;
    border: 1.5px solid #e5d8cf !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-size: 14.5px !important;
    color: #2b2520 !important;
    outline: none !important;
    letter-spacing: 0.5px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.woocommerce-checkout form.checkout_coupon .form-row-first input.input-text:focus {
    background: #ffffff !important;
    border-color: #b49786 !important;
    box-shadow: 0 0 0 3px rgba(180, 151, 134, 0.18) !important;
}

.woocommerce-checkout form.checkout_coupon .form-row-first input.input-text::placeholder {
    color: #a89a90 !important;
}

/* Conteneur et bouton "Appliquer le code promo" */
.woocommerce-checkout form.checkout_coupon .form-row-last {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout form.checkout_coupon .form-row-last button.button,
.woocommerce-checkout form.checkout_coupon .form-row-last .button {
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 26px !important;
    background: linear-gradient(135deg, #b49786 0%, #9a7d6c 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(180, 151, 134, 0.3) !important;
    transition: all 0.25s ease !important;
    margin: 0 !important;
}

.woocommerce-checkout form.checkout_coupon .form-row-last button.button:hover,
.woocommerce-checkout form.checkout_coupon .form-row-last .button:hover {
    background: linear-gradient(135deg, #9a7d6c 0%, #856a59 100%) !important;
    box-shadow: 0 6px 18px rgba(180, 151, 134, 0.45) !important;
    transform: translateY(-1px) !important;
}

/* 3. Adaptation Mobile du Coupon */
@media (max-width: 640px) {
    .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 14px 14px 14px 44px !important;
        font-size: 13.5px !important;
        gap: 8px !important;
    }

    .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
        left: 14px !important;
        top: 22px !important;
        transform: none !important;
    }

    .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
        margin-left: 0 !important;
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 7px 12px !important;
    }

    .woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon,
    .woocommerce-checkout-header .woocommerce-checkout-header-coupon form.checkout_coupon {
        flex-direction: column !important;
        padding: 16px !important;
        gap: 10px !important;
    }

    .woocommerce-checkout form.checkout_coupon .form-row-first,
    .woocommerce-checkout form.checkout_coupon .form-row-last {
        width: 100% !important;
        flex: 1 1 100% !important;
    }

    .woocommerce-checkout form.checkout_coupon .form-row-last button.button,
    .woocommerce-checkout form.checkout_coupon .form-row-last .button {
        width: 100% !important;
    }
}

/* ==============================================================================
   SUPPRESSION DU TITRE DE PAGE CHECKOUT (Commande / Breadcrumb)
   ============================================================================== */
.woocommerce-checkout .main-title-section-wrapper,
body.woocommerce-checkout .main-title-section-wrapper,
body.page-id-checkout .main-title-section-wrapper,
body.woocommerce-checkout #header-wrapper .main-title-section-wrapper {
    display: none !important;
}

/* ==============================================================================
   HEADER MOBILE : Burger à gauche, Logo au milieu, Compte + Panier à droite
   ============================================================================== */
@media only screen and (max-width: 1024px) {

    /* ── Container principal : flex row ── */
    #header .elementor-section.elementor-element-d18c8f9 > .elementor-container,
    .wdt-header-tpl .elementor-section.elementor-element-d18c8f9 > .elementor-container,
    #header .elementor-section:nth-of-type(2) > .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    /* ── Colonne LOGO (7de3763) : centré, order 2 ── */
    .elementor-element-d18c8f9 .elementor-column.elementor-element-7de3763 {
        order: 2 !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .elementor-element-7de3763 > .elementor-widget-wrap {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }

    .elementor-element-7de3763 .elementor-widget-wdt-logo {
        width: auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .elementor-element-7de3763 .wdt-logo-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 auto !important;
    }

    .elementor-element-7de3763 .wdt-logo-container a {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* ── Colonne MENU desktop (ea0e924) : cachée ── */
    .elementor-element-d18c8f9 .elementor-column.elementor-element-ea0e924 {
        display: none !important;
    }

    /* ── Colonne DROITE (c278fc8) : display contents pour éclater ses enfants ── */
    .elementor-element-d18c8f9 .elementor-column.elementor-element-c278fc8 {
        display: contents !important;
    }

    .elementor-element-c278fc8 > .elementor-widget-wrap {
        display: contents !important;
    }

    /* ── BURGER (widget 7e2309a - wdt-header-menu mobile) : à GAUCHE, order 1 ── */
    .elementor-element-7e2309a.elementor-widget-wdt-header-menu {
        order: 1 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 5px !important;
    }

    /* Forcer l'affichage du burger sur mobile (annuler hidden-desktop/laptop) */
    .elementor-element-7e2309a.elementor-hidden-desktop,
    .elementor-element-7e2309a.elementor-hidden-laptop {
        display: flex !important;
    }

    /* ── ICONES compte + panier (widget 1643835) : à DROITE, order 3 ── */
    .elementor-element-1643835.elementor-widget-wdt-header-icons {
        order: 3 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin: 0 !important;
        padding: 0 5px !important;
    }

    /* Aligner les icônes horizontalement */
    .elementor-element-1643835 .wdt-header-icons-list {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .elementor-element-1643835 .wdt-header-icons-list-item {
        display: flex !important;
        align-items: center !important;
    }

    /* S'assurer que l'icône de compte est visible */
    .elementor-element-1643835 .wdt-header-icons-list-item.user-authlink-item {
        display: flex !important;
    }

    .elementor-element-1643835 .wdt-header-icons-list-item.user-authlink-item a {
        display: inline-flex !important;
        align-items: center !important;
    }

    /* ── POPUP BOX (widget 62a2d70) : caché sur mobile ── */
    .elementor-element-62a2d70.elementor-widget-wdt-popup-box {
        display: none !important;
    }

    /* ── Masquer la barre top header (section 1) sur petits écrans si besoin ── */
    /* Décommenter ci-dessous si vous voulez cacher la top bar sur mobile */
    /* .elementor-element-d18c8f9 ~ .elementor-element-bad29bf,
       .elementor-element-bad29bf { display: none !important; } */
}

/* ── Ajustements plus petits écrans (< 767px) ── */
@media only screen and (max-width: 767px) {

    /* Réduire le gap des icônes */
    .elementor-element-1643835 .wdt-header-icons-list {
        gap: 8px !important;
    }

    /* Réduire la taille des icônes */
    .elementor-element-1643835 .wdt-header-icons-list-item svg {
        width: 18px !important;
        height: 18px !important;
    }

    /* Burger un peu plus compact */
    .elementor-element-7e2309a .mobile-nav-container .menu-trigger > i {
        width: 28px !important;
    }
}

/* ==============================================================================
   ICONE COMPTE (👤) - Injection SVG via CSS
   L'icône user.svg n'est pas chargée par Elementor (attachment absent).
   On injecte le SVG en data-URI sur le <i> vide.
   ============================================================================== */

/* Icône personne : toutes tailles d'écran */
.wdt-header-icons-list-item.user-authlink-item .wdt-user-authlink-menu-icon a > span > i {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
}

/* Masquer le label texte "Connexion" / "Log In" pour garder juste l'icône */
.wdt-header-icons-list-item.user-authlink-item .icotype-label {
    display: none !important;
}

/* S'assurer que le lien est cliquable et bien positionné */
.wdt-header-icons-list-item.user-authlink-item .wdt-user-authlink-menu-icon a {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

/* L'icône doit hériter de la couleur du thème */
.wdt-header-icons-list-item.user-authlink-item .wdt-user-authlink-menu-icon a > span > i {
    filter: brightness(0) !important;
}

/* Couleur de survol */
.wdt-header-icons-list-item.user-authlink-item .wdt-user-authlink-menu-icon a:hover > span > i {
    filter: brightness(0) opacity(0.6) !important;
    transition: filter 0.3s ease !important;
}

/* ==============================================================================
   HEADER TOP : Arrière-plan #58181A, texte blanc, icône camion de livraison
   ============================================================================== */

/* Arrière-plan de la barre supérieure */
.elementor-section.elementor-element-bad29bf {
    background-color: #58181A !important;
}

/* Texte en blanc dans la barre supérieure */
.elementor-element-bad29bf,
.elementor-element-bad29bf p,
.elementor-element-bad29bf span,
.elementor-element-bad29bf a,
.elementor-element-bad29bf .wdt-heading-content-wrapper,
.elementor-element-caaeb49 .wdt-heading-content-wrapper {
    color: #ffffff !important;
}

/* Icône de camion de livraison (Truck) avant le texte */
.elementor-element-caaeb49 .wdt-heading-content-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #ffffff !important;
}

.elementor-element-caaeb49 .wdt-heading-content-wrapper::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-5.28a2 2 0 0 0-.59-1.42l-3.13-3.13A2 2 0 0 0 16.87 6H14v12'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ==============================================================================
   SLIDER ACCUEIL SIMPLE (Elementor Image Carousel - Style sample.jpeg)
   ============================================================================== */

/* Section du slider pleine largeur */
.elementor-element-dedc2a4 {
    position: relative !important;
    overflow: hidden !important;
    background-color: #f7ede6 !important;
}

.elementor-element-dedc2a4 .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Image carousel Elementor standard : étirement total */
.layaali-simple-slider {
    position: relative !important;
    width: 100% !important;
}

.layaali-simple-slider .elementor-image-carousel-wrapper {
    width: 100% !important;
}

.layaali-simple-slider .swiper-slide {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.layaali-simple-slider .swiper-slide-inner,
.layaali-simple-slider .swiper-slide a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

/* Images étirées prenant la totalité de la taille du slider */
.layaali-simple-slider .swiper-slide-image {
    width: 100% !important;
    height: 650px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

@media (max-width: 1024px) {
    .layaali-simple-slider .swiper-slide-image {
        height: 550px !important;
    }
}

@media (max-width: 767px) {
    .layaali-simple-slider .swiper-slide-image {
        height: 480px !important;
    }
}

/* Voile d'assombrissement subtil pour le contraste du texte */
.layaali-simple-slider .swiper-slide::after {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Overlay de contenu sur chaque slide (Sur-titre, Titre, Bouton) */
.layaali-slide-overlay {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    max-width: 700px !important;
    text-align: center !important;
    z-index: 3 !important;
    pointer-events: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Sur-titre : "Des Créations uniques" */
.layaali-slide-subtitle {
    font-size: 13px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
}

/* Titre : "Pour des souvenirs doux et uniques" */
.layaali-slide-title {
    font-size: 42px !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    margin: 0 0 24px 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

@media (max-width: 767px) {
    .layaali-slide-title {
        font-size: 28px !important;
        margin-bottom: 18px !important;
    }
}

/* Bouton : "Découvrir nos créations" */
.layaali-slide-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #ffffff !important;
    color: #2b2520 !important;
    border-radius: 50px !important;
    padding: 13px 32px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
}

.layaali-slide-btn:hover {
    background-color: #58181A !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
}

/* Flèches rondes semi-transparentes gauche/droite */
.layaali-simple-slider .elementor-swiper-button {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 4 !important;
}

.layaali-simple-slider .elementor-swiper-button svg {
    width: 16px !important;
    height: 16px !important;
    fill: #2b2520 !important;
}

.layaali-simple-slider .elementor-swiper-button-prev {
    left: 24px !important;
}

.layaali-simple-slider .elementor-swiper-button-next {
    right: 24px !important;
}

.layaali-simple-slider .elementor-swiper-button:hover {
    background: #ffffff !important;
    transform: scale(1.1) !important;
}

/* Points de pagination (Dots / petits cercles) : remontés plus haut (bottom: 45px) */
.layaali-simple-slider .swiper-pagination {
    bottom: 45px !important;
    z-index: 4 !important;
}

.layaali-simple-slider .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    border: 2px solid #ffffff !important;
    opacity: 0.85 !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    margin: 0 6px !important;
}

.layaali-simple-slider .swiper-pagination-bullet-active {
    background: #ffffff !important;
    opacity: 1 !important;
    transform: scale(1.25) !important;
}

/* ==============================================================================
   GRILLE DES CATÉGORIES (Style capture.jpg)
   ============================================================================== */

/* Conteneur grille */
.layaali-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Carte de catégorie */
.layaali-cat-card {
    position: relative !important;
    display: block !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    aspect-ratio: 3 / 4 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.4s ease !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

.layaali-cat-card:hover {
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15) !important;
}

/* Léger voile sombre en dégradé pour lisibilité du label */
.layaali-cat-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.25) 100%
    ) !important;
    border-radius: 16px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Barre de label en bas (effet glass/frosted) */
.layaali-cat-card-label {
    position: absolute !important;
    bottom: 14px !important;
    left: 14px !important;
    right: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 16px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 12px !important;
    z-index: 2 !important;
    transition: background 0.3s ease !important;
}

.layaali-cat-card:hover .layaali-cat-card-label {
    background: rgba(255, 255, 255, 0.92) !important;
}

/* Nom de la catégorie */
.layaali-cat-card-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2b2520 !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

/* Nombre de produits */
.layaali-cat-card-count {
    font-size: 11px !important;
    color: #8a7b6e !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
    letter-spacing: 0.3px !important;
}

/* Responsive : 2 colonnes tablette */
@media (max-width: 1024px) {
    .layaali-categories-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

/* Responsive : 2 colonnes mobile, ratio ajusté */
@media (max-width: 600px) {
    .layaali-categories-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .layaali-cat-card {
        aspect-ratio: 3 / 4 !important;
        border-radius: 12px !important;
    }

    .layaali-cat-card::before {
        border-radius: 12px !important;
    }

    .layaali-cat-card-label {
        bottom: 10px !important;
        left: 10px !important;
        right: 10px !important;
        padding: 10px 12px !important;
        border-radius: 10px !important;
    }

    .layaali-cat-card-name {
        font-size: 12px !important;
    }

    .layaali-cat-card-count {
        font-size: 10px !important;
    }
}