/*
Theme Name: Astra Child
Theme URI: https://chargeur.org/
Description: Thème enfant Astra pour Chargeur.org
Author: Ibrahim
Author URI: https://chargeur.org/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/


/* ==========================================================
   DEBUG - Tests désactivés
   ========================================================== */

/*
body {
    background: red !important;
}
*/

/*
li.product {
    outline: 8px solid red !important;
    background: yellow !important;
}
*/


/* ==========================================================
   VARIABLES GLOBALES
   ========================================================== */

/* Couleur globale Astra utilisée pour certains fonds */
:root {
    --ast-global-color-5: #f7fbfc;
}


/* ==========================================================
   CONTAINERS SPECTRA / BLOCS GÉNÉRAUX
   ========================================================== */

/* Container Spectra spécifique : suppression du padding */
.wp-block-uagb-container.uagb-block-d535c555 {
    padding: 0 0;
}

/* Containers Spectra : éviter les débordements */
.wp-block-uagb-container {
    overflow: hidden;
    border-radius: 0;
}

/* Premier container : coins arrondis en haut */
.wp-block-uagb-container:first-child {
    border-radius: 20px 20px 0 0;
}

/* Dernier container : coins arrondis en bas */
.wp-block-uagb-container:last-child {
    border-radius: 0 0 20px 20px;
}

/* Bannière d’archive Astra */
.ast-archive-entry-banner {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 80px !important;
}


/* ==========================================================
   HEADER CHARGEUR.ORG - STYLE PREMIUM VERRE
   Top header + zone logo/recherche + menu bas
   ========================================================== */

/* ==========================================================
   HEADER GLOBAL ASTRA
   Donne de la profondeur et supprime l'effet thème plat
   ========================================================== */

.site-header,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar {
    font-family: Inter, sans-serif !important;
}

/* Header complet */
.site-header {
    position: relative !important;
    z-index: 999 !important;
    background: transparent !important;
}

/* ==========================================================
   TOP HEADER - MESSAGE CONSEIL CHARGEUR.ORG
   ========================================================== */

/* Barre supérieure */
.ast-above-header-bar {
    min-height: 42px !important;

    background:
        linear-gradient(135deg, rgba(111, 135, 99, 0.92), rgba(163, 194, 157, 0.86)) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

/* Container principal du message */
.top-header-message-simple {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    gap: 10px !important;

    padding: 7px 16px !important;
    margin: 0 auto !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    letter-spacing: 0.15px !important;
    white-space: nowrap !important;

    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.18) !important;
}

/* Point séparateur automatique si présent */
.top-header-message-simple span,
.top-header-message-simple strong {
    color: #ffffff !important;
}

/* Lien bouton "Contactez-nous" */
.top-header-message-simple a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;

    min-height: 26px !important;
    padding: 5px 14px !important;

    color: #ffffff !important;

    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 4px 12px rgba(15, 23, 42, 0.10) !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

/* Hover du bouton top header */
.top-header-message-simple a:hover {
    color: #2C4969 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    text-decoration: none !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

/* ==========================================================
   HEADER PRINCIPAL - LOGO + RECHERCHE
   ========================================================== */

/* Barre principale du header */
.ast-primary-header-bar {
    min-height: 92px !important;

    background:
        radial-gradient(circle at top left, rgba(163, 194, 157, 0.18), transparent 34%),
        linear-gradient(135deg, #2C4969 0%, #274560 48%, #213a54 100%) !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 14px 32px rgba(15, 23, 42, 0.16) !important;
}

/* Container interne du header principal */
.ast-primary-header-bar .ast-container,
.ast-primary-header-bar .site-primary-header-wrap {
    min-height: 92px !important;
    display: flex !important;
    align-items: center !important;
}

/* Logo */
.site-branding,
.ast-site-identity {
    display: flex !important;
    align-items: center !important;
}

/* Image logo */
.site-logo-img img,
.custom-logo-link img {
    max-height: 72px !important;
    width: auto !important;

    filter: drop-shadow(0 6px 12px rgba(15, 23, 42, 0.22)) !important;
}

/* ==========================================================
   HEADER ASTRA - RECHERCHE INLINE PREMIUM
   ========================================================== */

/* Container général de la recherche */
.ast-header-search,
.ast-builder-layout-element.ast-header-search {
    flex: 1 1 auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
}

/* Formulaire de recherche */
.ast-search-menu-icon.search-box.ast-inline-search .search-form {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: 560px !important;
    min-width: 420px !important;

    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;

    border: 1px solid rgba(255, 255, 255, 0.76) !important;
    border-radius: 18px !important;

    box-shadow:
        0 14px 34px rgba(15, 23, 42, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;

    overflow: hidden !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

/* Effet lumineux discret sur le haut du champ */
.ast-search-menu-icon.search-box.ast-inline-search .search-form::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 18px !important;
    right: 18px !important;

    height: 1px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.95),
        transparent
    ) !important;

    pointer-events: none !important;
}

/* Focus du formulaire */
.ast-search-menu-icon.search-box.ast-inline-search .search-form:focus-within {
    border-color: rgba(163, 194, 157, 0.95) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.26),
        0 0 0 4px rgba(163, 194, 157, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* Label du champ */
.ast-search-menu-icon.search-box.ast-inline-search .search-form label {
    flex: 1 1 auto !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Champ de recherche */
.ast-search-menu-icon.search-box.ast-inline-search .search-field {
    width: 100% !important;
    height: 56px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 20px !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    color: #0f172a !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 56px !important;

    outline: none !important;
    box-shadow: none !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Placeholder */
.ast-search-menu-icon.search-box.ast-inline-search .search-field::placeholder {
    color: #718096 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Bouton de recherche */
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search {
    width: 58px !important;
    height: 46px !important;
    min-width: 58px !important;

    margin: 5px 5px 5px 0 !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
        linear-gradient(135deg, #0573f0 0%, #2563eb 100%) !important;
    background-color: #0573f0 !important;
    background-image: linear-gradient(135deg, #0573f0 0%, #2563eb 100%) !important;

    color: #ffffff !important;

    border: none !important;
    border-radius: 14px !important;

    outline: none !important;

    box-shadow:
        0 8px 18px rgba(5, 115, 240, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;

    cursor: pointer !important;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Hover / focus / clic du bouton */
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search:hover,
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search:focus,
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search:active {
    background:
        linear-gradient(135deg, #2C4969 0%, #1d2835 100%) !important;
    background-color: #2C4969 !important;
    background-image: linear-gradient(135deg, #2C4969 0%, #1d2835 100%) !important;

    color: #ffffff !important;

    border: none !important;
    outline: none !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 10px 22px rgba(15, 23, 42, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    opacity: 1 !important;
    filter: none !important;
}

/* Supprimer les effets internes sur l'icône */
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search *,
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search *:hover,
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search *:focus,
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search *:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    outline: none !important;

    opacity: 1 !important;
    filter: none !important;
}

/* Icône loupe */
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search svg,
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search .ast-icon,
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search .icon-search {
    display: block !important;

    width: 23px !important;
    height: 23px !important;

    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Chemins internes du SVG */
.ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* ==========================================================
   MENU BAS - STYLE PREMIUM
   ========================================================== */

/* Barre du menu bas */
.ast-below-header-bar {
    min-height: 56px !important;

    background:
        linear-gradient(135deg, rgba(111, 135, 99, 0.96), rgba(86, 111, 78, 0.96)) !important;

    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 10px 24px rgba(15, 23, 42, 0.10) !important;
}

/* Container interne du menu */
.ast-below-header-bar .ast-container,
.ast-below-header-bar .site-below-header-wrap {
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
}

/* Liste du menu */
.ast-below-header-bar .main-header-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    width: 100% !important;
}

/* Liens principaux */
.ast-below-header-bar .main-header-menu > .menu-item > .menu-link,
.ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link {
    min-height: 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;

    padding: 0 34px !important;

    color: #f7fbfc !important;

    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    text-shadow: 0 1px 2px rgba(15, 23, 42, 0.16) !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

/* Effet verre derrière le lien au hover */
.ast-below-header-bar .main-header-menu > .menu-item > .menu-link:hover,
.ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link:hover {
    color: #ffffff !important;

    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Lien actif */
.ast-below-header-bar .main-header-menu > .current-menu-item > .menu-link,
.ast-below-header-bar .main-header-menu > .current-menu-ancestor > .menu-link,
.ast-below-header-bar .ast-builder-menu-1 .current-menu-item > .menu-link,
.ast-below-header-bar .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: #ffffff !important;

    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;

    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

/* Trait lumineux sous le lien */
.ast-below-header-bar .main-header-menu > .menu-item > .menu-link::after,
.ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link::after {
    content: "" !important;

    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 7px !important;

    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.95),
        transparent
    ) !important;

    border-radius: 999px !important;

    transform: scaleX(0) !important;
    transform-origin: center !important;

    transition: transform 0.25s ease !important;
}

/* Trait au hover et actif */
.ast-below-header-bar .main-header-menu > .menu-item > .menu-link:hover::after,
.ast-below-header-bar .main-header-menu > .current-menu-item > .menu-link::after,
.ast-below-header-bar .main-header-menu > .current-menu-ancestor > .menu-link::after,
.ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link:hover::after,
.ast-below-header-bar .ast-builder-menu-1 .current-menu-item > .menu-link::after,
.ast-below-header-bar .ast-builder-menu-1 .current-menu-ancestor > .menu-link::after {
    transform: scaleX(1) !important;
}

/* Supprimer les anciens effets de menu qui peuvent gêner */
.ast-below-header-bar .menu-link:hover {
    text-decoration: none !important;
}

/* ==========================================================
   RESPONSIVE HEADER
   ========================================================== */

@media (max-width: 1100px) {
    .ast-below-header-bar .main-header-menu > .menu-item > .menu-link,
    .ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link {
        padding-left: 24px !important;
        padding-right: 24px !important;
        font-size: 14px !important;
    }

    .ast-search-menu-icon.search-box.ast-inline-search .search-form {
        max-width: 500px !important;
        min-width: 360px !important;
    }
}

@media (max-width: 921px) {
    .ast-primary-header-bar {
        min-height: auto !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    .ast-header-search,
    .ast-builder-layout-element.ast-header-search {
        width: 100% !important;
        justify-content: center !important;
    }

    .ast-search-menu-icon.search-box.ast-inline-search .search-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 52px !important;
    }

    .ast-search-menu-icon.search-box.ast-inline-search .search-field {
        height: 52px !important;
        font-size: 15px !important;
        line-height: 52px !important;
        padding: 0 16px !important;
    }

    .ast-search-menu-icon.search-box.ast-inline-search .search-field::placeholder {
        font-size: 15px !important;
    }

    .ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search {
        width: 56px !important;
        height: 44px !important;
        min-width: 56px !important;
        margin: 4px 4px 4px 0 !important;
    }

    .ast-search-menu-icon.search-box.ast-inline-search .search-submit.normal-search svg {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 767px) {
    .ast-above-header-bar {
        min-height: 38px !important;
    }

    .top-header-message-simple {
        font-size: 11px !important;
        gap: 6px !important;
        padding: 6px 8px !important;
        line-height: 1.2 !important;
    }

    .top-header-message-simple a {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }

    .site-logo-img img,
    .custom-logo-link img {
        max-height: 58px !important;
    }

    .ast-below-header-bar {
        min-height: auto !important;
    }

    .ast-below-header-bar .main-header-menu {
        gap: 6px !important;
    }

    .ast-below-header-bar .main-header-menu > .menu-item > .menu-link,
    .ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link {
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }
}

/* ==========================================================
   HEADER - Correction alignement final
   Recherche centrée + menu centré + couleur below header uniforme
   ========================================================== */

/* Garder la structure Astra sans casser le Header Builder */
.ast-primary-header-bar .site-primary-header-wrap,
.ast-primary-header-bar .ast-builder-grid-row {
    display: grid !important;
    align-items: center !important;
}

/* Section qui contient la recherche */
.ast-primary-header-bar .site-header-primary-section-center,
.ast-primary-header-bar .site-header-primary-section-right {
    display: flex !important;
    align-items: center !important;
}

/* Recherche : garder le design mais la placer proprement */
.ast-primary-header-bar .ast-header-search,
.ast-primary-header-bar .ast-builder-layout-element.ast-header-search {
    display: flex !important;
    align-items: center !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: 78px !important;

    justify-content: flex-end !important;
}

/* Largeur de la barre de recherche */
.ast-search-menu-icon.search-box.ast-inline-search .search-form {
    width: 420px !important;
    max-width: 520px !important;
    min-width: 420px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Sécurité : empêcher l'ancien champ gris de revenir */
.ast-search-menu-icon.search-box.ast-inline-search .search-field {
    height: 56px !important;
    padding: 0 20px !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    color: #0f172a !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 56px !important;

    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================================
   BELOW HEADER - Fond uniforme
   ========================================================== */

/* Même fond sur toute la ligne du menu */
.ast-below-header-bar,
.ast-below-header-bar .site-below-header-wrap,
.ast-below-header-bar .ast-container,
.ast-below-header-bar .ast-builder-grid-row {
    background:
        linear-gradient(135deg, rgba(111, 135, 99, 0.96), rgba(86, 111, 78, 0.96)) !important;
    background-color: #6f8763 !important;
    background-image:
        linear-gradient(135deg, rgba(111, 135, 99, 0.96), rgba(86, 111, 78, 0.96)) !important;

    box-shadow: none !important;
}

/* Supprimer les fonds parasites uniquement dans les sections internes */
.ast-below-header-bar .site-header-below-section-left,
.ast-below-header-bar .site-header-below-section-center,
.ast-below-header-bar .site-header-below-section-right,
.ast-below-header-bar .ast-builder-menu,
.ast-below-header-bar .ast-main-header-bar-alignment,
.ast-below-header-bar .main-navigation {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Le menu doit prendre toute la largeur disponible */
.ast-below-header-bar .site-below-header-wrap,
.ast-below-header-bar .ast-builder-grid-row,
.ast-below-header-bar .site-header-below-section-center,
.ast-below-header-bar .ast-builder-menu,
.ast-below-header-bar .main-navigation {
    width: 100% !important;
}

/* Menu centré */
.ast-below-header-bar .main-header-menu {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    background: transparent !important;
}

/* Espacement propre des liens */
.ast-below-header-bar .main-header-menu > .menu-item > .menu-link,
.ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link {
    padding: 0 34px !important;
}

/* Garder le hover premium */
.ast-below-header-bar .main-header-menu > .menu-item > .menu-link:hover,
.ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link:hover,
.ast-below-header-bar .main-header-menu > .current-menu-item > .menu-link,
.ast-below-header-bar .main-header-menu > .current-menu-ancestor > .menu-link,
.ast-below-header-bar .ast-builder-menu-1 .current-menu-item > .menu-link,
.ast-below-header-bar .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    background: rgba(255, 255, 255, 0.16) !important;

    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Tablette / mobile */
@media (max-width: 921px) {
    .ast-primary-header-bar .ast-header-search,
    .ast-primary-header-bar .ast-builder-layout-element.ast-header-search {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: center !important;
    }

    .ast-search-menu-icon.search-box.ast-inline-search .search-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ast-below-header-bar .main-header-menu {
        justify-content: center !important;
        gap: 6px !important;
    }

    .ast-below-header-bar .main-header-menu > .menu-item > .menu-link,
    .ast-below-header-bar .ast-builder-menu-1 .menu-item > .menu-link {
        padding: 0 14px !important;
    }
}
/* ==========================================================
   LIENS GÉNÉRAUX / CONTACT
   ========================================================== */

/* Lien de contact */
a.contact-link {
    color: #2C4969;
    text-decoration: underline;
    text-decoration-color: #2C4969;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
}

/* ==========================================================
   LIENS GÉNÉRAUX DU SITE
   Couleur des liens avant survol
   ========================================================== */

/* Couleur générale des liens */
a,
.page-title {
    color: #44617d;
}

/* Liens au survol */
a:hover {
    color: #0573f0;
}



/* ==========================================================
   CHAMPS DE RECHERCHE DANS LE CONTENU
   ========================================================== */

/* Champ de recherche dans la zone principale */
.site-main .search-field,
.site-main input[type="search"] {
    color: #666;
    padding: .75em 1em;
    height: auto;
    border: 1px solid #49400a;
    border-radius: 20px;
    background: var(--ast-comment-inputs-background);
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    outline: none;
}

/* Focus / clic du champ de recherche */
.site-main .search-field:focus,
.site-main input[type="search"]:focus,
.site-main .search-field:active,
.site-main input[type="search"]:active {
    outline: none;
    box-shadow: none;
}


/* ==========================================================
   BOUTON RECHERCHE - PAGE RÉSULTATS
   ========================================================== */

/* Bouton recherche page résultats */
.search .search-submit,
.search input.search-submit,
.search input[type="submit"] {
    background-color: #6F8763 !important;
    border: 1px solid #6F8763 !important;
    color: #ffffff !important;
    border-radius: 20px !important;
    padding: 12px 22px !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

/* Hover du bouton recherche */
.search .search-submit:hover,
.search input.search-submit:hover,
.search input[type="submit"]:hover {
    background-color: #5E7554 !important;
    border-color: #5E7554 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Focus / clic du bouton recherche */
.search .search-submit:focus,
.search .search-submit:active,
.search input.search-submit:focus,
.search input.search-submit:active,
.search input[type="submit"]:focus,
.search input[type="submit"]:active {
    background-color: #5E7554 !important;
    border-color: #5E7554 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}


/* ==========================================================
   CARTES PRODUITS - STYLE NOVAPHONE
   Accueil + Boutique + Catégories + Archives WooCommerce
   ========================================================== */

/* Grille produits générale */
.entry-content .woocommerce ul.products,
body.woocommerce-shop ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products,
body.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin: 30px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Supprimer les pseudo-éléments WooCommerce */
.entry-content .woocommerce ul.products::before,
.entry-content .woocommerce ul.products::after,
body.woocommerce-shop ul.products::before,
body.woocommerce-shop ul.products::after,
body.post-type-archive-product ul.products::before,
body.post-type-archive-product ul.products::after,
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after {
    display: none !important;
    content: none !important;
}

/* Carte produit */
.entry-content li.product,
body.woocommerce-shop li.product,
body.post-type-archive-product li.product,
body.tax-product_cat li.product,
body.woocommerce-page li.product {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 18px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

/* Survol carte produit */
.entry-content li.product:hover,
body.woocommerce-shop li.product:hover,
body.post-type-archive-product li.product:hover,
body.tax-product_cat li.product:hover,
body.woocommerce-page li.product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10) !important;
}

/* Zone image produit */
.entry-content li.product .astra-shop-thumbnail-wrap,
body.woocommerce-shop li.product .astra-shop-thumbnail-wrap,
body.post-type-archive-product li.product .astra-shop-thumbnail-wrap,
body.tax-product_cat li.product .astra-shop-thumbnail-wrap,
body.woocommerce-page li.product .astra-shop-thumbnail-wrap {
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    background: #f8fafc !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Lien image produit */
.entry-content li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
body.woocommerce-shop li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
body.post-type-archive-product li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
body.tax-product_cat li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
body.woocommerce-page li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link {
    width: 100% !important;
    height: 230px !important;
    padding: 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Image produit */
.entry-content li.product .astra-shop-thumbnail-wrap img,
body.woocommerce-shop li.product .astra-shop-thumbnail-wrap img,
body.post-type-archive-product li.product .astra-shop-thumbnail-wrap img,
body.tax-product_cat li.product .astra-shop-thumbnail-wrap img,
body.woocommerce-page li.product .astra-shop-thumbnail-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Zone texte produit */
.entry-content li.product .astra-shop-summary-wrap,
body.woocommerce-shop li.product .astra-shop-summary-wrap,
body.post-type-archive-product li.product .astra-shop-summary-wrap,
body.tax-product_cat li.product .astra-shop-summary-wrap,
body.woocommerce-page li.product .astra-shop-summary-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Titre produit */
.entry-content li.product .woocommerce-loop-product__title,
body.woocommerce-shop li.product .woocommerce-loop-product__title,
body.post-type-archive-product li.product .woocommerce-loop-product__title,
body.tax-product_cat li.product .woocommerce-loop-product__title,
body.woocommerce-page li.product .woocommerce-loop-product__title {
    color: #0f172a !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    min-height: 48px !important;
}

/* Prix produit */
.entry-content li.product .price,
body.woocommerce-shop li.product .price,
body.post-type-archive-product li.product .price,
body.tax-product_cat li.product .price,
body.woocommerce-page li.product .price {
    color: #2563eb !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    margin: 0 0 16px 0 !important;
}

/* Bouton produit */
.entry-content li.product .astra-shop-summary-wrap > a.button,
body.woocommerce-shop li.product .astra-shop-summary-wrap > a.button,
body.post-type-archive-product li.product .astra-shop-summary-wrap > a.button,
body.tax-product_cat li.product .astra-shop-summary-wrap > a.button,
body.woocommerce-page li.product .astra-shop-summary-wrap > a.button {
    width: 100% !important;
    min-height: 46px !important;
    margin-top: auto !important;
    padding: 12px 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #2563eb !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 999px !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Hover bouton produit */
.entry-content li.product .astra-shop-summary-wrap > a.button:hover,
body.woocommerce-shop li.product .astra-shop-summary-wrap > a.button:hover,
body.post-type-archive-product li.product .astra-shop-summary-wrap > a.button:hover,
body.tax-product_cat li.product .astra-shop-summary-wrap > a.button:hover,
body.woocommerce-page li.product .astra-shop-summary-wrap > a.button:hover {
    background: #0f172a !important;
    color: #ffffff !important;
}

/* Catégorie produit */
.entry-content li.product .ast-woo-product-category,
body.woocommerce-shop li.product .ast-woo-product-category,
body.post-type-archive-product li.product .ast-woo-product-category,
body.tax-product_cat li.product .ast-woo-product-category,
body.woocommerce-page li.product .ast-woo-product-category {
    display: inline-flex !important;
    align-self: flex-start !important;
    margin-top: 12px !important;
    padding: 6px 10px !important;

    background: #f1f5f9 !important;
    color: #64748b !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


/* ==========================================================
   RESPONSIVE CARTES PRODUITS
   ========================================================== */

/* Tablette large : 3 produits par ligne */
@media (max-width: 1100px) {
    .entry-content .woocommerce ul.products,
    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products,
    body.woocommerce-page ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Tablette : 2 produits par ligne */
@media (max-width: 800px) {
    .entry-content .woocommerce ul.products,
    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products,
    body.woocommerce-page ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .entry-content li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.woocommerce-shop li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.post-type-archive-product li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.tax-product_cat li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.woocommerce-page li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link {
        height: 210px !important;
    }
}

/* Petit mobile : hauteur image réduite */
@media (max-width: 520px) {
    .entry-content li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.woocommerce-shop li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.post-type-archive-product li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.tax-product_cat li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.woocommerce-page li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link {
        height: 200px !important;
    }
}

/* Mobile final : 2 produits par ligne */
@media screen and (max-width: 767px) {
    .entry-content .woocommerce ul.products,
    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products,
    body.woocommerce-page ul.products,
    body.single-product .related.products ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .entry-content .woocommerce ul.products::before,
    .entry-content .woocommerce ul.products::after,
    body.woocommerce-shop ul.products::before,
    body.woocommerce-shop ul.products::after,
    body.post-type-archive-product ul.products::before,
    body.post-type-archive-product ul.products::after,
    body.tax-product_cat ul.products::before,
    body.tax-product_cat ul.products::after,
    body.woocommerce-page ul.products::before,
    body.woocommerce-page ul.products::after,
    body.single-product .related.products ul.products::before,
    body.single-product .related.products ul.products::after {
        display: none !important;
        content: none !important;
    }

    .entry-content .woocommerce ul.products li.product,
    body.woocommerce-shop ul.products li.product,
    body.post-type-archive-product ul.products li.product,
    body.tax-product_cat ul.products li.product,
    body.woocommerce-page ul.products li.product,
    body.single-product .related.products ul.products li.product {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .entry-content li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.woocommerce-shop li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.post-type-archive-product li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.tax-product_cat li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.woocommerce-page li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link,
    body.single-product .related.products li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link {
        height: 150px !important;
        padding: 6px !important;
    }

    .entry-content li.product .woocommerce-loop-product__title,
    body.woocommerce-shop li.product .woocommerce-loop-product__title,
    body.post-type-archive-product li.product .woocommerce-loop-product__title,
    body.tax-product_cat li.product .woocommerce-loop-product__title,
    body.woocommerce-page li.product .woocommerce-loop-product__title,
    body.single-product .related.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
        line-height: 1.25 !important;
        min-height: 50px !important;
        margin-bottom: 8px !important;
    }

    .entry-content li.product .price,
    body.woocommerce-shop li.product .price,
    body.post-type-archive-product li.product .price,
    body.tax-product_cat li.product .price,
    body.woocommerce-page li.product .price,
    body.single-product .related.products li.product .price {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }

    .entry-content li.product .astra-shop-summary-wrap > a.button,
    body.woocommerce-shop li.product .astra-shop-summary-wrap > a.button,
    body.post-type-archive-product li.product .astra-shop-summary-wrap > a.button,
    body.tax-product_cat li.product .astra-shop-summary-wrap > a.button,
    body.woocommerce-page li.product .astra-shop-summary-wrap > a.button,
    body.single-product .related.products li.product .astra-shop-summary-wrap > a.button {
        min-height: 40px !important;
        padding: 9px 10px !important;
        font-size: 12px !important;
        border-radius: 999px !important;
    }

    .entry-content li.product .ast-woo-product-category,
    body.woocommerce-shop li.product .ast-woo-product-category,
    body.post-type-archive-product li.product .ast-woo-product-category,
    body.tax-product_cat li.product .ast-woo-product-category,
    body.woocommerce-page li.product .ast-woo-product-category,
    body.single-product .related.products li.product .ast-woo-product-category {
        font-size: 10px !important;
        padding: 5px 7px !important;
        margin-top: 8px !important;
    }
}


/* ==========================================================
   PAGE PRODUIT - STRUCTURE PRINCIPALE
   ========================================================== */

/* Fiche produit en grille : image à gauche, résumé à droite */
body.single-product div.product {
    display: grid !important;
    grid-template-columns: 45% 55% !important;
    gap: 40px !important;
    background: transparent !important;
    outline: none !important;
}

/* Galerie produit */
body.single-product div.product > .woocommerce-product-gallery {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 24px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

/* Résumé produit */
body.single-product div.product > .summary.entry-summary {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 28px !important;
    padding: 30px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

/* Image principale dans un container premium arrondi */
body.single-product div.product .woocommerce-product-gallery .flex-viewport {
    background: #f8fafc !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    height: 380px !important;
}

/* Zone image principale */
body.single-product div.product .woocommerce-product-gallery__image {
    height: 380px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8fafc !important;
}

/* Image principale hors zoom */
body.single-product div.product .woocommerce-product-gallery__image img:not(.zoomImg) {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 24px !important;
    margin: 0 !important;
    border-radius: 22px !important;
    background: transparent !important;
}

/* Image zoom WooCommerce */
body.single-product div.product .woocommerce-product-gallery__image .zoomImg {
    border-radius: 22px !important;
}


/* ==========================================================
   PAGE PRODUIT - ONGLET, UPSELLS, PRODUITS SIMILAIRES
   ========================================================== */

/* Les onglets, upsells et produits similaires prennent toute la largeur */
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .related.products,
body.single-product div.product > .upsells.products {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Espacement sous la fiche produit */
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .related.products {
    margin-top: 50px !important;
}

/* Produits similaires : grille desktop */
body.single-product .related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin: 30px 0 0 0 !important;
    padding: 0 !important;
}

/* Supprimer les pseudo-éléments produits similaires */
body.single-product .related.products ul.products::before,
body.single-product .related.products ul.products::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   PAGE PRODUIT - MOBILE
   ========================================================== */

@media (max-width: 900px) {
    /* Le produit ne doit plus rester en 2 colonnes */
    body.single-product div.product {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Galerie image pleine largeur */
    body.single-product div.product > .woocommerce-product-gallery {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 0 24px 0 !important;
        padding: 16px !important;
        border-radius: 22px !important;
    }

    /* Résumé produit pleine largeur */
    body.single-product div.product > .summary.entry-summary {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 0 24px 0 !important;
        padding: 20px !important;
        border-radius: 22px !important;
    }

    /* Image principale moins haute sur mobile */
    body.single-product div.product .woocommerce-product-gallery .flex-viewport {
        width: 100% !important;
        height: 260px !important;
        border-radius: 20px !important;
    }

    /* Zone image principale mobile */
    body.single-product div.product .woocommerce-product-gallery__image {
        height: 260px !important;
    }

    /* Image produit mobile */
    body.single-product div.product .woocommerce-product-gallery__image img:not(.zoomImg) {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    /* Miniatures sous l'image en horizontal */
    body.single-product div.product .flex-control-thumbs {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        overflow-x: auto !important;
        margin: 12px 0 0 0 !important;
        padding: 0 0 8px 0 !important;
    }

    /* Miniature individuelle */
    body.single-product div.product .flex-control-thumbs li {
        flex: 0 0 64px !important;
        width: 64px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 5px !important;
        border-radius: 14px !important;
    }

    /* Image miniature */
    body.single-product div.product .flex-control-thumbs li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        border-radius: 10px !important;
    }

    /* Titre produit mobile */
    body.single-product div.product .summary.entry-summary .product_title {
        font-size: 28px !important;
        line-height: 1.15 !important;
        word-break: normal !important;
    }

    /* Prix mobile */
    body.single-product div.product .summary.entry-summary .price {
        font-size: 24px !important;
    }

    /* Description courte mobile */
    body.single-product div.product .woocommerce-product-details__short-description {
        padding: 16px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* Variations en pleine largeur */
    body.single-product div.product table.variations,
    body.single-product div.product table.variations tbody,
    body.single-product div.product table.variations tr,
    body.single-product div.product table.variations th,
    body.single-product div.product table.variations td {
        display: block !important;
        width: 100% !important;
    }

    /* Select option pleine largeur */
    body.single-product div.product table.variations select {
        width: 100% !important;
        min-height: 46px !important;
    }

    /* Quantité + bouton panier en colonne */
    body.single-product div.product .woocommerce-variation-add-to-cart {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    /* Quantité et bouton panier pleine largeur */
    body.single-product div.product .quantity.buttons_added,
    body.single-product div.product button.single_add_to_cart_button {
        width: 100% !important;
    }

    /* Onglets pleine largeur */
    body.single-product div.product > .woocommerce-tabs {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        margin-top: 34px !important;
    }

    /* Liste des onglets en colonne */
    body.single-product .woocommerce-tabs ul.tabs {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 8px !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
    }

    /* Onglet individuel */
    body.single-product .woocommerce-tabs ul.tabs li {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 12px !important;
    }

    /* Lien onglet */
    body.single-product .woocommerce-tabs ul.tabs li a {
        display: block !important;
        width: 100% !important;
        padding: 12px 14px !important;
    }

    /* Contenu des onglets */
    body.single-product .woocommerce-Tabs-panel {
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        padding: 18px 0 0 0 !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    /* Produits similaires pleine largeur */
    body.single-product div.product > .related.products {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        margin-top: 40px !important;
    }

    /* Titre produits similaires */
    body.single-product .related.products h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 22px !important;
    }

    /* Produits similaires en 1 colonne sur mobile intermédiaire */
    body.single-product .related.products ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Carte produit similaire mobile */
    body.single-product .related.products ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 !important;
    }
}


/* ==========================================================
   BOUTIQUE - STRUCTURE AVEC SIDEBAR + PRODUITS
   Pages concernées :
   - Boutique
   - Archives produits
   - Catégories produits
   ========================================================== */

/* Container général boutique */
body.woocommerce-shop .site-content .ast-container,
body.post-type-archive-product .site-content .ast-container,
body.tax-product_cat .site-content .ast-container {
    max-width: 1280px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;

    display: flex !important;
    align-items: flex-start !important;
    gap: 28px !important;
}

/* Sidebar gauche */
body.woocommerce-shop #secondary,
body.post-type-archive-product #secondary,
body.tax-product_cat #secondary {
    display: block !important;
    position: relative !important;
    flex: 0 0 220px !important;
    width: 220px !important;
    max-width: 220px !important;

    float: none !important;
    clear: none !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Contenu produits */
body.woocommerce-shop #primary,
body.post-type-archive-product #primary,
body.tax-product_cat #primary {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    float: none !important;
    clear: none !important;

    padding: 0 !important;
    margin: 0 !important;

    border: none !important;
}

/* Zone WooCommerce */
body.woocommerce-shop .ast-woocommerce-container,
body.post-type-archive-product .ast-woocommerce-container,
body.tax-product_cat .ast-woocommerce-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Sidebar principale */
body.woocommerce-shop .sidebar-main,
body.post-type-archive-product .sidebar-main,
body.tax-product_cat .sidebar-main {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Ancien style sidebar-main conservé pour les pages non boutique */
.sidebar-main {
    padding: 24px;
    background: #F8FAFC;
    border-radius: 16px;
}

/* Ancien style widget sidebar conservé */
.sidebar-main .ast-woo-sidebar-widget {
    background: #FFFFFF;
    border: 1px solid #E6ECF2;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 20px;
}


/* ==========================================================
   BOUTIQUE - TITRE, COMPTEUR, TRI
   ========================================================== */

/* Titre boutique */
body.woocommerce-shop .woocommerce-products-header,
body.post-type-archive-product .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header {
    text-align: center !important;
    margin-bottom: 34px !important;
}

/* Titre de page boutique */
body.woocommerce-shop .page-title,
body.post-type-archive-product .page-title,
body.tax-product_cat .page-title,
body.woocommerce-shop .woocommerce-products-header__title,
body.post-type-archive-product .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title {
    margin: 36px 0 30px !important;
    color: #0f172a !important;
    font-size: clamp(34px, 5vw, 54px) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

/* Résultat affiché */
body.woocommerce-shop .woocommerce-result-count,
body.post-type-archive-product .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count {
    margin: 0 0 24px 24px !important;
    color: #475569 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Décaler légèrement la grille produits boutique vers la droite */
body.woocommerce-shop ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 28px 0 0 24px !important;
    padding: 0 !important;

    list-style: none !important;
    clear: both !important;
}

/* Produits boutique */
body.woocommerce-shop ul.products li.product,
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    float: none !important;
    clear: none !important;

    margin: 0 !important;
}


/* ==========================================================
   BOUTIQUE - SELECT DE TRI PREMIUM
   ========================================================== */

/* Container du tri */
body.woocommerce-shop .woocommerce-ordering,
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering {
    position: relative !important;
    float: right !important;

    width: 260px !important;
    max-width: 260px !important;

    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

/* Supprimer l'ancienne flèche qui s'affiche comme un "v" */
body.woocommerce-shop .woocommerce-ordering::after,
body.post-type-archive-product .woocommerce-ordering::after,
body.tax-product_cat .woocommerce-ordering::after,
.woocommerce .woocommerce-ordering::after {
    display: none !important;
    content: none !important;
}

/* Select principal */
body.woocommerce-shop .woocommerce-ordering select,
body.post-type-archive-product .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select,
body.woocommerce-shop .woocommerce-ordering .orderby,
body.post-type-archive-product .woocommerce-ordering .orderby,
body.tax-product_cat .woocommerce-ordering .orderby,
.woocommerce .woocommerce-ordering .orderby {
    width: 100% !important;
    min-width: 240px !important;
    height: 48px !important;
    padding: 0 46px 0 18px !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-color: #ffffff !important;
    background-image:
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236f8763' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: center, right 16px center !important;
    background-size: 100% 100%, 18px 18px !important;

    border: 1px solid #d8e0e7 !important;
    border-radius: 999px !important;

    color: #0f172a !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 48px !important;

    box-shadow:
        0 8px 22px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;

    cursor: pointer !important;
    outline: none !important;

    transition: all 0.25s ease !important;
}

/* Hover select tri */
body.woocommerce-shop .woocommerce-ordering select:hover,
body.post-type-archive-product .woocommerce-ordering select:hover,
body.tax-product_cat .woocommerce-ordering select:hover,
body.woocommerce-shop .woocommerce-ordering .orderby:hover,
body.post-type-archive-product .woocommerce-ordering .orderby:hover,
body.tax-product_cat .woocommerce-ordering .orderby:hover,
.woocommerce .woocommerce-ordering .orderby:hover {
    border-color: #a3c29d !important;
    color: #0f172a !important;

    box-shadow:
        0 10px 28px rgba(15, 23, 42, 0.10),
        0 0 0 3px rgba(163, 194, 157, 0.14) !important;
}

/* Focus / clic select tri */
body.woocommerce-shop .woocommerce-ordering select:focus,
body.post-type-archive-product .woocommerce-ordering select:focus,
body.tax-product_cat .woocommerce-ordering select:focus,
body.woocommerce-shop .woocommerce-ordering .orderby:focus,
body.post-type-archive-product .woocommerce-ordering .orderby:focus,
body.tax-product_cat .woocommerce-ordering .orderby:focus,
.woocommerce .woocommerce-ordering .orderby:focus {
    border-color: #6f8763 !important;
    background-color: #ffffff !important;
    color: #0f172a !important;

    box-shadow:
        0 10px 28px rgba(15, 23, 42, 0.12),
        0 0 0 4px rgba(111, 135, 99, 0.18) !important;
}

/* Options du menu déroulant */
body.woocommerce-shop .woocommerce-ordering select option,
body.post-type-archive-product .woocommerce-ordering select option,
body.tax-product_cat .woocommerce-ordering select option {
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}


/* ==========================================================
   BOUTIQUE - RESPONSIVE STRUCTURE
   ========================================================== */

/* Tablette boutique */
@media (max-width: 1024px) {
    body.woocommerce-shop .site-content .ast-container,
    body.post-type-archive-product .site-content .ast-container,
    body.tax-product_cat .site-content .ast-container {
        gap: 22px !important;
    }

    body.woocommerce-shop #secondary,
    body.post-type-archive-product #secondary,
    body.tax-product_cat #secondary {
        flex: 0 0 200px !important;
        width: 200px !important;
        max-width: 200px !important;
    }

    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
}

/* Mobile boutique */
@media (max-width: 767px) {
    body.woocommerce-shop .site-content .ast-container,
    body.post-type-archive-product .site-content .ast-container,
    body.tax-product_cat .site-content .ast-container {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.woocommerce-shop #primary,
    body.post-type-archive-product #primary,
    body.tax-product_cat #primary {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.woocommerce-shop #secondary,
    body.post-type-archive-product #secondary,
    body.tax-product_cat #secondary {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 34px 0 0 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.woocommerce-shop .sidebar-main,
    body.post-type-archive-product .sidebar-main,
    body.tax-product_cat .sidebar-main {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    body.woocommerce-shop .woocommerce-result-count,
    body.post-type-archive-product .woocommerce-result-count,
    body.tax-product_cat .woocommerce-result-count,
    body.woocommerce-shop .woocommerce-ordering,
    body.post-type-archive-product .woocommerce-ordering,
    body.tax-product_cat .woocommerce-ordering {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 16px !important;
    }

    body.woocommerce-shop .woocommerce-ordering select,
    body.post-type-archive-product .woocommerce-ordering select,
    body.tax-product_cat .woocommerce-ordering select,
    body.woocommerce-shop .woocommerce-ordering .orderby,
    body.post-type-archive-product .woocommerce-ordering .orderby,
    body.tax-product_cat .woocommerce-ordering .orderby {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* ==========================================================
   SIDEBAR BOUTIQUE - STYLE PREMIUM SOBRE
   Catégories + filtres WooCommerce
   Blanc + bleu foncé + gris clair
   ========================================================== */

/* Désactiver le container automatique du widget block */
body.woocommerce-shop #secondary .widget_block,
body.post-type-archive-product #secondary .widget_block,
body.tax-product_cat #secondary .widget_block {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 22px 0 !important;
}

/* Container blanc premium pour groupes et widgets de filtre */
body.woocommerce-shop #secondary .wp-block-group,
body.post-type-archive-product #secondary .wp-block-group,
body.tax-product_cat #secondary .wp-block-group,
body.woocommerce-shop #secondary .widget:not(.widget_block),
body.post-type-archive-product #secondary .widget:not(.widget_block),
body.tax-product_cat #secondary .widget:not(.widget_block) {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    padding: 20px 18px !important;
    margin: 0 0 22px 0 !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
}

/* Effet discret au survol sidebar */
body.woocommerce-shop #secondary .widget:hover,
body.post-type-archive-product #secondary .widget:hover,
body.tax-product_cat #secondary .widget:hover,
body.woocommerce-shop #secondary .wp-block-group:hover,
body.post-type-archive-product #secondary .wp-block-group:hover,
body.tax-product_cat #secondary .wp-block-group:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.09) !important;
}

/* Supprimer les arrière-plans des éléments internes du groupe */
body.woocommerce-shop #secondary .wp-block-group > *,
body.post-type-archive-product #secondary .wp-block-group > *,
body.tax-product_cat #secondary .wp-block-group > * {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Titres sidebar */
body.woocommerce-shop #secondary h2,
body.post-type-archive-product #secondary h2,
body.tax-product_cat #secondary h2,
body.woocommerce-shop #secondary h3,
body.post-type-archive-product #secondary h3,
body.tax-product_cat #secondary h3,
body.woocommerce-shop #secondary .widget-title,
body.post-type-archive-product #secondary .widget-title,
body.tax-product_cat #secondary .widget-title,
body.woocommerce-shop #secondary .wp-block-heading,
body.post-type-archive-product #secondary .wp-block-heading,
body.tax-product_cat #secondary .wp-block-heading,
body.woocommerce-shop #secondary .widget:not(.widget_block) h2,
body.post-type-archive-product #secondary .widget:not(.widget_block) h2,
body.tax-product_cat #secondary .widget:not(.widget_block) h2,
body.woocommerce-shop #secondary .widget:not(.widget_block) .widget-title,
body.post-type-archive-product #secondary .widget:not(.widget_block) .widget-title,
body.tax-product_cat #secondary .widget:not(.widget_block) .widget-title {
    margin: 0 0 16px 0 !important;
    padding: 0 0 12px 0 !important;

    color: #2C4969 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    border-bottom: 1px solid #e5e7eb !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Blocs internes WooCommerce sans deuxième container */
body.woocommerce-shop #secondary .wp-block-group .wp-block-woocommerce-product-categories,
body.post-type-archive-product #secondary .wp-block-group .wp-block-woocommerce-product-categories,
body.tax-product_cat #secondary .wp-block-group .wp-block-woocommerce-product-categories,
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Listes sidebar */
body.woocommerce-shop #secondary ul,
body.post-type-archive-product #secondary ul,
body.tax-product_cat #secondary ul,
body.woocommerce-shop #secondary .wp-block-group ul,
body.post-type-archive-product #secondary .wp-block-group ul,
body.tax-product_cat #secondary .wp-block-group ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Lignes catégories / filtres */
body.woocommerce-shop #secondary .wp-block-group li,
body.post-type-archive-product #secondary .wp-block-group li,
body.tax-product_cat #secondary .wp-block-group li,
body.woocommerce-shop #secondary .widget:not(.widget_block) li,
body.post-type-archive-product #secondary .widget:not(.widget_block) li,
body.tax-product_cat #secondary .widget:not(.widget_block) li {
    margin: 0 0 10px 0 !important;
    padding: 10px 12px !important;

    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;

    color: #0f172a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}
/* Dernière ligne */
body.woocommerce-shop #secondary .wp-block-group li:last-child,
body.post-type-archive-product #secondary .wp-block-group li:last-child,
body.tax-product_cat #secondary .wp-block-group li:last-child {
    margin-bottom: 0 !important;
}

/* Liens / labels sidebar */
body.woocommerce-shop #secondary a,
body.post-type-archive-product #secondary a,
body.tax-product_cat #secondary a,
body.woocommerce-shop #secondary .wp-block-group a,
body.post-type-archive-product #secondary .wp-block-group a,
body.tax-product_cat #secondary .wp-block-group a,
body.woocommerce-shop #secondary .widget:not(.widget_block) a,
body.post-type-archive-product #secondary .widget:not(.widget_block) a,
body.tax-product_cat #secondary .widget:not(.widget_block) a,
body.woocommerce-shop #secondary .widget:not(.widget_block) label,
body.post-type-archive-product #secondary .widget:not(.widget_block) label,
body.tax-product_cat #secondary .widget:not(.widget_block) label {
    color: #2C4969 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Hover liens sidebar */
body.woocommerce-shop #secondary a:hover,
body.post-type-archive-product #secondary a:hover,
body.tax-product_cat #secondary a:hover,
body.woocommerce-shop #secondary .wp-block-group a:hover,
body.post-type-archive-product #secondary .wp-block-group a:hover,
body.tax-product_cat #secondary .wp-block-group a:hover {
    color: #6F8763 !important;
    padding-left: 4px !important;
}

/* Compteurs catégories / attributs */
body.woocommerce-shop #secondary .count,
body.post-type-archive-product #secondary .count,
body.tax-product_cat #secondary .count,
body.woocommerce-shop #secondary .wp-block-group .count,
body.post-type-archive-product #secondary .wp-block-group .count,
body.tax-product_cat #secondary .wp-block-group .count {
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* Cases à cocher filtres */
body.woocommerce-shop #secondary input[type="checkbox"],
body.post-type-archive-product #secondary input[type="checkbox"],
body.tax-product_cat #secondary input[type="checkbox"],
body.woocommerce-shop #secondary .wp-block-group input[type="checkbox"],
body.post-type-archive-product #secondary .wp-block-group input[type="checkbox"],
body.tax-product_cat #secondary .wp-block-group input[type="checkbox"],
body.woocommerce-shop #secondary .widget:not(.widget_block) input[type="checkbox"],
body.post-type-archive-product #secondary .widget:not(.widget_block) input[type="checkbox"],
body.tax-product_cat #secondary .widget:not(.widget_block) input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
    border-radius: 6px !important;
    accent-color: #2C4969 !important;
}

/* Labels filtres */
body.woocommerce-shop #secondary label,
body.post-type-archive-product #secondary label,
body.tax-product_cat #secondary label {
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

/* Bloc filtre : espacement entre les groupes */
body.woocommerce-shop #secondary .wpfFilterWrapper,
body.post-type-archive-product #secondary .wpfFilterWrapper,
body.tax-product_cat #secondary .wpfFilterWrapper {
    margin-bottom: 22px !important;
}

/* Titres internes des filtres */
body.woocommerce-shop #secondary .wpfFilterTitle,
body.post-type-archive-product #secondary .wpfFilterTitle,
body.tax-product_cat #secondary .wpfFilterTitle {
    margin-bottom: 12px !important;
    color: #0f172a !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

/* Boutons éventuels des filtres */
body.woocommerce-shop #secondary button,
body.post-type-archive-product #secondary button,
body.tax-product_cat #secondary button,
body.woocommerce-shop #secondary input[type="submit"],
body.post-type-archive-product #secondary input[type="submit"],
body.tax-product_cat #secondary input[type="submit"] {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Hover boutons filtres */
body.woocommerce-shop #secondary button:hover,
body.post-type-archive-product #secondary button:hover,
body.tax-product_cat #secondary button:hover,
body.woocommerce-shop #secondary input[type="submit"]:hover,
body.post-type-archive-product #secondary input[type="submit"]:hover,
body.tax-product_cat #secondary input[type="submit"]:hover {
    background: #0f172a !important;
}

/* Champs de recherche / prix */
body.woocommerce-shop #secondary input[type="text"],
body.woocommerce-shop #secondary input[type="number"],
body.woocommerce-shop #secondary input[type="search"],
body.post-type-archive-product #secondary input[type="text"],
body.post-type-archive-product #secondary input[type="number"],
body.post-type-archive-product #secondary input[type="search"],
body.tax-product_cat #secondary input[type="text"],
body.tax-product_cat #secondary input[type="number"],
body.tax-product_cat #secondary input[type="search"] {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid #dbe3ea !important;
    border-radius: 12px !important;
    color: #0f172a !important;
    font-size: 14px !important;
    outline: none !important;
}

/* Focus champs sidebar */
body.woocommerce-shop #secondary input:focus,
body.post-type-archive-product #secondary input:focus,
body.tax-product_cat #secondary input:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}


/* ==========================================================
   SIDEBAR - CORRECTION BOUTON X PRIX / AVIS
   ========================================================== */

/* La colonne du champ sert de repère au bouton X */
body.woocommerce-shop #secondary .wpc-filters-range-column,
body.post-type-archive-product #secondary .wpc-filters-range-column,
body.tax-product_cat #secondary .wpc-filters-range-column {
    position: relative !important;
}

/* Ajouter de l'espace à droite dans les champs Prix / Avis */
body.woocommerce-shop #secondary .wpc-filters-range-min,
body.woocommerce-shop #secondary .wpc-filters-range-max,
body.post-type-archive-product #secondary .wpc-filters-range-min,
body.post-type-archive-product #secondary .wpc-filters-range-max,
body.tax-product_cat #secondary .wpc-filters-range-min,
body.tax-product_cat #secondary .wpc-filters-range-max {
    padding-right: 32px !important;
    box-sizing: border-box !important;
}

/* Bouton X du prix / avis : annuler le style général des boutons */
body.woocommerce-shop #secondary .wpc-filters-range-column button.wpc-range-clear,
body.post-type-archive-product #secondary .wpc-filters-range-column button.wpc-range-clear,
body.tax-product_cat #secondary .wpc-filters-range-column button.wpc-range-clear {
    position: absolute !important;

    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    color: #64748b !important;

    border: none !important;
    border-radius: 50% !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    font-family: Arial, sans-serif !important;
    line-height: 1 !important;

    box-shadow: none !important;
    outline: none !important;

    z-index: 10 !important;
}

/* Symbole X à l'intérieur */
body.woocommerce-shop #secondary .wpc-filters-range-column button.wpc-range-clear .wpc-search-clear-icon,
body.post-type-archive-product #secondary .wpc-filters-range-column button.wpc-range-clear .wpc-search-clear-icon,
body.tax-product_cat #secondary .wpc-filters-range-column button.wpc-range-clear .wpc-search-clear-icon {
    display: block !important;

    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

/* Hover discret du X */
body.woocommerce-shop #secondary .wpc-filters-range-column button.wpc-range-clear:hover,
body.post-type-archive-product #secondary .wpc-filters-range-column button.wpc-range-clear:hover,
body.tax-product_cat #secondary .wpc-filters-range-column button.wpc-range-clear:hover {
    background: rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
}


/* ==========================================================
   FILTRES ACTIFS - BADGES PREMIUM
   Tout réinitialiser + valeurs choisies
   ========================================================== */

/* Container des badges */
body.woocommerce-shop .wpc-filter-chips-list,
body.post-type-archive-product .wpc-filter-chips-list,
body.tax-product_cat .wpc-filter-chips-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 0 0 22px 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Chaque badge */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip,
body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    border: none !important;
}

/* Lien du badge */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip a,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip a,
body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    padding: 0 14px !important;

    background: #ffffff !important;
    border: 0.7px solid #2563eb !important;
    border-radius: 999px !important;
    overflow: hidden !important;

    color: #0f172a !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    box-shadow:
        0 8px 20px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;

    transform: none !important;
    filter: none !important;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* Contenu interne du badge */
body.woocommerce-shop .wpc-chip-content,
body.post-type-archive-product .wpc-chip-content,
body.tax-product_cat .wpc-chip-content {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Texte du badge */
body.woocommerce-shop .wpc-filter-chip-name,
body.post-type-archive-product .wpc-filter-chip-name,
body.tax-product_cat .wpc-filter-chip-name {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 388 !important;
    line-height: 1 !important;
}

/* Icône X */
body.woocommerce-shop .wpc-chip-remove-icon,
body.post-type-archive-product .wpc-chip-remove-icon,
body.tax-product_cat .wpc-chip-remove-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    background: rgba(37, 99, 235, 0.10) !important;
    color: #2563eb !important;

    border-radius: 50% !important;

    font-size: 13px !important;
    font-weight: 399 !important;
    line-height: 1 !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease !important;
}

/* Hover badge valeur choisie - stable sans agrandissement */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover,
body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover {
    background: #3875a1 !important;
    border-color: #346b91 !important;
    color: #ffffff !important;

    transform: none !important;
    filter: none !important;
    border-radius: 999px !important;
    overflow: hidden !important;

    box-shadow:
        0 8px 20px rgba(37, 99, 235, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* X au hover badge bleu */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover .wpc-chip-remove-icon,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover .wpc-chip-remove-icon,
body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover .wpc-chip-remove-icon {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

/* Bouton Tout réinitialiser */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-chip-reset-all a,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-chip-reset-all a,
body.tax-product_cat .wpc-filter-chips-list li.wpc-chip-reset-all a {
    background: #fff7f7 !important;
    border: 0.3px solid #ef4444 !important;
    border-radius: 999px !important;
    overflow: hidden !important;

    color: #7d3620 !important;

    box-shadow:
        0 8px 20px rgba(239, 68, 68, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;

    transform: none !important;
    filter: none !important;
}

/* X du bouton reset */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-chip-reset-all .wpc-chip-remove-icon,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-chip-reset-all .wpc-chip-remove-icon,
body.tax-product_cat .wpc-filter-chips-list li.wpc-chip-reset-all .wpc-chip-remove-icon {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #dc2626 !important;
}

/* Hover reset - stable sans agrandissement */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-chip-reset-all a:hover,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-chip-reset-all a:hover,
body.tax-product_cat .wpc-filter-chips-list li.wpc-chip-reset-all a:hover {
    background: #d13030 !important;
    border-color: #d13030 !important;
    color: #ffffff !important;

    transform: none !important;
    filter: none !important;
    border-radius: 999px !important;
    overflow: hidden !important;

    box-shadow:
        0 8px 20px rgba(220, 38, 38, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

/* X reset au hover */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-chip-reset-all a:hover .wpc-chip-remove-icon,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-chip-reset-all a:hover .wpc-chip-remove-icon,
body.tax-product_cat .wpc-filter-chips-list li.wpc-chip-reset-all a:hover .wpc-chip-remove-icon {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

/* Sécurité : garder les badges parfaitement arrondis */
body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip a,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip a,
body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip a,
body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip a:hover,
body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip a:hover,
body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip a:hover {
    border-radius: 999px !important;
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
}


/* ==========================================================
   SIDEBAR + FILTRES - MOBILE
   Produits d'abord, widgets en bas
   ========================================================== */

@media (max-width: 767px) {
    /* Widgets en bas : containers propres mais compacts */
    body.woocommerce-shop #secondary .widget,
    body.post-type-archive-product #secondary .widget,
    body.tax-product_cat #secondary .widget {
        margin: 0 0 16px 0 !important;
        padding: 16px !important;

        background: #ffffff !important;
        border: 0.7px solid #e5e7eb !important;
        border-radius: 18px !important;

        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;
    }

    /* Titre Catégories */
    body.woocommerce-shop #secondary #block-23,
    body.post-type-archive-product #secondary #block-23,
    body.tax-product_cat #secondary #block-23 {
        margin-bottom: 8px !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    body.woocommerce-shop #secondary #block-23 p,
    body.post-type-archive-product #secondary #block-23 p,
    body.tax-product_cat #secondary #block-23 p {
        margin: 0 !important;
        padding: 0 !important;

        color: #0f172a !important;

        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    /* Bloc catégories */
    body.woocommerce-shop #secondary #block-17,
    body.post-type-archive-product #secondary #block-17,
    body.tax-product_cat #secondary #block-17 {
        padding: 14px !important;
    }

    body.woocommerce-shop #secondary #block-17 .wp-block-group,
    body.post-type-archive-product #secondary #block-17 .wp-block-group,
    body.tax-product_cat #secondary #block-17 .wp-block-group {
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Catégories en badges horizontaux */
    body.woocommerce-shop #secondary .wc-block-product-categories-list,
    body.post-type-archive-product #secondary .wc-block-product-categories-list,
    body.tax-product_cat #secondary .wc-block-product-categories-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    body.woocommerce-shop #secondary .wc-block-product-categories-list-item,
    body.post-type-archive-product #secondary .wc-block-product-categories-list-item,
    body.tax-product_cat #secondary .wc-block-product-categories-list-item {
        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    body.woocommerce-shop #secondary .wc-block-product-categories-list-item a,
    body.post-type-archive-product #secondary .wc-block-product-categories-list-item a,
    body.tax-product_cat #secondary .wc-block-product-categories-list-item a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;
        padding: 0 12px !important;

        background: #f8fafc !important;
        border: 0.7px solid #d8e0e7 !important;
        border-radius: 999px !important;

        color: #2c4969 !important;

        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    /* Filtres mobile en bas */
    body.woocommerce-shop #secondary .widget_wpc_filters_widget,
    body.post-type-archive-product #secondary .widget_wpc_filters_widget,
    body.tax-product_cat #secondary .widget_wpc_filters_widget {
        padding: 16px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-main-wrap,
    body.post-type-archive-product #secondary .wpc-filters-main-wrap,
    body.tax-product_cat #secondary .wpc-filters-main-wrap {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Bouton ouvrir/fermer les filtres */
    body.woocommerce-shop #secondary .wpc-open-close-filters-button,
    body.post-type-archive-product #secondary .wpc-open-close-filters-button,
    body.tax-product_cat #secondary .wpc-open-close-filters-button {
        width: 100% !important;
        min-height: 42px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 16px !important;

        background: #2c4969 !important;
        border: 0.7px solid #2c4969 !important;
        border-radius: 999px !important;

        color: #ffffff !important;

        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        box-shadow: 0 8px 22px rgba(44, 73, 105, 0.18) !important;
    }

    /* Réduire l'espace du contenu des filtres */
    body.woocommerce-shop #secondary .wpc-filters-widget-content,
    body.post-type-archive-product #secondary .wpc-filters-widget-content,
    body.tax-product_cat #secondary .wpc-filters-widget-content {
        margin-top: 14px !important;
        padding: 0 !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-widget-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-widget-wrapper,
    body.tax-product_cat #secondary .wpc-filters-widget-wrapper {
        display: grid !important;
        gap: 12px !important;
    }

    /* Chaque attribut plus compact */
    body.woocommerce-shop #secondary .wpc-filters-section,
    body.post-type-archive-product #secondary .wpc-filters-section,
    body.tax-product_cat #secondary .wpc-filters-section {
        margin: 0 !important;
        padding: 12px !important;

        background: #f8fafc !important;
        border: 0.7px solid #e5e7eb !important;
        border-radius: 14px !important;
    }

    /* Titre attribut */
    body.woocommerce-shop #secondary .wpc-filter-title,
    body.post-type-archive-product #secondary .wpc-filter-title,
    body.tax-product_cat #secondary .wpc-filter-title {
        margin: 0 0 8px 0 !important;
        padding: 0 !important;

        border: none !important;

        color: #0f172a !important;

        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    /* Listes des termes */
    body.woocommerce-shop #secondary .wpc-filters-ul-list,
    body.post-type-archive-product #secondary .wpc-filters-ul-list,
    body.tax-product_cat #secondary .wpc-filters-ul-list {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-ul-list li,
    body.post-type-archive-product #secondary .wpc-filters-ul-list li,
    body.tax-product_cat #secondary .wpc-filters-ul-list li {
        margin: 0 0 6px 0 !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* Réduire l'espace entre les checkbox et le texte */
    body.woocommerce-shop #secondary .wpc-filters-ul-list input[type="checkbox"],
    body.post-type-archive-product #secondary .wpc-filters-ul-list input[type="checkbox"],
    body.tax-product_cat #secondary .wpc-filters-ul-list input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;
        margin-right: 6px !important;
    }

    /* Texte "il n'y a pas encore de termes" compact */
    body.woocommerce-shop #secondary .wpc-no-filter-terms,
    body.post-type-archive-product #secondary .wpc-no-filter-terms,
    body.tax-product_cat #secondary .wpc-no-filter-terms {
        font-size: 12px !important;
        line-height: 1.35 !important;
        color: #64748b !important;
    }

    /* Prix / Avis : champs plus compacts */
    body.woocommerce-shop #secondary .wpc-filters-range-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-range-wrapper,
    body.tax-product_cat #secondary .wpc-filters-range-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;

        margin: 8px 0 12px 0 !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-range-min,
    body.woocommerce-shop #secondary .wpc-filters-range-max,
    body.post-type-archive-product #secondary .wpc-filters-range-min,
    body.post-type-archive-product #secondary .wpc-filters-range-max,
    body.tax-product_cat #secondary .wpc-filters-range-min,
    body.tax-product_cat #secondary .wpc-filters-range-max {
        height: 38px !important;
        padding-left: 10px !important;
        padding-right: 28px !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 38px !important;
    }

    /* Slider compact */
    body.woocommerce-shop #secondary .wpc-filters-range-slider-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-range-slider-wrapper,
    body.tax-product_cat #secondary .wpc-filters-range-slider-wrapper {
        margin: 12px 4px 4px 4px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-range-slider-control,
    body.post-type-archive-product #secondary .wpc-filters-range-slider-control,
    body.tax-product_cat #secondary .wpc-filters-range-slider-control {
        height: 4px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-range-slider-control .ui-slider-handle,
    body.post-type-archive-product #secondary .wpc-filters-range-slider-control .ui-slider-handle,
    body.tax-product_cat #secondary .wpc-filters-range-slider-control .ui-slider-handle {
        width: 18px !important;
        height: 18px !important;
    }

    /* Boutons appliquer / annuler compacts */
    body.woocommerce-shop #secondary .wpc-filters-widget-controls-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-widget-controls-wrapper,
    body.tax-product_cat #secondary .wpc-filters-widget-controls-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;

        margin-top: 14px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-apply-button,
    body.post-type-archive-product #secondary .wpc-filters-apply-button,
    body.tax-product_cat #secondary .wpc-filters-apply-button,
    body.woocommerce-shop #secondary .wpc-filters-close-button,
    body.post-type-archive-product #secondary .wpc-filters-close-button,
    body.tax-product_cat #secondary .wpc-filters-close-button {
        min-height: 38px !important;
        padding: 0 12px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 999px !important;

        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-apply-button,
    body.post-type-archive-product #secondary .wpc-filters-apply-button,
    body.tax-product_cat #secondary .wpc-filters-apply-button {
        background: #2c4969 !important;
        color: #ffffff !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-close-button,
    body.post-type-archive-product #secondary .wpc-filters-close-button,
    body.tax-product_cat #secondary .wpc-filters-close-button {
        background: #f1f5f9 !important;
        color: #0f172a !important;
    }

    /* Mobile : garder le X propre dans la case */
    body.woocommerce-shop #secondary .wpc-filters-range-column button.wpc-range-clear,
    body.post-type-archive-product #secondary .wpc-filters-range-column button.wpc-range-clear,
    body.tax-product_cat #secondary .wpc-filters-range-column button.wpc-range-clear {
        right: 7px !important;
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        font-size: 11px !important;
    }
}


/* ==========================================================
   FILTRES ACTIFS MOBILE - FORCER L'AFFICHAGE
   Filter Everything / WPC
   ========================================================== */

@media (max-width: 767px) {
    /* Forcer l'affichage de la zone des chips même si le plugin la marque desktop */
    body.woocommerce-shop #secondary .wpc-filters-widget-top-container,
    body.post-type-archive-product #secondary .wpc-filters-widget-top-container,
    body.tax-product_cat #secondary .wpc-filters-widget-top-container,
    body.woocommerce-shop #secondary .wpc-filters-widget-top-container.wpc-show-on-desktop,
    body.post-type-archive-product #secondary .wpc-filters-widget-top-container.wpc-show-on-desktop,
    body.tax-product_cat #secondary .wpc-filters-widget-top-container.wpc-show-on-desktop {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 0 12px 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    body.woocommerce-shop #secondary .wpc-widget-top-inside,
    body.post-type-archive-product #secondary .wpc-widget-top-inside,
    body.tax-product_cat #secondary .wpc-widget-top-inside,
    body.woocommerce-shop #secondary .wpc-inner-widget-chips-wrapper,
    body.post-type-archive-product #secondary .wpc-inner-widget-chips-wrapper,
    body.tax-product_cat #secondary .wpc-inner-widget-chips-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    /* Liste des valeurs choisies */
    body.woocommerce-shop #secondary ul.wpc-filter-chips-list,
    body.post-type-archive-product #secondary ul.wpc-filter-chips-list,
    body.tax-product_cat #secondary ul.wpc-filter-chips-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 0 12px 0 !important;
        padding: 0 !important;

        list-style: none !important;
        overflow: visible !important;
    }

    /* Même si le plugin ajoute "empty", on ne masque pas la liste */
    body.woocommerce-shop #secondary ul.wpc-filter-chips-list.wpc-empty-chips-container,
    body.post-type-archive-product #secondary ul.wpc-filter-chips-list.wpc-empty-chips-container,
    body.tax-product_cat #secondary ul.wpc-filter-chips-list.wpc-empty-chips-container {
        display: flex !important;
    }

    /* Chaque chip */
    body.woocommerce-shop #secondary ul.wpc-filter-chips-list li.wpc-filter-chip,
    body.post-type-archive-product #secondary ul.wpc-filter-chips-list li.wpc-filter-chip,
    body.tax-product_cat #secondary ul.wpc-filter-chips-list li.wpc-filter-chip {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
        overflow: visible !important;
    }

    /* Style compact des valeurs choisies */
    body.woocommerce-shop #secondary ul.wpc-filter-chips-list li.wpc-filter-chip a,
    body.post-type-archive-product #secondary ul.wpc-filter-chips-list li.wpc-filter-chip a,
    body.tax-product_cat #secondary ul.wpc-filter-chips-list li.wpc-filter-chip a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 31px !important;
        padding: 0 10px !important;

        background: #ffffff !important;
        border: 0.7px solid #d8e0e7 !important;
        border-radius: 999px !important;

        color: #0f172a !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        box-shadow: 0 5px 14px rgba(15, 23, 42, 0.06) !important;

        transform: none !important;
        filter: none !important;
        overflow: hidden !important;
    }

    /* Bouton Tout réinitialiser */
    body.woocommerce-shop #secondary ul.wpc-filter-chips-list li.wpc-chip-reset-all,
    body.post-type-archive-product #secondary ul.wpc-filter-chips-list li.wpc-chip-reset-all,
    body.tax-product_cat #secondary ul.wpc-filter-chips-list li.wpc-chip-reset-all {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: static !important;

        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        pointer-events: auto !important;
    }

    body.woocommerce-shop #secondary ul.wpc-filter-chips-list li.wpc-chip-reset-all a,
    body.post-type-archive-product #secondary ul.wpc-filter-chips-list li.wpc-chip-reset-all a,
    body.tax-product_cat #secondary ul.wpc-filter-chips-list li.wpc-chip-reset-all a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 31px !important;
        padding: 0 11px !important;

        background: #fff7f7 !important;
        border: 0.7px solid #ef4444 !important;
        border-radius: 999px !important;

        color: #7d3620 !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        box-shadow: 0 5px 14px rgba(239, 68, 68, 0.10) !important;

        transform: none !important;
        filter: none !important;
        overflow: hidden !important;
    }

    /* Contenu interne */
    body.woocommerce-shop #secondary .wpc-chip-content,
    body.post-type-archive-product #secondary .wpc-chip-content,
    body.tax-product_cat #secondary .wpc-chip-content {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    body.woocommerce-shop #secondary .wpc-filter-chip-name,
    body.post-type-archive-product #secondary .wpc-filter-chip-name,
    body.tax-product_cat #secondary .wpc-filter-chip-name {
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }

    /* Icône X */
    body.woocommerce-shop #secondary .wpc-chip-remove-icon,
    body.post-type-archive-product #secondary .wpc-chip-remove-icon,
    body.tax-product_cat #secondary .wpc-chip-remove-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 16px !important;
        height: 16px !important;

        background: rgba(37, 99, 235, 0.10) !important;
        color: #2563eb !important;

        border-radius: 50% !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    /* X du reset */
    body.woocommerce-shop #secondary li.wpc-chip-reset-all .wpc-chip-remove-icon,
    body.post-type-archive-product #secondary li.wpc-chip-reset-all .wpc-chip-remove-icon,
    body.tax-product_cat #secondary li.wpc-chip-reset-all .wpc-chip-remove-icon {
        background: rgba(239, 68, 68, 0.12) !important;
        color: #dc2626 !important;
    }

    /* Hover / clic reset mobile */
    body.woocommerce-shop #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:hover,
    body.post-type-archive-product #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:hover,
    body.tax-product_cat #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:hover,
    body.woocommerce-shop #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:active,
    body.post-type-archive-product #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:active,
    body.tax-product_cat #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:active {
        background: #d13030 !important;
        border-color: #d13030 !important;
        color: #ffffff !important;

        transform: none !important;
        filter: none !important;
        border-radius: 999px !important;
    }

    body.woocommerce-shop #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:hover .wpc-chip-remove-icon,
    body.post-type-archive-product #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:hover .wpc-chip-remove-icon,
    body.tax-product_cat #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:hover .wpc-chip-remove-icon,
    body.woocommerce-shop #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:active .wpc-chip-remove-icon,
    body.post-type-archive-product #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:active .wpc-chip-remove-icon,
    body.tax-product_cat #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a:active .wpc-chip-remove-icon {
        background: rgba(255, 255, 255, 0.22) !important;
        color: #ffffff !important;
    }
}


/* ==========================================================
   PAGE MON COMPTE
   ========================================================== */

/* Navigation Mon compte */
.woocommerce-MyAccount-navigation {
    width: 28%;
}

/* Contenu Mon compte */
.woocommerce-MyAccount-content {
    width: 68%;
    background: #ffffff;
    padding: 24px;
    border-radius: 12px;
}

/* Liste navigation Mon compte */
.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Liens navigation Mon compte */
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 14px 18px;
    background: #f5f7fa;
    color: #2C4969;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 10px;
    font-weight: 600;
}

/* Lien actif Mon compte */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #2C4969;
    color: #ffffff;
}

/* Retirer la sidebar filtres/catégories sur Mon compte */
body.woocommerce-account #secondary,
body.woocommerce-account .sidebar-main {
    display: none !important;
}

/* Page Mon compte en pleine largeur */
body.woocommerce-account #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    border: none !important;
}

/* Container Mon compte centré */
body.woocommerce-account .site-content .ast-container {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    display: block !important;
}
/* ==========================================================
   PAGE MON COMPTE - Bouton Enregistrer les modifications
   ========================================================== */

/* Bouton Enregistrer les modifications */
body.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button,
body.woocommerce-account .woocommerce-EditAccountForm button.button,
body.woocommerce-account .woocommerce-EditAccountForm button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 14px 30px !important;
    margin-top: 24px !important;
    margin-left: 0 !important;

    background: #2C4969 !important;
    color: #ffffff !important;

    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.22) !important;

    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Hover bouton Enregistrer les modifications */
body.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:hover,
body.woocommerce-account .woocommerce-EditAccountForm button.button:hover,
body.woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(29, 40, 53, 0.28) !important;
}

/* Focus / clic bouton Enregistrer les modifications */
body.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:focus,
body.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:active,
body.woocommerce-account .woocommerce-EditAccountForm button.button:focus,
body.woocommerce-account .woocommerce-EditAccountForm button.button:active,
body.woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:focus,
body.woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:active {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    outline: none !important;
    box-shadow: 0 0 0 4px rgba(44, 73, 105, 0.18) !important;
}
/* ==========================================================
   PAGE MON COMPTE - Onglet Téléchargements
   Message + bouton Parcourir les produits
   ========================================================== */

/* Message d'information dans Mon compte */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    background: #ffffff !important;
    color: #27323f !important;

    border-top: none !important;
    border-left: 4px solid #2C4969 !important;
    border-radius: 18px !important;

    padding: 22px 24px 22px 58px !important;
    margin: 0 0 24px 0 !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;

    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07) !important;
}

/* Icône info WooCommerce */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
    color: #2C4969 !important;
    top: 22px !important;
    left: 24px !important;
}

/* Bouton Parcourir les produits */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.wc-forward,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 14px 30px !important;
    margin: 0 0 0 16px !important;

    background: #2C4969 !important;
    color: #ffffff !important;

    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.22) !important;

    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Hover bouton Parcourir les produits */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.wc-forward:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(29, 40, 53, 0.28) !important;
}

/* Focus / clic bouton Parcourir les produits */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button:focus,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button:active,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.wc-forward:focus,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.wc-forward:active,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward:focus,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward:active {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    outline: none !important;
    box-shadow: 0 0 0 4px rgba(44, 73, 105, 0.18) !important;
}

/* Mobile : bouton sous le texte */
@media (max-width: 767px) {
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
        padding: 20px 18px 20px 52px !important;
        font-size: 14px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.wc-forward,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button.wc-forward {
        width: 100% !important;
        margin: 16px 0 0 0 !important;
    }
}
/* ==========================================================
   PAGE MON COMPTE - Tableau de bord
   Message de bienvenue + texte explicatif
   ========================================================== */

/* Container principal du contenu Mon compte */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: #ffffff !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;

    padding: 30px !important;

    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;

    color: #27323f !important;
}

/* Paragraphes du tableau de bord Mon compte */
body.woocommerce-account .woocommerce-MyAccount-content p {
    margin: 0 0 18px 0 !important;

    color: #475569 !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
}

/* Premier paragraphe : Bonjour + déconnexion */
body.woocommerce-account .woocommerce-MyAccount-content p:first-child {
    padding: 18px 20px !important;
    margin: 0 0 22px 0 !important;

    background: #f8fafc !important;

    border: 1px solid #e5e7eb !important;
    border-left: 4px solid #2C4969 !important;
    border-radius: 18px !important;

    color: #27323f !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
}

/* Email / texte fort dans le message */
body.woocommerce-account .woocommerce-MyAccount-content p strong {
    color: #2C4969 !important;
    font-weight: 900 !important;
}

/* Liens dans le tableau de bord : Déconnexion, commandes, adresses, détails du compte */
body.woocommerce-account .woocommerce-MyAccount-content p a {
    color: #2C4969 !important;

    font-weight: 800 !important;
    text-decoration: none !important;

    border-bottom: 1px solid rgba(44, 73, 105, 0.35) !important;

    transition: all 0.25s ease !important;
}

/* Hover des liens */
body.woocommerce-account .woocommerce-MyAccount-content p a:hover {
    color: #1d2835 !important;
    border-bottom-color: #1d2835 !important;
}

/* Dernier paragraphe : texte explicatif du tableau de bord */
body.woocommerce-account .woocommerce-MyAccount-content p:last-child {
    padding: 20px 22px !important;
    margin-bottom: 0 !important;

    background: #ffffff !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;

    color: #475569 !important;

    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content p:first-child,
    body.woocommerce-account .woocommerce-MyAccount-content p:last-child {
        padding: 16px !important;
        border-radius: 16px !important;
    }
}
/* ==========================================================
   PAGE MON COMPTE - Onglet Adresses
   Adresse de facturation + Adresse de livraison
   ========================================================== */

/* Texte d’introduction au-dessus des adresses */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    padding: 18px 20px !important;
    margin: 0 0 26px 0 !important;

    background: #f8fafc !important;

    border: 1px solid #e5e7eb !important;
    border-left: 4px solid #2C4969 !important;
    border-radius: 18px !important;

    color: #475569 !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;

    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

/* Container des deux cartes adresses */
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .woocommerce-Addresses.col2-set {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Chaque carte adresse */
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
body.woocommerce-account .woocommerce-Addresses .col-1,
body.woocommerce-account .woocommerce-Addresses .col-2 {
    width: 100% !important;
    max-width: 100% !important;

    float: none !important;
    clear: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;

    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;

    overflow: hidden !important;

    transition: all 0.25s ease !important;
}

/* Hover léger sur les cartes */
body.woocommerce-account .woocommerce-Address:hover,
body.woocommerce-account .woocommerce-Addresses .col-1:hover,
body.woocommerce-account .woocommerce-Addresses .col-2:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10) !important;
}

/* En-tête de chaque carte */
body.woocommerce-account .woocommerce-Address-title,
body.woocommerce-account .woocommerce-Address .title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;

    margin: 0 !important;
    padding: 26px 26px 22px 26px !important;

    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;

    border-bottom: 1px solid #e5e7eb !important;
}

/* Titre : Adresse de facturation / livraison */
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address .title h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: #1d2835 !important;

    font-size: clamp(28px, 3vw, 40px) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;

    letter-spacing: -0.03em !important;
}

/* Lien Ajouter / Modifier adresse */
body.woocommerce-account .woocommerce-Address-title .edit,
body.woocommerce-account .woocommerce-Address .title .edit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    padding: 0 18px !important;

    background: #2C4969 !important;

    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow: 0 8px 22px rgba(44, 73, 105, 0.18) !important;

    transition: all 0.25s ease !important;
}

/* Hover du lien Ajouter / Modifier */
body.woocommerce-account .woocommerce-Address-title .edit:hover,
body.woocommerce-account .woocommerce-Address .title .edit:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 12px 28px rgba(29, 40, 53, 0.25) !important;
}

/* Texte de l’adresse ou message “Vous n’avez pas encore défini...” */
body.woocommerce-account .woocommerce-Address address {
    margin: 0 !important;
    padding: 22px 26px 26px 26px !important;

    background: #ffffff !important;

    color: #475569 !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.7 !important;
}

/* Message quand aucune adresse n’est définie */
body.woocommerce-account .woocommerce-Address address em {
    display: block !important;

    padding: 16px 18px !important;

    background: #f8fafc !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;

    color: #475569 !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    line-height: 1.7 !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-account .woocommerce-Addresses,
    body.woocommerce-account .woocommerce-Addresses.col2-set {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.woocommerce-account .woocommerce-Address-title,
    body.woocommerce-account .woocommerce-Address .title {
        padding: 22px 20px 18px 20px !important;
    }

    body.woocommerce-account .woocommerce-Address-title h2,
    body.woocommerce-account .woocommerce-Address .title h2 {
        font-size: 28px !important;
        line-height: 1.25 !important;
    }

    body.woocommerce-account .woocommerce-Address-title .edit,
    body.woocommerce-account .woocommerce-Address .title .edit {
        width: 100% !important;
        min-height: 42px !important;
    }

    body.woocommerce-account .woocommerce-Address address {
        padding: 20px !important;
        font-size: 14px !important;
    }

    body.woocommerce-account .woocommerce-Address address em {
        padding: 14px 16px !important;
        font-size: 14px !important;
    }
}
/* ==========================================================
   PAGE MON COMPTE - Bouton Se connecter
   Formulaire de connexion WooCommerce
   ========================================================== */

/* Bouton Se connecter */
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit,
body.woocommerce-account form.login button.woocommerce-form-login__submit,
body.woocommerce-account form.login button[name="login"] {
    width: auto !important;
    min-width: 180px !important;
    min-height: 48px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 16px 0 0 0 !important;
    padding: 0 30px !important;

    background: #2C4969 !important;
    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.22) !important;

    cursor: pointer !important;

    transition: all 0.25s ease !important;
}

/* Hover du bouton Se connecter */
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
body.woocommerce-account form.login button.woocommerce-form-login__submit:hover,
body.woocommerce-account form.login button[name="login"]:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 14px 30px rgba(29, 40, 53, 0.28) !important;
}

/* Focus / clic du bouton Se connecter */
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit:focus,
body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit:active,
body.woocommerce-account form.login button.woocommerce-form-login__submit:focus,
body.woocommerce-account form.login button.woocommerce-form-login__submit:active,
body.woocommerce-account form.login button[name="login"]:focus,
body.woocommerce-account form.login button[name="login"]:active {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    outline: none !important;

    transform: translateY(0) !important;

    box-shadow: 0 0 0 4px rgba(44, 73, 105, 0.18) !important;
}

/* Mobile : bouton pleine largeur */
@media (max-width: 767px) {
    body.woocommerce-account form.woocommerce-form-login button.woocommerce-form-login__submit,
    body.woocommerce-account form.login button.woocommerce-form-login__submit,
    body.woocommerce-account form.login button[name="login"] {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;

        margin-top: 16px !important;
    }
}
/* ==========================================================
   PAGE MON COMPTE - Bouton Réinitialiser le mot de passe
   Formulaire WooCommerce mot de passe oublié
   ========================================================== */

/* Bouton Réinitialiser le mot de passe */
body.woocommerce-account .woocommerce-ResetPassword .button,
body.woocommerce-account form.woocommerce-ResetPassword button.button,
body.woocommerce-account form.woocommerce-ResetPassword input.button {
    width: auto !important;
    min-width: 240px !important;
    min-height: 48px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 16px 0 0 0 !important;
    padding: 0 30px !important;

    background: #2C4969 !important;
    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.22) !important;

    cursor: pointer !important;

    transition: all 0.25s ease !important;
}

/* Hover du bouton Réinitialiser le mot de passe */
body.woocommerce-account .woocommerce-ResetPassword .button:hover,
body.woocommerce-account form.woocommerce-ResetPassword button.button:hover,
body.woocommerce-account form.woocommerce-ResetPassword input.button:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 14px 30px rgba(29, 40, 53, 0.28) !important;
}

/* Focus / clic du bouton Réinitialiser le mot de passe */
body.woocommerce-account .woocommerce-ResetPassword .button:focus,
body.woocommerce-account .woocommerce-ResetPassword .button:active,
body.woocommerce-account form.woocommerce-ResetPassword button.button:focus,
body.woocommerce-account form.woocommerce-ResetPassword button.button:active,
body.woocommerce-account form.woocommerce-ResetPassword input.button:focus,
body.woocommerce-account form.woocommerce-ResetPassword input.button:active {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    outline: none !important;

    transform: translateY(0) !important;

    box-shadow: 0 0 0 4px rgba(44, 73, 105, 0.18) !important;
}

/* État désactivé : quand WooCommerce / Turnstile bloque encore le bouton */
body.woocommerce-account .woocommerce-ResetPassword .button:disabled,
body.woocommerce-account .woocommerce-ResetPassword .button[disabled],
body.woocommerce-account form.woocommerce-ResetPassword button.button:disabled,
body.woocommerce-account form.woocommerce-ResetPassword button.button[disabled],
body.woocommerce-account form.woocommerce-ResetPassword input.button:disabled,
body.woocommerce-account form.woocommerce-ResetPassword input.button[disabled] {
    background: #9ca7ab !important;
    border-color: #9ca7ab !important;
    color: #ffffff !important;

    opacity: 0.55 !important;
    cursor: not-allowed !important;

    transform: none !important;
    box-shadow: none !important;
}

/* Mobile : bouton pleine largeur */
@media (max-width: 767px) {
    body.woocommerce-account .woocommerce-ResetPassword .button,
    body.woocommerce-account form.woocommerce-ResetPassword button.button,
    body.woocommerce-account form.woocommerce-ResetPassword input.button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;

        margin-top: 16px !important;
    }
}
/* ==========================================================
   PAGE MON COMPTE - Confirmation de déconnexion
   Message : Souhaitez-vous vraiment vous déconnecter ?
   ========================================================== */

/* Boîte du message de confirmation de déconnexion */
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="customer-logout"]),
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="deconnexion"]) {
    max-width: 680px !important;

    margin: 0 auto !important;
    padding: 28px 30px !important;

    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;

    color: #27323f !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
    text-align: center !important;

    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

/* Liens dans la boîte : Confirmer / Se déconnecter */
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="customer-logout"]) a,
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="deconnexion"]) a {
    min-width: 180px !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 18px 6px 0 6px !important;
    padding: 0 24px !important;

    background: #2C4969 !important;
    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.22) !important;

    transition: all 0.25s ease !important;
}

/* Hover des liens */
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="customer-logout"]) a:hover,
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="deconnexion"]) a:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 14px 30px rgba(29, 40, 53, 0.28) !important;
}

/* Clic / focus */
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="customer-logout"]) a:focus,
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="customer-logout"]) a:active,
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="deconnexion"]) a:focus,
body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="deconnexion"]) a:active {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    outline: none !important;
    transform: translateY(0) !important;

    box-shadow: 0 0 0 4px rgba(44, 73, 105, 0.18) !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="customer-logout"]),
    body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="deconnexion"]) {
        padding: 24px 18px !important;
        font-size: 15px !important;
        text-align: center !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="customer-logout"]) a,
    body.woocommerce-account .woocommerce-MyAccount-content p:has(a[href*="deconnexion"]) a {
        width: 100% !important;
        min-width: 0 !important;

        margin: 14px 0 0 0 !important;
    }
}
/* ==========================================================
   PAGE PANIER
   ========================================================== */

/* Retirer la sidebar filtres/catégories sur Panier */
body.woocommerce-cart #secondary,
body.woocommerce-cart .sidebar-main {
    display: none !important;
}

/* ==========================================================
   PAGE PANIER - Bouton Retour à la boutique
   ========================================================== */

/* Container du bouton Retour à la boutique */
body.woocommerce-cart .return-to-shop {
    margin-top: 28px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

/* Bouton Retour à la boutique */
body.woocommerce-cart .return-to-shop a.button,
body.woocommerce-cart .return-to-shop a.button.wc-backward,
body.woocommerce-cart .woocommerce a.button.wc-backward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    padding: 14px 30px !important;

    background: #2C4969 !important;
    color: #ffffff !important;

    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.22) !important;

    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Hover bouton Retour à la boutique */
body.woocommerce-cart .return-to-shop a.button:hover,
body.woocommerce-cart .return-to-shop a.button.wc-backward:hover,
body.woocommerce-cart .woocommerce a.button.wc-backward:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(29, 40, 53, 0.28) !important;
}

/* Focus / clic bouton Retour à la boutique */
body.woocommerce-cart .return-to-shop a.button:focus,
body.woocommerce-cart .return-to-shop a.button:active,
body.woocommerce-cart .return-to-shop a.button.wc-backward:focus,
body.woocommerce-cart .return-to-shop a.button.wc-backward:active,
body.woocommerce-cart .woocommerce a.button.wc-backward:focus,
body.woocommerce-cart .woocommerce a.button.wc-backward:active {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    outline: none !important;
    box-shadow: 0 0 0 4px rgba(44, 73, 105, 0.18) !important;
}

/* Page Panier en pleine largeur */
body.woocommerce-cart #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    border: none !important;
}

/* Container Panier centré */
body.woocommerce-cart .site-content .ast-container {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    display: block !important;
}


/* ==========================================================
   PAGE RECHERCHE - MASQUER SIDEBAR
   Recherche aboutie ou non aboutie
   ========================================================== */

/* Masquer la sidebar sur les pages de recherche */
body.search #secondary,
body.search .sidebar-main,
body.search-results #secondary,
body.search-results .sidebar-main,
body.search-no-results #secondary,
body.search-no-results .sidebar-main {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Le contenu de la recherche prend toute la largeur */
body.search #primary,
body.search-results #primary,
body.search-no-results #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Container recherche centré */
body.search .site-content .ast-container,
body.search-no-results .site-content .ast-container {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    display: block !important;
}

/* Container recherche plus large pour afficher 3 cartes */
body.search-results .site-content .ast-container {
    max-width: 1240px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    display: block !important;
}

/* Supprimer la séparation Astra de la sidebar */
body.search.ast-left-sidebar #secondary,
body.search-results.ast-left-sidebar #secondary,
body.search-no-results.ast-left-sidebar #secondary {
    border-right: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}


/* ==========================================================
   PAGE RECHERCHE - RÉSULTATS EN GRILLE STYLE BOUTIQUE
   ========================================================== */

/* Si Astra utilise un wrapper .ast-row */
body.search-results #main .ast-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
    margin-top: 40px !important;
}

/* Si les articles sont directement dans #main */
body.search-results #main:not(:has(.ast-row)) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* Le bloc message / titre de recherche doit rester pleine largeur */
body.search-results #main > header,
body.search-results #main > .page-header,
body.search-results #main > .ast-archive-description,
body.search-results #main > .woocommerce-notices-wrapper {
    grid-column: 1 / -1 !important;
}

/* Carte résultat */
body.search-results article,
body.search-results .ast-row article {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 18px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

/* Survol de la carte */
body.search-results article:hover,
body.search-results .ast-row article:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10) !important;
}

/* Supprimer les marges Astra internes inutiles */
body.search-results article .ast-post-format-,
body.search-results article .post-content,
body.search-results article .entry-header,
body.search-results article .entry-content,
body.search-results article .entry-summary {
    margin: 0 !important;
    padding: 0 !important;
}

/* Zone image */
body.search-results article .post-thumb-img-content,
body.search-results article .ast-blog-featured-section,
body.search-results article .entry-content > p:first-child:has(img),
body.search-results article .entry-summary > p:first-child:has(img) {
    width: 100% !important;
    height: 230px !important;

    margin: 0 0 18px 0 !important;
    padding: 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f8fafc !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Images des résultats */
body.search-results article img {
    width: 100% !important;
    height: 100% !important;
    max-height: 210px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
}

/* Empêcher les images énormes */
body.search-results article .post-thumb-img-content img,
body.search-results article .ast-blog-featured-section img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Titre résultat */
body.search-results article .entry-title,
body.search-results article .entry-title a {
    color: #0f172a !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

/* Hover titre */
body.search-results article .entry-title a:hover {
    color: #2563eb !important;
}

/* Texte extrait */
body.search-results article .entry-summary,
body.search-results article .entry-content {
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Limiter la hauteur du texte */
body.search-results article .entry-summary p,
body.search-results article .entry-content p {
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Bouton / lien lire la suite */
body.search-results article .read-more,
body.search-results article .ast-button,
body.search-results article a.more-link {
    margin-top: auto !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #2C4969 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Couleur du texte Lire la suite */
body.search-results article .read-more a,
body.search-results article .read-more a:visited {
    color: #dbe2e7 !important;
    text-decoration: none !important;
}

/* ==========================================================
   PAGE RECHERCHE - Espacer le bouton vendeur du bouton Lire la suite
   ========================================================== */

/* Bouton Acheter chez le vendeur */
body.search-results article a[style*="max-content"] {
    margin-bottom: 14px !important;
    margin-top: 14px !important;
}

/* Bloc Lire la suite */
body.search-results article .read-more {
    margin-top: 14px !important;
}

/* Hover bouton recherche */
body.search-results article .read-more:hover,
body.search-results article .ast-button:hover,
body.search-results article a.more-link:hover {
    background: #0f172a !important;
    color: #ffffff !important;
}

/* Si la recherche affiche une vraie grille WooCommerce */
body.search-results ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.search-results ul.products::before,
body.search-results ul.products::after {
    display: none !important;
    content: none !important;
}

body.search-results ul.products li.product {
    width: auto !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}


/* ==========================================================
   PAGE RECHERCHE - RESPONSIVE
   ========================================================== */

@media (max-width: 1024px) {
    body.search-results #main .ast-row,
    body.search-results #main:not(:has(.ast-row)),
    body.search-results ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

@media (max-width: 600px) {
    body.search-results .site-content .ast-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.search-results #main .ast-row,
    body.search-results #main:not(:has(.ast-row)),
    body.search-results ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    body.search-results article,
    body.search-results .ast-row article {
        padding: 12px !important;
        border-radius: 18px !important;
    }

    body.search-results article .post-thumb-img-content,
    body.search-results article .ast-blog-featured-section {
        height: 160px !important;
        padding: 8px !important;
        border-radius: 14px !important;
    }

    body.search-results article img {
        max-height: 145px !important;
    }

    body.search-results article .entry-title,
    body.search-results article .entry-title a {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    body.search-results article .entry-summary,
    body.search-results article .entry-content {
        font-size: 13px !important;
    }
}


/* ==========================================================
   PAGE CONTACT - BOUTON SUREFORMS
   ========================================================== */

/* Bouton Send Message / Envoyer */
.srfm-form-container .srfm-button,
.editor-styles-wrapper .srfm-button {
    background: #2C4969 !important;
    color: #ffffff !important;

    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    padding: 14px 30px !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.22) !important;

    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Hover bouton contact */
.srfm-form-container .srfm-button:hover,
.editor-styles-wrapper .srfm-button:hover {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(29, 40, 53, 0.28) !important;
}

/* Focus / clic bouton contact */
.srfm-form-container .srfm-button:focus,
.srfm-form-container .srfm-button:active,
.editor-styles-wrapper .srfm-button:focus,
.editor-styles-wrapper .srfm-button:active {
    background: #1d2835 !important;
    border-color: #1d2835 !important;
    color: #ffffff !important;

    outline: none !important;
    box-shadow: 0 0 0 4px rgba(44, 73, 105, 0.18) !important;
}
/* ==========================================================
   CHARGEUR.ORG - MOBILE FILTRES LATÉRAUX
   Astra + WooCommerce + Filter Everything / WPC
   ========================================================== */

@media (max-width: 767px) {

    /* ======================================================
       1. Structure mobile boutique
       ====================================================== */

    /* Le container boutique reste en colonne propre */
    body.woocommerce-shop .site-content .ast-container,
    body.post-type-archive-product .site-content .ast-container,
    body.tax-product_cat .site-content .ast-container {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    /* Le contenu produits reste en premier */
    body.woocommerce-shop #primary,
    body.post-type-archive-product #primary,
    body.tax-product_cat #primary {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* La sidebar ne doit plus réserver d’espace visible dans la page */
    body.woocommerce-shop #secondary,
    body.post-type-archive-product #secondary,
    body.tax-product_cat #secondary {
        order: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Wrapper Astra des filtres sans bloc visible */
    body.woocommerce-shop #secondary .sidebar-main,
    body.post-type-archive-product #secondary .sidebar-main,
    body.tax-product_cat #secondary .sidebar-main,
    body.woocommerce-shop #secondary .ast-filter-wrap,
    body.post-type-archive-product #secondary .ast-filter-wrap,
    body.tax-product_cat #secondary .ast-filter-wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Masquer le bloc Catégories séparé sur mobile */
    body.woocommerce-shop #secondary #block-40,
    body.post-type-archive-product #secondary #block-40,
    body.tax-product_cat #secondary #block-40 {
        display: none !important;
    }

    /* Le widget filtre ne doit pas créer de grand bloc dans la page */
    body.woocommerce-shop #secondary .widget_wpc_filters_widget,
    body.post-type-archive-product #secondary .widget_wpc_filters_widget,
    body.tax-product_cat #secondary .widget_wpc_filters_widget {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Masquer le vrai bouton du plugin : on utilise le bouton créé par JavaScript */
    body.woocommerce-shop #secondary .wpc-filters-open-button-container,
    body.post-type-archive-product #secondary .wpc-filters-open-button-container,
    body.tax-product_cat #secondary .wpc-filters-open-button-container {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }


    /* ======================================================
       2. Ligne "résultats affichés" + bouton Filtres
       Bouton créé par le JavaScript
       ====================================================== */

    /* Ligne stable contenant le texte résultat + bouton Filtres */
    .chargeur-mobile-result-filter-row {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }

    /* Texte : 4 résultats affichés / Voici le seul résultat */
    .chargeur-mobile-result-filter-row .woocommerce-result-count {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #475569 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }

    /* Petit bouton Filtres stable */
    .chargeur-mobile-filter-button {
        width: auto !important;
        min-width: auto !important;
        max-width: none !important;
        height: 36px !important;
        min-height: 36px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        background: #2C4969 !important;
        border: 1px solid #2C4969 !important;
        border-radius: 999px !important;

        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        box-shadow: 0 6px 16px rgba(44, 73, 105, 0.16) !important;

        cursor: pointer !important;
        pointer-events: auto !important;
    }

    /* Hover / focus / clic du bouton Filtres */
    .chargeur-mobile-filter-button:hover,
    .chargeur-mobile-filter-button:focus,
    .chargeur-mobile-filter-button:active {
        background: #1d2835 !important;
        border-color: #1d2835 !important;
        color: #ffffff !important;
        outline: none !important;
    }

    /* Icône du bouton Filtres */
    .chargeur-filter-icon {
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    /* Quand le panneau est ouvert, on cache le bouton derrière le voile */
    body.chargeur-filters-open .chargeur-mobile-filter-button {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }


    /* ======================================================
       3. Panneau latéral des filtres
       ====================================================== */

    /* Panneau fermé par défaut */
    body.woocommerce-shop #secondary .wpc-filters-widget-content,
    body.post-type-archive-product #secondary .wpc-filters-widget-content,
    body.tax-product_cat #secondary .wpc-filters-widget-content {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;

        width: 86vw !important;
        max-width: 380px !important;
        height: 100vh !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        background: #ffffff !important;
        border: none !important;
        border-radius: 0 22px 22px 0 !important;
        box-shadow: 18px 0 45px rgba(15, 23, 42, 0.22) !important;

        z-index: 999999 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        transform: translateX(-105%) !important;
        transition: transform 0.32s ease !important;
    }

    /* Même si le plugin ajoute wpc-opened, le panneau reste fermé sans notre classe */
    body.woocommerce-shop:not(.chargeur-filters-open) #secondary .wpc-filters-widget-content,
    body.post-type-archive-product:not(.chargeur-filters-open) #secondary .wpc-filters-widget-content,
    body.tax-product_cat:not(.chargeur-filters-open) #secondary .wpc-filters-widget-content {
        transform: translateX(-105%) !important;
    }

    /* Ouverture du panneau uniquement avec la classe ajoutée par JavaScript */
    body.woocommerce-shop.chargeur-filters-open #secondary .wpc-filters-widget-content,
    body.post-type-archive-product.chargeur-filters-open #secondary .wpc-filters-widget-content,
    body.tax-product_cat.chargeur-filters-open #secondary .wpc-filters-widget-content {
        transform: translateX(0) !important;
    }

    /* Fermeture animée du panneau */
    body.woocommerce-shop.chargeur-filters-closing #secondary .wpc-filters-widget-content,
    body.post-type-archive-product.chargeur-filters-closing #secondary .wpc-filters-widget-content,
    body.tax-product_cat.chargeur-filters-closing #secondary .wpc-filters-widget-content {
        transform: translateX(-105%) !important;
        transition: transform 0.52s ease !important;
    }

    /* Voile sombre derrière le panneau */
    body.chargeur-filters-open::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15, 23, 42, 0.38) !important;
        z-index: 999998 !important;
    }

    /* Éviter le déplacement horizontal de la page */
    body.chargeur-filters-open {
        overflow-x: hidden !important;
    }


    /* ======================================================
       4. En-tête du panneau
       ====================================================== */

    /* Barre haute du panneau */
    body.woocommerce-shop #secondary .wpc-widget-close-container,
    body.post-type-archive-product #secondary .wpc-widget-close-container,
    body.tax-product_cat #secondary .wpc-widget-close-container {
        position: sticky !important;
        top: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;

        min-height: 64px !important;
        padding: 0 18px !important;

        background: #2C4969 !important;
        color: #ffffff !important;

        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;

        z-index: 9999999 !important;
        pointer-events: auto !important;
    }

    /* Titre "Filtres" */
    body.woocommerce-shop #secondary .wpc-widget-popup-title,
    body.post-type-archive-product #secondary .wpc-widget-popup-title,
    body.tax-product_cat #secondary .wpc-widget-popup-title {
        color: #ffffff !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    /* Bouton rond de fermeture normal */
    body.woocommerce-shop #secondary .wpc-widget-close-icon,
    body.post-type-archive-product #secondary .wpc-widget-close-icon,
    body.tax-product_cat #secondary .wpc-widget-close-icon {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.85) !important;
        border-radius: 50% !important;

        box-shadow:
            0 10px 24px rgba(15, 23, 42, 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

        cursor: pointer !important;
        pointer-events: auto !important;

        position: relative !important;
        z-index: 99999999 !important;

        transform: scale(1) rotate(0deg) !important;
        transition:
            background-color 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease !important;
    }

    /* Couleur normale de la croix */
    body.woocommerce-shop #secondary .wpc-widget-close-icon .wpc-icon-line-1,
    body.woocommerce-shop #secondary .wpc-widget-close-icon .wpc-icon-line-2,
    body.woocommerce-shop #secondary .wpc-widget-close-icon .wpc-icon-line-3,
    body.post-type-archive-product #secondary .wpc-widget-close-icon .wpc-icon-line-1,
    body.post-type-archive-product #secondary .wpc-widget-close-icon .wpc-icon-line-2,
    body.post-type-archive-product #secondary .wpc-widget-close-icon .wpc-icon-line-3,
    body.tax-product_cat #secondary .wpc-widget-close-icon .wpc-icon-line-1,
    body.tax-product_cat #secondary .wpc-widget-close-icon .wpc-icon-line-2,
    body.tax-product_cat #secondary .wpc-widget-close-icon .wpc-icon-line-3 {
        background: #2C4969 !important;
        transition: background-color 0.25s ease !important;
    }

    /* Effet immédiat au toucher */
    body.woocommerce-shop #secondary .wpc-widget-close-icon:active,
    body.post-type-archive-product #secondary .wpc-widget-close-icon:active,
    body.tax-product_cat #secondary .wpc-widget-close-icon:active {
        background: #dc2626 !important;
        border-color: #dc2626 !important;
        transform: scale(0.88) rotate(90deg) !important;
        box-shadow: 0 8px 24px rgba(220, 38, 38, 0.35) !important;
    }

    body.woocommerce-shop #secondary .wpc-widget-close-icon:active .wpc-icon-line-1,
    body.woocommerce-shop #secondary .wpc-widget-close-icon:active .wpc-icon-line-2,
    body.woocommerce-shop #secondary .wpc-widget-close-icon:active .wpc-icon-line-3,
    body.post-type-archive-product #secondary .wpc-widget-close-icon:active .wpc-icon-line-1,
    body.post-type-archive-product #secondary .wpc-widget-close-icon:active .wpc-icon-line-2,
    body.post-type-archive-product #secondary .wpc-widget-close-icon:active .wpc-icon-line-3,
    body.tax-product_cat #secondary .wpc-widget-close-icon:active .wpc-icon-line-1,
    body.tax-product_cat #secondary .wpc-widget-close-icon:active .wpc-icon-line-2,
    body.tax-product_cat #secondary .wpc-widget-close-icon:active .wpc-icon-line-3 {
        background: #ffffff !important;
    }

    /* Classe ajoutée par JavaScript au bouton cliqué */
    body.woocommerce-shop #secondary .wpc-widget-close-icon.chargeur-close-animate,
    body.post-type-archive-product #secondary .wpc-widget-close-icon.chargeur-close-animate,
    body.tax-product_cat #secondary .wpc-widget-close-icon.chargeur-close-animate {
        background: #dc2626 !important;
        border-color: #dc2626 !important;
        transform: scale(0.78) rotate(135deg) !important;
        box-shadow: 0 8px 26px rgba(220, 38, 38, 0.42) !important;
    }

    body.woocommerce-shop #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-1,
    body.woocommerce-shop #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-2,
    body.woocommerce-shop #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-3,
    body.post-type-archive-product #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-1,
    body.post-type-archive-product #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-2,
    body.post-type-archive-product #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-3,
    body.tax-product_cat #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-1,
    body.tax-product_cat #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-2,
    body.tax-product_cat #secondary .wpc-widget-close-icon.chargeur-close-animate .wpc-icon-line-3 {
        background: #ffffff !important;
    }

    /* Pendant la première partie de fermeture, le bouton reste rouge */
    body.chargeur-filters-button-closing #secondary .wpc-widget-close-icon {
        background: #dc2626 !important;
        border-color: #dc2626 !important;
        transform: scale(0.78) rotate(135deg) !important;
        box-shadow: 0 8px 26px rgba(220, 38, 38, 0.42) !important;
    }

    body.chargeur-filters-button-closing #secondary .wpc-widget-close-icon .wpc-icon-line-1,
    body.chargeur-filters-button-closing #secondary .wpc-widget-close-icon .wpc-icon-line-2,
    body.chargeur-filters-button-closing #secondary .wpc-widget-close-icon .wpc-icon-line-3 {
        background: #ffffff !important;
    }


    /* ======================================================
       5. Contenu interne du panneau
       ====================================================== */

    /* Container interne */
    body.woocommerce-shop #secondary .wpc-filters-widget-containers-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-widget-containers-wrapper,
    body.tax-product_cat #secondary .wpc-filters-widget-containers-wrapper {
        padding: 16px !important;
        background: #ffffff !important;
    }

    /* Zone de scroll */
    body.woocommerce-shop #secondary .wpc-filters-scroll-container,
    body.post-type-archive-product #secondary .wpc-filters-scroll-container,
    body.tax-product_cat #secondary .wpc-filters-scroll-container {
        max-height: none !important;
        overflow: visible !important;
        padding-bottom: 100px !important;
    }

    /* Texte nombre de produits trouvés */
    body.woocommerce-shop #secondary .wpc-posts-found,
    body.post-type-archive-product #secondary .wpc-posts-found,
    body.tax-product_cat #secondary .wpc-posts-found {
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        color: #475569 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    /* Chaque section de filtre */
    body.woocommerce-shop #secondary .wpc-filters-section,
    body.post-type-archive-product #secondary .wpc-filters-section,
    body.tax-product_cat #secondary .wpc-filters-section {
        margin: 0 0 18px 0 !important;
        padding: 18px 16px !important;

        background: #f8fafc !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 18px !important;

        box-shadow: none !important;
    }

    /* Titre de chaque filtre */
    body.woocommerce-shop #secondary .wpc-filter-title,
    body.post-type-archive-product #secondary .wpc-filter-title,
    body.tax-product_cat #secondary .wpc-filter-title,
    body.woocommerce-shop #secondary .widget-title.wpc-filter-title,
    body.post-type-archive-product #secondary .widget-title.wpc-filter-title,
    body.tax-product_cat #secondary .widget-title.wpc-filter-title {
        margin: 0 0 12px 0 !important;
        padding: 0 0 12px 0 !important;

        color: #0f172a !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;

        border-bottom: 1px solid #d8e0e7 !important;
    }

    /* Liste des options */
    body.woocommerce-shop #secondary .wpc-filters-ul-list,
    body.post-type-archive-product #secondary .wpc-filters-ul-list,
    body.tax-product_cat #secondary .wpc-filters-ul-list {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* Ligne option */
    body.woocommerce-shop #secondary .wpc-filters-ul-list li,
    body.post-type-archive-product #secondary .wpc-filters-ul-list li,
    body.tax-product_cat #secondary .wpc-filters-ul-list li {
        margin: 0 0 8px 0 !important;
        padding: 10px 12px !important;

        background: #ffffff !important;
        border: 1px solid rgba(226, 232, 240, 0.55) !important;
        border-radius: 14px !important;
    }

    /* Texte option */
    body.woocommerce-shop #secondary .wpc-filter-link,
    body.post-type-archive-product #secondary .wpc-filter-link,
    body.tax-product_cat #secondary .wpc-filter-link,
    body.woocommerce-shop #secondary .wpc-filters-ul-list label,
    body.post-type-archive-product #secondary .wpc-filters-ul-list label,
    body.tax-product_cat #secondary .wpc-filters-ul-list label {
        color: #0f172a !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
    }

    /* Compteur */
    body.woocommerce-shop #secondary .wpc-term-count,
    body.post-type-archive-product #secondary .wpc-term-count,
    body.tax-product_cat #secondary .wpc-term-count {
        color: #a5adb8 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    /* Checkbox */
    body.woocommerce-shop #secondary .wpc-filters-ul-list input[type="checkbox"],
    body.post-type-archive-product #secondary .wpc-filters-ul-list input[type="checkbox"],
    body.tax-product_cat #secondary .wpc-filters-ul-list input[type="checkbox"] {
        width: 18px !important;
        height: 18px !important;
        margin-right: 8px !important;
        accent-color: #2C4969 !important;
    }


    /* ======================================================
       6. Badges filtres actifs
       ====================================================== */

    /* Liste des badges */
    body.woocommerce-shop #secondary .wpc-filter-chips-list,
    body.post-type-archive-product #secondary .wpc-filter-chips-list,
    body.tax-product_cat #secondary .wpc-filter-chips-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;

        width: 100% !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;

        list-style: none !important;
        overflow: visible !important;
    }

    /* Même vide, la zone ne casse pas le panneau */
    body.woocommerce-shop #secondary .wpc-filter-chips-list.wpc-empty-chips-container,
    body.post-type-archive-product #secondary .wpc-filter-chips-list.wpc-empty-chips-container,
    body.tax-product_cat #secondary .wpc-filter-chips-list.wpc-empty-chips-container {
        display: flex !important;
    }

    /* Badge */
    body.woocommerce-shop #secondary .wpc-filter-chips-list li.wpc-filter-chip,
    body.post-type-archive-product #secondary .wpc-filter-chips-list li.wpc-filter-chip,
    body.tax-product_cat #secondary .wpc-filter-chips-list li.wpc-filter-chip {
        display: inline-flex !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* Lien badge */
    body.woocommerce-shop #secondary .wpc-filter-chips-list li.wpc-filter-chip a,
    body.post-type-archive-product #secondary .wpc-filter-chips-list li.wpc-filter-chip a,
    body.tax-product_cat #secondary .wpc-filter-chips-list li.wpc-filter-chip a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;

        min-height: 32px !important;
        padding: 0 11px !important;

        background: #ffffff !important;
        border: 1px solid #d8e0e7 !important;
        border-radius: 999px !important;

        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        box-shadow: 0 5px 14px rgba(15, 23, 42, 0.06) !important;
    }

    /* Badge Tout réinitialiser */
    body.woocommerce-shop #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a,
    body.post-type-archive-product #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a,
    body.tax-product_cat #secondary .wpc-filter-chips-list li.wpc-chip-reset-all a {
        background: #fff7f7 !important;
        border-color: #ef4444 !important;
        color: #7d3620 !important;
        box-shadow: 0 5px 14px rgba(239, 68, 68, 0.10) !important;
    }

    /* Icône X badge */
    body.woocommerce-shop #secondary .wpc-chip-remove-icon,
    body.post-type-archive-product #secondary .wpc-chip-remove-icon,
    body.tax-product_cat #secondary .wpc-chip-remove-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 16px !important;
        height: 16px !important;

        background: rgba(37, 99, 235, 0.10) !important;
        color: #2563eb !important;

        border-radius: 50% !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    /* X du reset */
    body.woocommerce-shop #secondary .wpc-chip-reset-all .wpc-chip-remove-icon,
    body.post-type-archive-product #secondary .wpc-chip-reset-all .wpc-chip-remove-icon,
    body.tax-product_cat #secondary .wpc-chip-reset-all .wpc-chip-remove-icon {
        background: rgba(239, 68, 68, 0.12) !important;
        color: #dc2626 !important;
    }


    /* ======================================================
       7. Prix / Avis : champs + sliders
       ====================================================== */

    /* Wrapper min / max */
    body.woocommerce-shop #secondary .wpc-filters-range-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-range-wrapper,
    body.tax-product_cat #secondary .wpc-filters-range-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 8px 0 14px 0 !important;
    }

    /* Colonne min/max */
    body.woocommerce-shop #secondary .wpc-filters-range-column,
    body.post-type-archive-product #secondary .wpc-filters-range-column,
    body.tax-product_cat #secondary .wpc-filters-range-column {
        position: relative !important;
    }

    /* Champs prix / avis */
    body.woocommerce-shop #secondary .wpc-filters-range-min,
    body.woocommerce-shop #secondary .wpc-filters-range-max,
    body.post-type-archive-product #secondary .wpc-filters-range-min,
    body.post-type-archive-product #secondary .wpc-filters-range-max,
    body.tax-product_cat #secondary .wpc-filters-range-min,
    body.tax-product_cat #secondary .wpc-filters-range-max {
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;

        padding: 0 30px 0 10px !important;

        background: #ffffff !important;
        border: 1px solid #d8e0e7 !important;
        border-radius: 12px !important;

        color: #0f172a !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 40px !important;

        box-sizing: border-box !important;
        outline: none !important;
    }

    /* Focus champs prix / avis */
    body.woocommerce-shop #secondary .wpc-filters-range-min:focus,
    body.woocommerce-shop #secondary .wpc-filters-range-max:focus,
    body.post-type-archive-product #secondary .wpc-filters-range-min:focus,
    body.post-type-archive-product #secondary .wpc-filters-range-max:focus,
    body.tax-product_cat #secondary .wpc-filters-range-min:focus,
    body.tax-product_cat #secondary .wpc-filters-range-max:focus {
        border-color: #2C4969 !important;
        box-shadow: 0 0 0 3px rgba(44, 73, 105, 0.12) !important;
    }

    /* Bouton X des champs prix / avis */
    body.woocommerce-shop #secondary .wpc-filters-range-column button.wpc-range-clear,
    body.post-type-archive-product #secondary .wpc-filters-range-column button.wpc-range-clear,
    body.tax-product_cat #secondary .wpc-filters-range-column button.wpc-range-clear {
        position: absolute !important;
        right: 7px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
        color: #64748b !important;

        border: none !important;
        border-radius: 50% !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        font-family: Arial, sans-serif !important;
        line-height: 1 !important;

        box-shadow: none !important;
        outline: none !important;

        z-index: 10 !important;
    }

    /* Slider */
    body.woocommerce-shop #secondary .wpc-filters-range-slider-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-range-slider-wrapper,
    body.tax-product_cat #secondary .wpc-filters-range-slider-wrapper {
        margin: 14px 4px 4px 4px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-range-slider-control,
    body.post-type-archive-product #secondary .wpc-filters-range-slider-control,
    body.tax-product_cat #secondary .wpc-filters-range-slider-control {
        height: 4px !important;
        background: #d8e0e7 !important;
        border: none !important;
        border-radius: 999px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-range-slider-control .ui-slider-range,
    body.post-type-archive-product #secondary .wpc-filters-range-slider-control .ui-slider-range,
    body.tax-product_cat #secondary .wpc-filters-range-slider-control .ui-slider-range {
        background: #2C4969 !important;
        border-radius: 999px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-range-slider-control .ui-slider-handle,
    body.post-type-archive-product #secondary .wpc-filters-range-slider-control .ui-slider-handle,
    body.tax-product_cat #secondary .wpc-filters-range-slider-control .ui-slider-handle {
        width: 18px !important;
        height: 18px !important;
        top: -7px !important;

        background: #ffffff !important;
        border: 2px solid #2C4969 !important;
        border-radius: 50% !important;

        box-shadow: 0 4px 12px rgba(44, 73, 105, 0.24) !important;
        outline: none !important;
    }


    /* ======================================================
       8. Boutons du bas : Afficher / Voir les produits
       ====================================================== */

    /* Zone boutons bas sticky */
    body.woocommerce-shop #secondary .wpc-filters-widget-controls-container,
    body.post-type-archive-product #secondary .wpc-filters-widget-controls-container,
    body.tax-product_cat #secondary .wpc-filters-widget-controls-container {
        position: sticky !important;
        bottom: 0 !important;

        width: 100% !important;
        padding: 14px 16px !important;

        background: #ffffff !important;
        border-top: 1px solid #e5e7eb !important;

        z-index: 9999999 !important;
        pointer-events: auto !important;
    }

    /* Wrapper boutons */
    body.woocommerce-shop #secondary .wpc-filters-widget-controls-wrapper,
    body.post-type-archive-product #secondary .wpc-filters-widget-controls-wrapper,
    body.tax-product_cat #secondary .wpc-filters-widget-controls-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    /* Bouton Afficher */
    body.woocommerce-shop #secondary .wpc-filters-apply-button,
    body.post-type-archive-product #secondary .wpc-filters-apply-button,
    body.tax-product_cat #secondary .wpc-filters-apply-button {
        width: 100% !important;
        min-height: 42px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 14px !important;

        background: #2C4969 !important;
        border: 1px solid #2C4969 !important;
        border-radius: 999px !important;

        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    /* Bouton Voir les produits */
    body.woocommerce-shop #secondary .wpc-filters-close-button,
    body.post-type-archive-product #secondary .wpc-filters-close-button,
    body.tax-product_cat #secondary .wpc-filters-close-button {
        width: 100% !important;
        min-height: 42px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 14px !important;

        background: #f1f5f9 !important;
        border: 1px solid #d8e0e7 !important;
        border-radius: 999px !important;

        color: #0f172a !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        cursor: pointer !important;
        pointer-events: auto !important;
    }

    /* Masquer le lien admin Modifier du jeu de filtres */
    body.woocommerce-shop #secondary .wpc-edit-filter-set,
    body.post-type-archive-product #secondary .wpc-edit-filter-set,
    body.tax-product_cat #secondary .wpc-edit-filter-set {
        display: none !important;
    }
}
/* ==========================================================
   MOBILE - Filtres actifs visibles à côté du bouton Filtres
   ========================================================== */

@media (max-width: 767px) {

    .chargeur-mobile-result-filter-row {
        align-items: flex-start !important;
    }

    .chargeur-mobile-result-left {
        min-width: 0 !important;
        flex: 1 1 auto !important;

        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .chargeur-mobile-active-chips {
        display: none !important;
        width: 100% !important;
    }

    .chargeur-mobile-active-chips.has-active-chips {
        display: block !important;
    }

    .chargeur-mobile-active-chips-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    .chargeur-mobile-active-chips-list li.wpc-filter-chip,
    .chargeur-mobile-active-chips-list li.chargeur-mobile-active-chip {
        display: inline-flex !important;
        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .chargeur-mobile-active-chips-list li.wpc-filter-chip a,
    .chargeur-mobile-active-chips-list li.chargeur-mobile-active-chip a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 32px !important;
        padding: 0 11px !important;

        background: #ffffff !important;
        border: 1px solid #d8e0e7 !important;
        border-radius: 999px !important;

        color: #0f172a !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        box-shadow: 0 5px 14px rgba(15, 23, 42, 0.06) !important;

        transform: none !important;
        filter: none !important;
        overflow: hidden !important;
    }

    .chargeur-mobile-active-chips-list li.wpc-chip-reset-all a {
        background: #fff7f7 !important;
        border-color: #ef4444 !important;
        color: #7d3620 !important;
        box-shadow: 0 5px 14px rgba(239, 68, 68, 0.10) !important;
    }

    .chargeur-mobile-active-chips-list .wpc-chip-content {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .chargeur-mobile-active-chips-list .wpc-filter-chip-name {
        color: inherit !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .chargeur-mobile-active-chips-list .wpc-chip-remove-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 15px !important;
        height: 15px !important;

        background: rgba(37, 99, 235, 0.10) !important;
        color: #2563eb !important;

        border-radius: 50% !important;

        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
    }

    .chargeur-mobile-active-chips-list li.wpc-chip-reset-all .wpc-chip-remove-icon {
        background: rgba(239, 68, 68, 0.12) !important;
        color: #dc2626 !important;
    }

    .chargeur-mobile-active-chips-list li.wpc-filter-chip a:hover,
    .chargeur-mobile-active-chips-list li.chargeur-mobile-active-chip a:hover {
        background: #2C4969 !important;
        border-color: #2C4969 !important;
        color: #ffffff !important;
    }

    .chargeur-mobile-active-chips-list li.wpc-filter-chip a:hover .wpc-chip-remove-icon,
    .chargeur-mobile-active-chips-list li.chargeur-mobile-active-chip a:hover .wpc-chip-remove-icon {
        background: rgba(255, 255, 255, 0.22) !important;
        color: #ffffff !important;
    }

    .chargeur-mobile-active-chips-list li.wpc-chip-reset-all a:hover {
        background: #d13030 !important;
        border-color: #d13030 !important;
        color: #ffffff !important;
    }
}


















/* ==========================================================
   MOBILE - Supprimer le container sidebar sous Boutique
   Maintenant les filtres sont uniquement dans le panneau latéral
   ========================================================== */

@media (max-width: 767px) {

    /* Supprimer la place occupée par #secondary sous les produits */
    body.woocommerce-shop #secondary,
    body.post-type-archive-product #secondary,
    body.tax-product_cat #secondary {
        order: 0 !important;

        display: block !important;

        width: 0 !important;
        max-width: 0 !important;
        min-width: 0 !important;

        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 0 !important;

        background: transparent !important;
        background-image: none !important;

        border: none !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    /* Supprimer la place visuelle de la sidebar-main */
    body.woocommerce-shop #secondary .sidebar-main,
    body.post-type-archive-product #secondary .sidebar-main,
    body.tax-product_cat #secondary .sidebar-main {
        width: 0 !important;
        max-width: 0 !important;
        min-width: 0 !important;

        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-image: none !important;

        border: none !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    /* Supprimer le container or des widgets dans la page */
    body.woocommerce-shop #secondary .ast-woo-sidebar-widget,
    body.post-type-archive-product #secondary .ast-woo-sidebar-widget,
    body.tax-product_cat #secondary .ast-woo-sidebar-widget,
    body.woocommerce-shop #secondary .widget,
    body.post-type-archive-product #secondary .widget,
    body.tax-product_cat #secondary .widget,
    body.woocommerce-shop #secondary .wp-block-group,
    body.post-type-archive-product #secondary .wp-block-group,
    body.tax-product_cat #secondary .wp-block-group {
        width: 0 !important;
        max-width: 0 !important;
        min-width: 0 !important;

        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-image: none !important;

        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    /* Le vrai contenu du panneau filtre doit rester fonctionnel */
    body.woocommerce-shop #secondary .wpc-filters-widget-content,
    body.post-type-archive-product #secondary .wpc-filters-widget-content,
    body.tax-product_cat #secondary .wpc-filters-widget-content {
        width: min(88vw, 380px) !important;
        max-width: min(88vw, 380px) !important;
        min-width: 0 !important;

        height: 100vh !important;
        max-height: 100vh !important;
        min-height: 100vh !important;

        margin: 0 !important;
        padding: 20px !important;

        background: #ffffff !important;
        background-image: none !important;

        border: none !important;
        border-radius: 0 22px 22px 0 !important;

        box-shadow: 18px 0 45px rgba(15, 23, 42, 0.22) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Cacher le widget catégories sous la boutique */
    body.woocommerce-shop #secondary .widget_block,
    body.post-type-archive-product #secondary .widget_block,
    body.tax-product_cat #secondary .widget_block {
        display: none !important;
    }

    /* Cacher le lien Modifier le jeu de filtres */
    body.woocommerce-shop #secondary .wpc-edit-filter-set,
    body.post-type-archive-product #secondary .wpc-edit-filter-set,
    body.tax-product_cat #secondary .wpc-edit-filter-set {
        display: none !important;
    }

}

/* ==========================================================
   MOBILE - Supprimer le petit cercle du widget filtre
   Garder uniquement le panneau latéral fonctionnel
   ========================================================== */

@media (max-width: 767px) {

    /* Supprimer totalement l'apparence du widget filtre dans la page */
    body.woocommerce-shop #secondary .widget_wpc_filters_widget,
    body.post-type-archive-product #secondary .widget_wpc_filters_widget,
    body.tax-product_cat #secondary .widget_wpc_filters_widget,
    body.woocommerce-shop #secondary .ast-woo-sidebar-widget.widget_wpc_filters_widget,
    body.post-type-archive-product #secondary .ast-woo-sidebar-widget.widget_wpc_filters_widget,
    body.tax-product_cat #secondary .ast-woo-sidebar-widget.widget_wpc_filters_widget,
    body.woocommerce-shop #secondary #wpc_filters_widget-4,
    body.post-type-archive-product #secondary #wpc_filters_widget-4,
    body.tax-product_cat #secondary #wpc_filters_widget-4 {
        width: 0 !important;
        max-width: 0 !important;
        min-width: 0 !important;

        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-image: none !important;

        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        outline: none !important;

        overflow: visible !important;
    }

    /* Supprimer le bouton original du plugin dans la page */
    body.woocommerce-shop #secondary .wpc-filters-open-button-container,
    body.post-type-archive-product #secondary .wpc-filters-open-button-container,
    body.tax-product_cat #secondary .wpc-filters-open-button-container,
    body.woocommerce-shop #secondary .wpc-open-close-filters-button,
    body.post-type-archive-product #secondary .wpc-open-close-filters-button,
    body.tax-product_cat #secondary .wpc-open-close-filters-button {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;

        width: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        overflow: hidden !important;
    }

    /* Supprimer tout fond/arrondi sur les wrappers du filtre */
    body.woocommerce-shop #secondary .wpc-filters-main-wrap,
    body.post-type-archive-product #secondary .wpc-filters-main-wrap,
    body.tax-product_cat #secondary .wpc-filters-main-wrap,
    body.woocommerce-shop #secondary .wpc-spinner,
    body.post-type-archive-product #secondary .wpc-spinner,
    body.tax-product_cat #secondary .wpc-spinner {
        width: 0 !important;
        max-width: 0 !important;

        height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-image: none !important;

        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    /* Garder le vrai panneau latéral des filtres */
    body.woocommerce-shop #secondary .wpc-filters-widget-content,
    body.post-type-archive-product #secondary .wpc-filters-widget-content,
    body.tax-product_cat #secondary .wpc-filters-widget-content {
        width: min(88vw, 380px) !important;
        max-width: min(88vw, 380px) !important;

        height: 100vh !important;
        max-height: 100vh !important;
        min-height: 100vh !important;

        margin: 0 !important;
        padding: 20px !important;

        background: #ffffff !important;
        background-image: none !important;

        border: none !important;
        border-radius: 0 22px 22px 0 !important;
        box-shadow: 18px 0 45px rgba(15, 23, 42, 0.22) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Cacher le lien admin du plugin */
    body.woocommerce-shop #secondary .wpc-edit-filter-set,
    body.post-type-archive-product #secondary .wpc-edit-filter-set,
    body.tax-product_cat #secondary .wpc-edit-filter-set {
        display: none !important;
    }

}
/* ==========================================================
   SECTION MARQUES POPULAIRES
   Stylisation du titre + arrondi des logos
   ========================================================== */

/* Container principal de la section Marques Populaires */
.wp-block-uagb-container.uagb-block-602210a7 {
    background-color: rgba(163, 194, 157, 0.25) !important;
    border-radius: 0 0 22px 22px !important;
    overflow: hidden !important;
}

/* Titre "Marques Populaires" */
.wp-block-uagb-container.uagb-block-602210a7 h2,
.wp-block-uagb-container.uagb-block-602210a7 h3,
.wp-block-uagb-container.uagb-block-602210a7 .uagb-heading-text {
    color: #27323f !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.4px !important;
    text-align: center !important;
    margin-bottom: 26px !important;
    position: relative !important;
}

/* Petit trait décoratif sous le titre */
.wp-block-uagb-container.uagb-block-602210a7 h2::after,
.wp-block-uagb-container.uagb-block-602210a7 h3::after,
.wp-block-uagb-container.uagb-block-602210a7 .uagb-heading-text::after {
    content: "" !important;
    display: block !important;
    width: 58px !important;
    height: 4px !important;
    background: #0573f0 !important;
    border-radius: 999px !important;
    margin: 12px auto 0 !important;
}

/* Images / logos dans la section */
.wp-block-uagb-container.uagb-block-602210a7 img {
    border-radius: 18px !important;
    overflow: hidden !important;
    display: block !important;
    object-fit: contain !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Effet léger au survol des logos */
.wp-block-uagb-container.uagb-block-602210a7 img:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.16) !important;
}
/* ==========================================================
   SECTION MARQUES POPULAIRES - LOGOS
   Afficher tous les logos entièrement sans découpe
   ========================================================== */

.wp-block-uagb-container.uagb-block-602210a7 img {
    border-radius: 18px !important;
    overflow: hidden !important;
    display: block !important;
    object-fit: contain !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
/* ==========================================================
   FOOTER PRINCIPAL - STRUCTURE GÉNÉRALE
   Style des widgets du footer chargeur.org
   ========================================================== */

/* Zone principale des widgets footer */
.site-primary-footer-wrap {
    background: #f7fbfc !important;
    border-top: 1px solid #dce3e5 !important;
}

/* Grille interne du footer */
.site-primary-footer-inner-wrap {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
    column-gap: 48px !important;
    align-items: flex-start !important;
}

/* Chaque colonne du footer */
.site-footer-primary-section-1,
.site-footer-primary-section-2,
.site-footer-primary-section-3,
.site-footer-primary-section-4 {
    padding: 0 10px !important;
}

/* Supprimer les espacements gênants des widgets */
.site-primary-footer-wrap .widget {
    margin: 0 !important;
}

/* ==========================================================
   FOOTER - TITRES DES COLONNES
   ========================================================== */

/* Titre À propos de chargeur.org */
.site-footer-primary-section-1 .widget:first-child p,
.site-footer-primary-section-4 .widget:first-child p,
.site-primary-footer-wrap .widget-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #27323f !important;
    margin: 0 0 14px 0 !important;
}

/* Titre/lien À propos dans la 4e colonne */
.site-footer-primary-section-4 a {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #27323f !important;
    text-decoration: none !important;
}

/* ==========================================================
   FOOTER - TEXTE DE PRÉSENTATION
   ========================================================== */

.site-footer-primary-section-1 p {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #48515b !important;
    margin: 0 !important;
    max-width: 320px !important;
}

/* Espacement entre le titre À propos et le paragraphe */
.site-footer-primary-section-1 .widget:first-child {
    margin-bottom: 14px !important;
}

/* ==========================================================
   FOOTER - MENUS CATÉGORIES ET INFORMATIONS LÉGALES
   ========================================================== */

/* Listes des menus */
.site-primary-footer-wrap .widget_nav_menu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Chaque élément du menu */
.site-primary-footer-wrap .widget_nav_menu li {
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

/* Liens des menus */
.site-primary-footer-wrap .widget_nav_menu a,
.site-primary-footer-wrap .menu-link {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: #48515b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* ==========================================================
   FOOTER - HOVER DES LIENS SANS MOUVEMENT
   Empêche le texte de bouger ou de passer à la ligne au survol
   ========================================================== */

.site-primary-footer-wrap .widget_nav_menu a:hover,
.site-primary-footer-wrap .menu-link:hover,
.site-footer-primary-section-4 a:hover {
    color: #0573f0 !important;
    padding-left: 0 !important;
    text-decoration: none !important;
}

/* Supprime toute transition de déplacement */
.site-primary-footer-wrap .widget_nav_menu a,
.site-primary-footer-wrap .menu-link,
.site-footer-primary-section-4 a {
    transition: color 0.2s ease !important;
}

/* ==========================================================
   FOOTER - COLONNE À PROPOS
   ========================================================== */

.site-footer-primary-section-4 p {
    margin: 0 !important;
}

/* ==========================================================
   FOOTER BAS - COPYRIGHT
   ========================================================== */

.site-below-footer-wrap {
    background: #27323f !important;
    color: #ffffff !important;
}

.site-below-footer-wrap,
.site-below-footer-wrap p,
.site-below-footer-wrap a {
    font-size: 14px !important;
    color: #ffffff !important;
}

/* ==========================================================
   FOOTER - RESPONSIVE TABLETTE
   ========================================================== */

@media only screen and (max-width: 976px) {
    .site-primary-footer-inner-wrap {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
        row-gap: 28px !important;
        column-gap: 28px !important;
    }

    .site-footer-primary-section-1 p {
        max-width: 100% !important;
    }
}

/* ==========================================================
   FOOTER - RESPONSIVE MOBILE
   ========================================================== */

@media only screen and (max-width: 767px) {
    .site-primary-footer-inner-wrap {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
        row-gap: 30px !important;
        text-align: left !important;
    }

    .site-footer-primary-section-1,
    .site-footer-primary-section-2,
    .site-footer-primary-section-3,
    .site-footer-primary-section-4 {
        padding: 0 24px !important;
    }

    .site-footer-primary-section-1 .widget:first-child p,
    .site-footer-primary-section-4 a,
    .site-primary-footer-wrap .widget-title {
        font-size: 16px !important;
    }

    .site-footer-primary-section-1 p,
    .site-primary-footer-wrap .widget_nav_menu a,
    .site-primary-footer-wrap .menu-link {
        font-size: 15px !important;
    }
}
/* ==========================================================
   BANDE D’AIDE AVANT FOOTER
   Conseils / Aide au choix / Contact
   ========================================================== */

/* Container principal */
.wp-block-uagb-container.uagb-block-244e8a7f {
    background: #f7fbfc !important;
    padding: 34px 56px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    column-gap: 56px !important;
    row-gap: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    border-top: 1px solid #dce3e5 !important;
    border-bottom: 1px solid #dce3e5 !important;
}

/* Tous les textes du bloc */
.wp-block-uagb-container.uagb-block-244e8a7f p,
.wp-block-uagb-container.uagb-block-244e8a7f a {
    font-family: Inter, sans-serif !important;
    color: #27323f !important;
}

/* Petits titres : Conseils d’experts / Aide au choix / Des questions ? */
.wp-block-uagb-container.uagb-block-244e8a7f p:first-child,
.wp-block-uagb-container.uagb-block-244e8a7f a {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
}

/* Descriptions */
.wp-block-uagb-container.uagb-block-244e8a7f p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

/* Liens */
.wp-block-uagb-container.uagb-block-244e8a7f a {
    color: #27323f !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    transition: color 0.2s ease !important;
}

/* Hover sans mouvement */
.wp-block-uagb-container.uagb-block-244e8a7f a:hover {
    color: #0573f0 !important;
    padding-left: 0 !important;
}

/* Logo à droite */
.wp-block-uagb-container.uagb-block-244e8a7f img {
    max-width: 150px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* ==========================================================
   TABLETTE
   ========================================================== */

@media only screen and (max-width: 976px) {
    .wp-block-uagb-container.uagb-block-244e8a7f {
        padding: 30px 36px !important;
        column-gap: 34px !important;
        row-gap: 22px !important;
    }

    .wp-block-uagb-container.uagb-block-244e8a7f p {
        font-size: 17px !important;
    }

    .wp-block-uagb-container.uagb-block-244e8a7f img {
        max-width: 130px !important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media only screen and (max-width: 767px) {
    .wp-block-uagb-container.uagb-block-244e8a7f {
        padding: 28px 24px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        row-gap: 24px !important;
    }

    .wp-block-uagb-container.uagb-block-244e8a7f p {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .wp-block-uagb-container.uagb-block-244e8a7f img {
        max-width: 120px !important;
    }
}
/* ==========================================================
   FOOTER BAS - COPYRIGHT CHARGEUR.ORG
   Ciblage Astra + widget HTML personnalisé
   ========================================================== */

/* Zone générale du footer bas */
.site-below-footer-wrap {
    background: #27323f !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Ligne interne Astra du footer bas */
.site-below-footer-wrap .ast-builder-grid-row {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 18px 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    grid-template-columns: none !important;
    column-gap: 0 !important;
}

/* Supprimer les marges/paddings des widgets dans le footer bas */
.site-below-footer-wrap .footer-widget-area,
.site-below-footer-wrap .widget,
.site-below-footer-wrap .widget_custom_html,
.site-below-footer-wrap .textwidget {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Bloc copyright */
.site-below-footer-wrap .chargeur-copyright {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    background: transparent !important;
}

/* Texte copyright */
.site-below-footer-wrap .chargeur-copyright p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: #dce3e5 !important;
}

/* Nom du site */
.site-below-footer-wrap .chargeur-copyright strong {
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Copyright natif Astra, si utilisé */
.site-below-footer-wrap .ast-footer-copyright,
.site-below-footer-wrap .ast-footer-copyright p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: #dce3e5 !important;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .site-below-footer-wrap .ast-builder-grid-row {
        padding: 16px 24px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .site-below-footer-wrap .chargeur-copyright,
    .site-below-footer-wrap .ast-footer-copyright {
        text-align: center !important;
    }

    .site-below-footer-wrap .chargeur-copyright p,
    .site-below-footer-wrap .ast-footer-copyright p {
        font-size: 13px !important;
    }
}
/* ==========================================================
   IMAGE MISE EN AVANT DES ARTICLES
   ========================================================== */

/* Bloc qui contient l'image mise en avant */
.single .entry-header .post-thumb {
    max-width: 980px !important;
    margin: 0 auto 36px auto !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

/* Image mise en avant */
.single .entry-header .post-thumb img {
    display: block !important;
    width: 100% !important;
    height: auto !important;

    border-radius: 28px !important;
    border: 1px solid #e5e7eb !important;

    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.09) !important;
}
/* ==========================================================
   SIDEBAR BOUTIQUE - MENU CATÉGORIES PROPRE
   Correction définitive : supprime l'effet carte dans carte
   ========================================================== */

/* Container du widget catégories */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Liste principale */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Chaque catégorie devient UNE SEULE carte propre */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    column-gap: 10px !important;

    margin: 0 0 10px 0 !important;
    padding: 12px 14px !important;

    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    box-shadow: none !important;

    color: #2C4969 !important;
    list-style: none !important;
}

/* Le lien ne doit plus être une carte à l'intérieur */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > a,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > a,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > a {
    display: block !important;

    width: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #2C4969 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

/* Compteur aligné à droite */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > .wc-block-product-categories-list-item-count,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > .wc-block-product-categories-list-item-count,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > .wc-block-product-categories-list-item-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 28px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 7px !important;

    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 999px !important;

    color: #64748b !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* Hover sur la carte entière */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item:hover,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item:hover,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item:hover {
    background: #eef7f2 !important;
    border-color: #a3c29d !important;
}

/* Hover du lien */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item:hover > a,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item:hover > a,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item:hover > a {
    color: #10263f !important;
    padding-left: 0 !important;
}

/* Sous-catégories */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul {
    grid-column: 1 / -1 !important;

    margin: 12px 0 0 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Sous-catégories plus compactes */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul li.wc-block-product-categories-list-item,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul li.wc-block-product-categories-list-item,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul li.wc-block-product-categories-list-item {
    margin: 0 0 8px 0 !important;
    padding: 10px 12px !important;

    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
}

/* Texte des sous-catégories */
body.woocommerce-shop #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul li.wc-block-product-categories-list-item > a,
body.post-type-archive-product #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul li.wc-block-product-categories-list-item > a,
body.tax-product_cat #secondary .wp-block-group .wc-block-product-categories-list li.wc-block-product-categories-list-item > ul li.wc-block-product-categories-list-item > a {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2C4969 !important;
}
/* ==========================================================
   SIDEBAR BOUTIQUE - CATÉGORIES EN ACCORDÉON
   Les sous-catégories sont masquées et ouvertes avec un bouton +
   ========================================================== */

/* Les catégories qui possèdent des sous-catégories deviennent des blocs accordéon */
body.woocommerce-shop #secondary .wc-block-product-categories-list-item.has-children,
body.post-type-archive-product #secondary .wc-block-product-categories-list-item.has-children,
body.tax-product_cat #secondary .wc-block-product-categories-list-item.has-children {
    position: relative !important;
}

/* Masquer les sous-catégories par défaut */
body.woocommerce-shop #secondary .wc-block-product-categories-list-item.has-children > ul,
body.post-type-archive-product #secondary .wc-block-product-categories-list-item.has-children > ul,
body.tax-product_cat #secondary .wc-block-product-categories-list-item.has-children > ul {
    display: none !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e5e7eb !important;
}

/* Afficher les sous-catégories seulement quand la catégorie est ouverte */
body.woocommerce-shop #secondary .wc-block-product-categories-list-item.has-children.is-open > ul,
body.post-type-archive-product #secondary .wc-block-product-categories-list-item.has-children.is-open > ul,
body.tax-product_cat #secondary .wc-block-product-categories-list-item.has-children.is-open > ul {
    display: block !important;
}

/* Bouton + / - */
body.woocommerce-shop #secondary .chargeur-category-toggle,
body.post-type-archive-product #secondary .chargeur-category-toggle,
body.tax-product_cat #secondary .chargeur-category-toggle {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 0 0 8px !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 1px solid #d8e0e7 !important;
    border-radius: 999px !important;

    color: #2C4969 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;

    transition: all 0.2s ease !important;
}

/* Hover du bouton */
body.woocommerce-shop #secondary .chargeur-category-toggle:hover,
body.post-type-archive-product #secondary .chargeur-category-toggle:hover,
body.tax-product_cat #secondary .chargeur-category-toggle:hover {
    background: #2C4969 !important;
    border-color: #2C4969 !important;
    color: #ffffff !important;
}

/* Quand la catégorie est ouverte */
body.woocommerce-shop #secondary .wc-block-product-categories-list-item.has-children.is-open > .chargeur-category-toggle,
body.post-type-archive-product #secondary .wc-block-product-categories-list-item.has-children.is-open > .chargeur-category-toggle,
body.tax-product_cat #secondary .wc-block-product-categories-list-item.has-children.is-open > .chargeur-category-toggle {
    background: #2C4969 !important;
    border-color: #2C4969 !important;
    color: #ffffff !important;
}

/* Sous-catégories plus discrètes */
body.woocommerce-shop #secondary .wc-block-product-categories-list-item.has-children > ul li.wc-block-product-categories-list-item,
body.post-type-archive-product #secondary .wc-block-product-categories-list-item.has-children > ul li.wc-block-product-categories-list-item,
body.tax-product_cat #secondary .wc-block-product-categories-list-item.has-children > ul li.wc-block-product-categories-list-item {
    margin-bottom: 8px !important;
    padding: 10px 12px !important;

    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
}

/* Texte des sous-catégories */
body.woocommerce-shop #secondary .wc-block-product-categories-list-item.has-children > ul li.wc-block-product-categories-list-item > a,
body.post-type-archive-product #secondary .wc-block-product-categories-list-item.has-children > ul li.wc-block-product-categories-list-item > a,
body.tax-product_cat #secondary .wc-block-product-categories-list-item.has-children > ul li.wc-block-product-categories-list-item > a {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}
/* ==========================================================
   SIDEBAR BOUTIQUE - TITRE "CATÉGORIES" SPECTRA
   Cible exact : h2 class="uagb-heading-text"
   ========================================================== */

body.woocommerce-shop #secondary h2.uagb-heading-text,
body.post-type-archive-product #secondary h2.uagb-heading-text,
body.tax-product_cat #secondary h2.uagb-heading-text {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;

    margin: 0 0 16px 0 !important;
    padding: 13px 15px !important;

    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;

    border: 1px solid #e5e7eb !important;
    border-left: 5px solid #0573f0 !important;
    border-radius: 16px !important;

    color: #2C4969 !important;

    font-family: Inter, sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
}

/* Petit point décoratif avant le titre */
body.woocommerce-shop #secondary h2.uagb-heading-text::before,
body.post-type-archive-product #secondary h2.uagb-heading-text::before,
body.tax-product_cat #secondary h2.uagb-heading-text::before {
    content: "" !important;

    width: 10px !important;
    height: 10px !important;

    display: inline-block !important;
    flex: 0 0 10px !important;

    background: #0573f0 !important;
    border-radius: 50% !important;

    box-shadow: 0 0 0 5px rgba(5, 115, 240, 0.12) !important;
}


/* ==========================================================
   MOBILE - Correction titre archive WooCommerce
   Empêche le titre "Produits recommandés" de cacher le bouton Filtres
   ========================================================== */

@media (max-width: 767px) {

    /* Corriger la hauteur du titre d'archive WooCommerce */
    .ast-archive-entry-banner[data-post-type="product"] .ast-container h1 {
        line-height: 1.15 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 34px !important;
    }

    /* Donner une vraie hauteur au bloc du titre */
    .ast-archive-entry-banner[data-post-type="product"] {
        margin-top: 24px !important;
        margin-bottom: 22px !important;
        padding-top: 22px !important;
        padding-bottom: 22px !important;
        overflow: visible !important;
    }

    /* Garder la ligne résultat + bouton Filtres au-dessus */
    .chargeur-mobile-result-filter-row {
        position: relative !important;
        z-index: 20 !important;
        margin-top: 0 !important;
        margin-bottom: 18px !important;
    }

    /* Sécurité : le bouton Filtres reste cliquable */
    .chargeur-mobile-filter-button {
        position: relative !important;
        z-index: 30 !important;
    }
}
/* ==========================================================
   PAGE PRODUIT - DESCRIPTION / ARTICLE PLUS LISIBLE
   Réduit la largeur du texte dans l’onglet Description
   pour éviter les lignes trop longues et fatigantes.
   ========================================================== */

/* Zone complète des onglets produit */
body.single-product div.product > .woocommerce-tabs {
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Container du contenu de l’onglet Description */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description,
body.single-product .woocommerce-tabs #tab-description {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding: 34px 42px !important;

    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;

    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
}

/* Texte de la description */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel p,
body.single-product .woocommerce-tabs #tab-description p {
    max-width: 740px !important;

    margin: 0 0 18px 0 !important;

    color: #27323f !important;

    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

/* Titres dans la description */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3,
body.single-product .woocommerce-tabs #tab-description h2,
body.single-product .woocommerce-tabs #tab-description h3 {
    max-width: 740px !important;

    margin: 34px 0 18px 0 !important;

    color: #0f172a !important;

    font-weight: 900 !important;
    line-height: 1.2 !important;
}

/* Titre principal dans la description */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-tabs #tab-description h2 {
    font-size: 34px !important;
}

/* Sous-titres */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3,
body.single-product .woocommerce-tabs #tab-description h3 {
    font-size: 24px !important;
}

/* Listes dans la description */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel ul,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel ol,
body.single-product .woocommerce-tabs #tab-description ul,
body.single-product .woocommerce-tabs #tab-description ol {
    max-width: 740px !important;

    margin: 0 0 22px 24px !important;
    padding: 0 !important;

    color: #27323f !important;

    font-size: 17px !important;
    line-height: 1.75 !important;
}

/* Éléments des listes */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel li,
body.single-product .woocommerce-tabs #tab-description li {
    margin-bottom: 8px !important;
}

/* Texte important */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel strong,
body.single-product .woocommerce-tabs #tab-description strong {
    color: #1d2835 !important;
    font-weight: 900 !important;
}

/* Onglet Description au-dessus du texte */
body.single-product .woocommerce-tabs ul.tabs {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;

    border-bottom: 1px solid #d8e0e7 !important;
}

/* Lien de l’onglet Description */
body.single-product .woocommerce-tabs ul.tabs li a {
    color: #2C4969 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* Onglet actif */
body.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #0573f0 !important;
}

/* ==========================================================
   PAGE PRODUIT - DESCRIPTION MOBILE
   ========================================================== */

@media (max-width: 767px) {
    body.single-product div.product > .woocommerce-tabs {
        max-width: 100% !important;
        margin-top: 34px !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description,
    body.single-product .woocommerce-tabs #tab-description {
        max-width: 100% !important;

        padding: 22px 18px !important;

        border-radius: 18px !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel p,
    body.single-product .woocommerce-tabs #tab-description p {
        max-width: 100% !important;

        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
    body.single-product .woocommerce-tabs #tab-description h2 {
        max-width: 100% !important;

        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3,
    body.single-product .woocommerce-tabs #tab-description h3 {
        max-width: 100% !important;

        font-size: 21px !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel ul,
    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel ol,
    body.single-product .woocommerce-tabs #tab-description ul,
    body.single-product .woocommerce-tabs #tab-description ol {
        max-width: 100% !important;

        margin-left: 20px !important;

        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    body.single-product .woocommerce-tabs ul.tabs {
        max-width: 100% !important;
    }
}
/* ==========================================================
   BOUTON RETOUR EN HAUT ASTRA
   Style sobre chargeur.org
   ========================================================== */

/* Bouton principal */
#ast-scroll-top {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;

    right: 24px !important;
    bottom: 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #2C4969 !important;
    background-color: #2C4969 !important;
    background-image: none !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 14px !important;

    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.22) !important;

    outline: none !important;

    opacity: 0.92 !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease,
        opacity 0.25s ease !important;
}

/* Hover / focus / clic */
#ast-scroll-top:hover,
#ast-scroll-top:focus,
#ast-scroll-top:active {
    background: #0573f0 !important;
    background-color: #0573f0 !important;

    color: #ffffff !important;

    border-color: rgba(255, 255, 255, 0.28) !important;

    opacity: 1 !important;

    transform: translateY(-3px) !important;

    box-shadow: 0 14px 32px rgba(5, 115, 240, 0.28) !important;

    outline: none !important;
}

/* Icône flèche */
#ast-scroll-top .ast-icon,
#ast-scroll-top .ast-icon.icon-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    color: #ffffff !important;
}

/* SVG de la flèche */
#ast-scroll-top .ast-icon.icon-arrow svg,
#ast-scroll-top svg {
    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    fill: currentColor !important;
    color: #ffffff !important;

    transform: translateY(-1px) rotate(180deg) !important;
}

/* Mobile : bouton un peu plus petit */
@media (max-width: 767px) {
    #ast-scroll-top {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;

        right: 16px !important;
        bottom: 18px !important;

        border-radius: 13px !important;
    }

    #ast-scroll-top .ast-icon.icon-arrow svg,
    #ast-scroll-top svg {
        width: 16px !important;
        height: 16px !important;
    }
}
/* ==========================================================
   CATÉGORIES D’ARTICLES - AFFICHAGE PREMIUM DES ARTICLES
   Exemples : Guide d’achat, Conseils, Blog
   ========================================================== */

/* Page catégorie article : container propre */
body.category:not(.tax-product_cat) .site-content .ast-container {
    max-width: 1240px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    display: block !important;
}

/* Supprimer la sidebar sur les catégories d’articles */
body.category:not(.tax-product_cat) #secondary,
body.category:not(.tax-product_cat) .sidebar-main {
    display: none !important;
}

/* Contenu pleine largeur */
body.category:not(.tax-product_cat) #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ==========================================================
   INTRODUCTION DE LA CATÉGORIE
   Titre + description en haut de page
   ========================================================== */

/* Bannière / titre de catégorie */
body.category:not(.tax-product_cat) .ast-archive-entry-banner {
    max-width: 980px !important;
    margin: 70px auto 50px auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    text-align: left !important;
}

/* Container interne de la bannière */
body.category:not(.tax-product_cat) .ast-archive-entry-banner .ast-container {
    max-width: 980px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Titre de la catégorie */
body.category:not(.tax-product_cat) .ast-archive-entry-banner h1,
body.category:not(.tax-product_cat) .page-title {
    margin: 0 0 18px 0 !important;

    color: #2C4969 !important;

    font-size: clamp(38px, 5vw, 56px) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
}

/* Description de la catégorie */
body.category:not(.tax-product_cat) .ast-archive-description,
body.category:not(.tax-product_cat) .taxonomy-description {
    max-width: 780px !important;

    color: #27323f !important;

    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/* Paragraphes de description */
body.category:not(.tax-product_cat) .taxonomy-description p {
    margin: 0 0 16px 0 !important;
}

/* ==========================================================
   GRILLE DES ARTICLES
   ========================================================== */

/* Grille si Astra utilise .ast-row */
body.category:not(.tax-product_cat) #main .ast-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;

    margin: 0 0 70px 0 !important;
    padding: 0 !important;
}

/* Sécurité si les articles sont directement dans #main */
body.category:not(.tax-product_cat) #main:not(:has(.ast-row)) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* La bannière de catégorie doit rester pleine largeur */
body.category:not(.tax-product_cat) #main > header,
body.category:not(.tax-product_cat) #main > .page-header,
body.category:not(.tax-product_cat) #main > .ast-archive-entry-banner,
body.category:not(.tax-product_cat) #main > .ast-archive-description {
    grid-column: 1 / -1 !important;
}

/* ==========================================================
   CARTE ARTICLE
   ========================================================== */

/* Carte article */
body.category:not(.tax-product_cat) article,
body.category:not(.tax-product_cat) .ast-row article {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;

    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    padding: 18px !important;

    background: #ffffff !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;

    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;

    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

/* Hover carte */
body.category:not(.tax-product_cat) article:hover,
body.category:not(.tax-product_cat) .ast-row article:hover {
    transform: translateY(-5px) !important;
    border-color: #d8e0e7 !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.11) !important;
}

/* Supprimer la ligne horizontale entre les articles */
body.category:not(.tax-product_cat) article,
body.category:not(.tax-product_cat) .ast-article-post {
    border-bottom: 1px solid #e5e7eb !important;
}

/* Supprimer les espacements Astra internes */
body.category:not(.tax-product_cat) article .entry-header,
body.category:not(.tax-product_cat) article .entry-content,
body.category:not(.tax-product_cat) article .entry-summary,
body.category:not(.tax-product_cat) article .post-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================
   IMAGE DE L’ARTICLE
   ========================================================== */

/* Zone image */
body.category:not(.tax-product_cat) article .post-thumb,
body.category:not(.tax-product_cat) article .post-thumb-img-content,
body.category:not(.tax-product_cat) article .ast-blog-featured-section {
    width: 100% !important;
    height: 210px !important;

    margin: 0 0 18px 0 !important;
    padding: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f8fafc !important;

    border-radius: 18px !important;

    overflow: hidden !important;
}

/* Lien de l’image */
body.category:not(.tax-product_cat) article .post-thumb a,
body.category:not(.tax-product_cat) article .post-thumb-img-content a,
body.category:not(.tax-product_cat) article .ast-blog-featured-section a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}

/* Image */
body.category:not(.tax-product_cat) article img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border-radius: 14px !important;
}

/* ==========================================================
   TEXTE DE LA CARTE
   ========================================================== */

/* Catégorie / meta */
body.category:not(.tax-product_cat) article .entry-meta,
body.category:not(.tax-product_cat) article .entry-meta a {
    color: #64748b !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}

/* Espacement meta */
body.category:not(.tax-product_cat) article .entry-meta {
    margin: 0 0 10px 0 !important;
}

/* Titre article */
body.category:not(.tax-product_cat) article .entry-title,
body.category:not(.tax-product_cat) article .entry-title a {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;

    color: #0f172a !important;

    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
}

/* Hover titre */
body.category:not(.tax-product_cat) article .entry-title a:hover {
    color: #0573f0 !important;
}

/* Extrait */
body.category:not(.tax-product_cat) article .entry-summary,
body.category:not(.tax-product_cat) article .entry-content {
    color: #475569 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/* Limiter le texte pour garder des cartes régulières */
body.category:not(.tax-product_cat) article .entry-summary p,
body.category:not(.tax-product_cat) article .entry-content p {
    margin: 0 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
}

/* ==========================================================
   BOUTON LIRE LA SUITE
   ========================================================== */

/* Bloc lire la suite */
body.category:not(.tax-product_cat) article .read-more,
body.category:not(.tax-product_cat) article a.more-link {
    margin-top: auto !important;
}

/* Lien lire la suite */
body.category:not(.tax-product_cat) article .read-more a,
body.category:not(.tax-product_cat) article a.more-link {
    width: 100% !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-top: 18px !important;
    padding: 12px 20px !important;

    background: #2C4969 !important;

    border: 1px solid #2C4969 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 10px 24px rgba(44, 73, 105, 0.18) !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

/* Hover bouton lire la suite */
body.category:not(.tax-product_cat) article .read-more a:hover,
body.category:not(.tax-product_cat) article a.more-link:hover {
    background: #0573f0 !important;
    border-color: #0573f0 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 14px 30px rgba(5, 115, 240, 0.24) !important;
}

/* ==========================================================
   RESPONSIVE CATÉGORIES D’ARTICLES
   ========================================================== */

/* Tablette : 2 cartes */
@media (max-width: 1024px) {
    body.category:not(.tax-product_cat) #main .ast-row,
    body.category:not(.tax-product_cat) #main:not(:has(.ast-row)) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    body.category:not(.tax-product_cat) article .post-thumb,
    body.category:not(.tax-product_cat) article .post-thumb-img-content,
    body.category:not(.tax-product_cat) article .ast-blog-featured-section {
        height: 200px !important;
    }
}

/* Mobile : 1 carte propre */
@media (max-width: 767px) {
    body.category:not(.tax-product_cat) .site-content .ast-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.category:not(.tax-product_cat) .ast-archive-entry-banner {
        margin: 34px auto 30px auto !important;
    }

    body.category:not(.tax-product_cat) .ast-archive-entry-banner h1,
    body.category:not(.tax-product_cat) .page-title {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

    body.category:not(.tax-product_cat) .ast-archive-description,
    body.category:not(.tax-product_cat) .taxonomy-description {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    body.category:not(.tax-product_cat) #main .ast-row,
    body.category:not(.tax-product_cat) #main:not(:has(.ast-row)) {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin-bottom: 44px !important;
    }

    body.category:not(.tax-product_cat) article,
    body.category:not(.tax-product_cat) .ast-row article {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    body.category:not(.tax-product_cat) article .post-thumb,
    body.category:not(.tax-product_cat) article .post-thumb-img-content,
    body.category:not(.tax-product_cat) article .ast-blog-featured-section {
        height: 190px !important;
        padding: 8px !important;
        border-radius: 16px !important;
    }

    body.category:not(.tax-product_cat) article .entry-title,
    body.category:not(.tax-product_cat) article .entry-title a {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    body.category:not(.tax-product_cat) article .entry-summary,
    body.category:not(.tax-product_cat) article .entry-content {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}

/* ==========================================================
   SIDEBAR BOUTIQUE - FILTRES ATTRIBUTS EN ACCORDÉON
   Correction WPC / Filter Everything
   Ne masque plus les wrappers du plugin, seulement le contenu
   ========================================================== */

/* Section filtre : carte accordéon */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;

    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;

    overflow: hidden !important;
}

/* Titre du filtre */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion .wpc-filter-title,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion .wpc-filter-title,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion .wpc-filter-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 14px !important;

    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;

    border-bottom: none !important;

    color: #2C4969 !important;

    font-family: Inter, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;

    cursor: pointer !important;
    user-select: none !important;
}

/* Titre quand la section est ouverte */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-title,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-title,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-title {
    border-bottom: 1px solid #e5e7eb !important;
}

/* Bouton + / - */
body.woocommerce-shop #secondary .chargeur-filter-toggle,
body.post-type-archive-product #secondary .chargeur-filter-toggle,
body.tax-product_cat #secondary .chargeur-filter-toggle {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 1px solid #d8e0e7 !important;
    border-radius: 999px !important;

    color: #2C4969 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease !important;
}

/* Hover du bouton */
body.woocommerce-shop #secondary .chargeur-filter-toggle:hover,
body.post-type-archive-product #secondary .chargeur-filter-toggle:hover,
body.tax-product_cat #secondary .chargeur-filter-toggle:hover {
    background: #2C4969 !important;
    border-color: #2C4969 !important;
    color: #ffffff !important;
}

/* Bouton quand ouvert */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-open .chargeur-filter-toggle,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-open .chargeur-filter-toggle,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-open .chargeur-filter-toggle {
    background: #2C4969 !important;
    border-color: #2C4969 !important;
    color: #ffffff !important;
}

/* ==========================================================
   IMPORTANT :
   On cache uniquement les vrais contenus WPC,
   pas tous les enfants directs de la section.
   ========================================================== */

/* Contenu fermé */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filter-content,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filter-content,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filter-content,
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filter-content-wrapper,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filter-content-wrapper,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filter-content-wrapper,
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-ul-list,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-ul-list,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-ul-list,
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-range-wrapper,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-range-wrapper,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-range-wrapper,
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-range-slider-wrapper,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-range-slider-wrapper,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion:not(.chargeur-filter-open) .wpc-filters-range-slider-wrapper {
    display: none !important;
}

/* Contenu ouvert */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-content,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-content,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-content,
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-content-wrapper,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-content-wrapper,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filter-content-wrapper,
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filters-ul-list,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filters-ul-list,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion.chargeur-filter-open .wpc-filters-ul-list {
    display: block !important;
}

/* Espacement interne des listes ouvertes */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list {
    padding: 14px !important;
}

/* Valeurs des filtres */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list li,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list li,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list li {
    margin-bottom: 8px !important;
}

/* Filtre qui contient une valeur active */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-has-active .wpc-filter-title,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-has-active .wpc-filter-title,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-has-active .wpc-filter-title {
    background: #eef7f2 !important;
    color: #10263f !important;
}

/* Indicateur filtre actif */
body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-has-active .wpc-filter-title::before,
body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-has-active .wpc-filter-title::before,
body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-has-active .wpc-filter-title::before {
    content: "" !important;

    width: 8px !important;
    height: 8px !important;

    display: inline-block !important;
    flex: 0 0 8px !important;

    background: #0573f0 !important;
    border-radius: 50% !important;

    box-shadow: 0 0 0 4px rgba(5, 115, 240, 0.12) !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion,
    body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion,
    body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion {
        margin-bottom: 12px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-accordion .wpc-filter-title,
    body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-accordion .wpc-filter-title,
    body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-accordion .wpc-filter-title {
        padding: 13px 13px !important;
        font-size: 14px !important;
    }

    body.woocommerce-shop #secondary .chargeur-filter-toggle,
    body.post-type-archive-product #secondary .chargeur-filter-toggle,
    body.tax-product_cat #secondary .chargeur-filter-toggle {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        font-size: 17px !important;
    }

    body.woocommerce-shop #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list,
    body.post-type-archive-product #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list,
    body.tax-product_cat #secondary .wpc-filters-section.chargeur-filter-open .wpc-filters-ul-list {
        padding: 12px !important;
    }
}
/* ==========================================================
   SIDEBAR BOUTIQUE - WPC FILTERS
   Logique propre :
   - cacher les boutons secondaires du plugin
   - garder un seul bloc Appliquer / Réinitialiser
   - le rendre accessible sans scroller jusqu'en bas
   ========================================================== */


/* ----------------------------------------------------------
   1. Cacher les containers secondaires qui créent les doublons
   ---------------------------------------------------------- */

body.woocommerce-shop #secondary .wpc-filters-widget-controls-container,
body.post-type-archive-product #secondary .wpc-filters-widget-controls-container,
body.tax-product_cat #secondary .wpc-filters-widget-controls-container {
    display: none !important;
}


/* ----------------------------------------------------------
   2. Garder seulement le bloc principal sticky du plugin
   ---------------------------------------------------------- */

body.woocommerce-shop #secondary .wpc-sticky-buttons,
body.post-type-archive-product #secondary .wpc-sticky-buttons,
body.tax-product_cat #secondary .wpc-sticky-buttons {
    position: sticky !important;
    top: 110px !important;
    bottom: auto !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;

    margin: 0 0 18px 0 !important;
    padding: 12px !important;

    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;

    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.10) !important;
    backdrop-filter: blur(10px) !important;

    z-index: 20 !important;
}


/* ----------------------------------------------------------
   3. Style commun des boutons
   ---------------------------------------------------------- */

body.woocommerce-shop #secondary .wpc-sticky-buttons a,
body.post-type-archive-product #secondary .wpc-sticky-buttons a,
body.tax-product_cat #secondary .wpc-sticky-buttons a {
    flex: 1 1 0 !important;

    min-height: 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 10px 12px !important;

    border-radius: 999px !important;

    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    outline: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}


/* ----------------------------------------------------------
   4. Bouton Appliquer / Afficher
   ---------------------------------------------------------- */

body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-submit-button,
body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-submit-button,
body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-submit-button,
body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-apply-button,
body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-apply-button,
body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-apply-button {
    background: linear-gradient(135deg, #0573f0 0%, #0769da 100%) !important;
    border: 1px solid #0573f0 !important;
    color: #ffffff !important;

    box-shadow: 0 8px 18px rgba(5, 115, 240, 0.24) !important;
}


/* Hover Appliquer / Afficher */
body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-submit-button:hover,
body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-submit-button:hover,
body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-submit-button:hover,
body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-apply-button:hover,
body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-apply-button:hover,
body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-apply-button:hover {
    background: linear-gradient(135deg, #0769da 0%, #045fc7 100%) !important;
    border-color: #045fc7 !important;
    color: #ffffff !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(5, 115, 240, 0.30) !important;
}


/* ----------------------------------------------------------
   5. Bouton Réinitialiser
   ---------------------------------------------------------- */

body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-reset-button,
body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-reset-button,
body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-reset-button {
    background: #ffffff !important;
    border: 1px solid #d8e0e7 !important;
    color: #2C4969 !important;

    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05) !important;
}


/* Hover Réinitialiser */
body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-reset-button:hover,
body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-reset-button:hover,
body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-reset-button:hover {
    background: #f8fafc !important;
    border-color: #2C4969 !important;
    color: #2C4969 !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}


/* ----------------------------------------------------------
   6. Si le plugin inverse l'ordre des boutons
   ---------------------------------------------------------- */

body.woocommerce-shop #secondary .wpc-sticky-buttons,
body.post-type-archive-product #secondary .wpc-sticky-buttons,
body.tax-product_cat #secondary .wpc-sticky-buttons {
    flex-direction: row-reverse !important;
}


/* ----------------------------------------------------------
   7. Mobile
   ---------------------------------------------------------- */

@media (max-width: 767px) {
    body.woocommerce-shop #secondary .wpc-sticky-buttons,
    body.post-type-archive-product #secondary .wpc-sticky-buttons,
    body.tax-product_cat #secondary .wpc-sticky-buttons {
        top: 80px !important;
        gap: 8px !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-shop #secondary .wpc-sticky-buttons a,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a,
    body.tax-product_cat #secondary .wpc-sticky-buttons a {
        min-height: 40px !important;
        font-size: 12px !important;
        padding: 9px 10px !important;
    }
}
/* ==========================================================
   BOUTIQUE DESKTOP - ALIGNEMENT FILTRES / RÉSULTATS / TRI
   Objectif :
   - aligner les badges actifs WPC
   - aligner le bouton Tout réinitialiser
   - aligner le texte "résultats affichés"
   - avec le bouton "Tri par défaut"
   - sans pousser les cartes produits vers le bas
   ========================================================== */

@media (min-width: 768px) {

    /* ----------------------------------------------------------
       1. Liste des badges actifs WPC
       ---------------------------------------------------------- */

    body.woocommerce-shop .wpc-filter-chips-list,
    body.post-type-archive-product .wpc-filter-chips-list,
    body.tax-product_cat .wpc-filter-chips-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;

        min-height: 48px !important;

        margin: 0 0 0 30px !important;
        padding: 0 !important;

        list-style: none !important;
    }


    /* ----------------------------------------------------------
       2. Chaque badge : même hauteur visuelle que le tri
       ---------------------------------------------------------- */

    body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip,
    body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip,
    body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
        border: none !important;

        transform: none !important;
    }


    /* ----------------------------------------------------------
       3. Boutons/badges cliquables : hauteur proche du bouton tri
       ---------------------------------------------------------- */

    body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip a,
    body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip a,
    body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 38px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        line-height: 38px !important;
        vertical-align: middle !important;
    }


    /* ----------------------------------------------------------
       4. Texte "résultats affichés"
       ---------------------------------------------------------- */

    body.woocommerce-shop .woocommerce-result-count,
    body.post-type-archive-product .woocommerce-result-count,
    body.tax-product_cat .woocommerce-result-count {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 48px !important;

        margin: 0 0 18px 30px !important;

        line-height: 48px !important;

        color: #475569 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }


    /* ----------------------------------------------------------
       5. Bloc tri par défaut
       ---------------------------------------------------------- */

    body.woocommerce-shop .woocommerce-ordering,
    body.post-type-archive-product .woocommerce-ordering,
    body.tax-product_cat .woocommerce-ordering {
        position: relative !important;
        float: right !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 260px !important;
        max-width: 260px !important;
        min-height: 48px !important;

        margin: 0 0 18px 0 !important;
        padding: 0 !important;
    }


    /* ----------------------------------------------------------
       6. Sélecteur "Tri par défaut"
       ---------------------------------------------------------- */

    body.woocommerce-shop .woocommerce-ordering select,
    body.post-type-archive-product .woocommerce-ordering select,
    body.tax-product_cat .woocommerce-ordering select,
    body.woocommerce-shop .woocommerce-ordering .orderby,
    body.post-type-archive-product .woocommerce-ordering .orderby,
    body.tax-product_cat .woocommerce-ordering .orderby {
        width: 100% !important;
        height: 48px !important;

        margin: 0 !important;

        line-height: 48px !important;
    }
}
/* ==========================================================
   BOUTIQUE DESKTOP - BADGES FILTRES PLUS FINS ET PREMIUM
   Objectif :
   - réduire l'effet trop gros / trop gras
   - rendre les badges plus élégants
   - ne pas modifier l'alignement déjà corrigé
   ========================================================== */

@media (min-width: 768px) {

    /* Badge filtre actif : exemple USB-C Power Delivery */
    body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a,
    body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a,
    body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
        min-height: 36px !important;
        padding: 0 15px !important;

        background: rgba(255, 255, 255, 0.82) !important;
        border: 1px solid rgba(37, 99, 235, 0.28) !important;
        border-radius: 999px !important;

        color: #1e40af !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: -0.01em !important;

        box-shadow:
            0 6px 16px rgba(37, 99, 235, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

        text-decoration: none !important;
        overflow: hidden !important;

        transform: none !important;
        filter: none !important;

        transition:
            background-color 0.22s ease,
            border-color 0.22s ease,
            color 0.22s ease,
            box-shadow 0.22s ease !important;
    }

    /* Survol badge filtre actif */
    body.woocommerce-shop .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover,
    body.post-type-archive-product .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover,
    body.tax-product_cat .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover {
        background: #f8fbff !important;
        border-color: rgba(37, 99, 235, 0.45) !important;
        color: #1d4ed8 !important;

        box-shadow:
            0 8px 20px rgba(37, 99, 235, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

        transform: none !important;
        filter: none !important;
    }

    /* Bouton Tout réinitialiser */
    body.woocommerce-shop .wpc-filter-chips-list li.wpc-chip-reset-all a,
    body.post-type-archive-product .wpc-filter-chips-list li.wpc-chip-reset-all a,
    body.tax-product_cat .wpc-filter-chips-list li.wpc-chip-reset-all a {
        min-height: 36px !important;
        padding: 0 15px !important;

        background: rgba(255, 255, 255, 0.82) !important;
        border: 1px solid rgba(239, 68, 68, 0.28) !important;
        border-radius: 999px !important;

        color: #dc2626 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: -0.01em !important;

        box-shadow:
            0 6px 16px rgba(239, 68, 68, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

        text-decoration: none !important;
        overflow: hidden !important;

        transform: none !important;
        filter: none !important;

        transition:
            background-color 0.22s ease,
            border-color 0.22s ease,
            color 0.22s ease,
            box-shadow 0.22s ease !important;
    }

    /* Survol Tout réinitialiser */
    body.woocommerce-shop .wpc-filter-chips-list li.wpc-chip-reset-all a:hover,
    body.post-type-archive-product .wpc-filter-chips-list li.wpc-chip-reset-all a:hover,
    body.tax-product_cat .wpc-filter-chips-list li.wpc-chip-reset-all a:hover {
        background: #fffafa !important;
        border-color: rgba(220, 38, 38, 0.45) !important;
        color: #b91c1c !important;

        box-shadow:
            0 8px 20px rgba(239, 68, 68, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

        transform: none !important;
        filter: none !important;
    }

    /* Texte interne des badges */
    body.woocommerce-shop .wpc-filter-chip-name,
    body.post-type-archive-product .wpc-filter-chip-name,
    body.tax-product_cat .wpc-filter-chip-name {
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        color: inherit !important;
    }

    /* Croix de fermeture plus discrète */
    body.woocommerce-shop .wpc-chip-remove-icon,
    body.post-type-archive-product .wpc-chip-remove-icon,
    body.tax-product_cat .wpc-chip-remove-icon {
        opacity: 0.45 !important;
        transform: scale(0.82) !important;
        transition: opacity 0.22s ease !important;
    }

    body.woocommerce-shop .wpc-filter-chip a:hover .wpc-chip-remove-icon,
    body.post-type-archive-product .wpc-filter-chip a:hover .wpc-chip-remove-icon,
    body.tax-product_cat .wpc-filter-chip a:hover .wpc-chip-remove-icon {
        opacity: 0.8 !important;
    }
}
/* ==========================================================
   WIDGET FILTRES - BOUTONS APPLIQUER / RÉINITIALISER PREMIUM
   Objectif :
   - moderniser les boutons du widget de filtres
   - éviter que le texte sorte du container
   - supprimer/masquer le nombre de résultats trouvé
   - garder des boutons propres dans la colonne sidebar
   ========================================================== */

@media (min-width: 768px) {

    /* Container des boutons du widget */
    body.woocommerce-shop #secondary .wpc-sticky-buttons,
    body.post-type-archive-product #secondary .wpc-sticky-buttons,
    body.tax-product_cat #secondary .wpc-sticky-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 14px !important;
        margin: 18px 0 0 0 !important;

        background: rgba(255, 255, 255, 0.88) !important;
        border: 1px solid rgba(216, 224, 231, 0.85) !important;
        border-radius: 22px !important;

        box-shadow:
            0 10px 26px rgba(15, 23, 42, 0.06),
            inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Base commune des boutons Appliquer / Réinitialiser */
    body.woocommerce-shop #secondary .wpc-sticky-buttons a,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a,
    body.tax-product_cat #secondary .wpc-sticky-buttons a {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;

        min-height: 40px !important;
        height: 40px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 14px !important;

        border-radius: 999px !important;

        font-family: Inter, sans-serif !important;
        font-size: 13px !important;
        font-weight: 650 !important;
        line-height: 1 !important;
        letter-spacing: -0.01em !important;

        text-align: center !important;
        text-decoration: none !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        box-sizing: border-box !important;
        outline: none !important;

        transform: none !important;
        filter: none !important;

        transition:
            background-color 0.22s ease,
            border-color 0.22s ease,
            color 0.22s ease,
            box-shadow 0.22s ease !important;
    }

    /* Bouton Appliquer */
    body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-submit-button,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-submit-button,
    body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-submit-button,
    body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-apply-button,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-apply-button,
    body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-apply-button {
        background: linear-gradient(135deg, #0573f0 0%, #0769da 100%) !important;
        border: 1px solid rgba(5, 115, 240, 0.75) !important;
        color: #ffffff !important;

        box-shadow:
            0 8px 18px rgba(5, 115, 240, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    }

    /* Survol bouton Appliquer */
    body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-submit-button:hover,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-submit-button:hover,
    body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-submit-button:hover,
    body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-apply-button:hover,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-apply-button:hover,
    body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-apply-button:hover {
        background: linear-gradient(135deg, #0769da 0%, #055fc8 100%) !important;
        border-color: rgba(5, 95, 200, 0.9) !important;

        box-shadow:
            0 10px 22px rgba(5, 115, 240, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    }

    /* Bouton Réinitialiser */
    body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-reset-button,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-reset-button,
    body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-reset-button {
        background: rgba(255, 255, 255, 0.92) !important;
        border: 1px solid rgba(216, 224, 231, 0.95) !important;
        color: #2C4969 !important;

        box-shadow:
            0 6px 16px rgba(15, 23, 42, 0.05),
            inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    }

    /* Survol bouton Réinitialiser */
    body.woocommerce-shop #secondary .wpc-sticky-buttons a.wpc-filters-reset-button:hover,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a.wpc-filters-reset-button:hover,
    body.tax-product_cat #secondary .wpc-sticky-buttons a.wpc-filters-reset-button:hover {
        background: #f8fafc !important;
        border-color: rgba(148, 163, 184, 0.65) !important;
        color: #0f172a !important;

        box-shadow:
            0 8px 20px rgba(15, 23, 42, 0.08),
            inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    }

    /* Empêcher les textes internes de dépasser */
    body.woocommerce-shop #secondary .wpc-sticky-buttons a *,
    body.post-type-archive-product #secondary .wpc-sticky-buttons a *,
    body.tax-product_cat #secondary .wpc-sticky-buttons a * {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    /* Masquer le nombre de résultats dans le bouton Appliquer */
    body.woocommerce-shop #secondary .wpc-sticky-buttons .wpc-found-posts,
    body.post-type-archive-product #secondary .wpc-sticky-buttons .wpc-found-posts,
    body.tax-product_cat #secondary .wpc-sticky-buttons .wpc-found-posts,
    body.woocommerce-shop #secondary .wpc-sticky-buttons .wpc-found-posts-wrapper,
    body.post-type-archive-product #secondary .wpc-sticky-buttons .wpc-found-posts-wrapper,
    body.tax-product_cat #secondary .wpc-sticky-buttons .wpc-found-posts-wrapper,
    body.woocommerce-shop #secondary .wpc-sticky-buttons .wpc-filters-found-posts,
    body.post-type-archive-product #secondary .wpc-sticky-buttons .wpc-filters-found-posts,
    body.tax-product_cat #secondary .wpc-sticky-buttons .wpc-filters-found-posts {
        display: none !important;
    }
}
/* ==========================================================
   BOUTIQUE - PAGINATION WOOCOMMERCE PREMIUM
   Objectif :
   - moderniser les cases de pagination
   - arrondir les boutons
   - améliorer l’état actif
   - améliorer le hover
   - garder un style propre et cohérent avec chargeur.org
   ========================================================== */

/* Container général de la pagination */
body.woocommerce-shop nav.woocommerce-pagination,
body.post-type-archive-product nav.woocommerce-pagination,
body.tax-product_cat nav.woocommerce-pagination {
    margin-top: 42px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* Liste des pages */
body.woocommerce-shop nav.woocommerce-pagination ul,
body.post-type-archive-product nav.woocommerce-pagination ul,
body.tax-product_cat nav.woocommerce-pagination ul {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 8px !important;

    border: 1px solid rgba(216, 224, 231, 0.9) !important;
    border-radius: 999px !important;

    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;

    list-style: none !important;
}

/* Chaque case */
body.woocommerce-shop nav.woocommerce-pagination ul li,
body.post-type-archive-product nav.woocommerce-pagination ul li,
body.tax-product_cat nav.woocommerce-pagination ul li {
    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    list-style: none !important;
}

/* Liens et numéro actif */
body.woocommerce-shop nav.woocommerce-pagination ul li a,
body.woocommerce-shop nav.woocommerce-pagination ul li span,
body.post-type-archive-product nav.woocommerce-pagination ul li a,
body.post-type-archive-product nav.woocommerce-pagination ul li span,
body.tax-product_cat nav.woocommerce-pagination ul li a,
body.tax-product_cat nav.woocommerce-pagination ul li span {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d8e0e7 !important;
    border-radius: 999px !important;

    background: #ffffff !important;
    color: #2C4969 !important;

    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05) !important;

    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}

/* Page active */
body.woocommerce-shop nav.woocommerce-pagination ul li span.current,
body.post-type-archive-product nav.woocommerce-pagination ul li span.current,
body.tax-product_cat nav.woocommerce-pagination ul li span.current {
    background: linear-gradient(135deg, #0573f0 0%, #0769da 100%) !important;
    border-color: #0573f0 !important;
    color: #ffffff !important;

    box-shadow: 0 10px 24px rgba(5, 115, 240, 0.26) !important;
}

/* Hover et focus sur les pages cliquables */
body.woocommerce-shop nav.woocommerce-pagination ul li a:hover,
body.woocommerce-shop nav.woocommerce-pagination ul li a:focus,
body.post-type-archive-product nav.woocommerce-pagination ul li a:hover,
body.post-type-archive-product nav.woocommerce-pagination ul li a:focus,
body.tax-product_cat nav.woocommerce-pagination ul li a:hover,
body.tax-product_cat nav.woocommerce-pagination ul li a:focus {
    background: #f0f7ff !important;
    border-color: #0573f0 !important;
    color: #0573f0 !important;

    box-shadow: 0 10px 22px rgba(5, 115, 240, 0.14) !important;

    transform: translateY(-1px) !important;
    outline: none !important;
}

/* Flèches précédent / suivant */
body.woocommerce-shop nav.woocommerce-pagination ul li a.prev,
body.woocommerce-shop nav.woocommerce-pagination ul li a.next,
body.post-type-archive-product nav.woocommerce-pagination ul li a.prev,
body.post-type-archive-product nav.woocommerce-pagination ul li a.next,
body.tax-product_cat nav.woocommerce-pagination ul li a.prev,
body.tax-product_cat nav.woocommerce-pagination ul li a.next {
    width: auto !important;
    min-width: 46px !important;
    padding: 0 16px !important;
}

/* Mobile : pagination plus compacte */
@media (max-width: 767px) {

    body.woocommerce-shop nav.woocommerce-pagination,
    body.post-type-archive-product nav.woocommerce-pagination,
    body.tax-product_cat nav.woocommerce-pagination {
        margin-top: 32px !important;
    }

    body.woocommerce-shop nav.woocommerce-pagination ul,
    body.post-type-archive-product nav.woocommerce-pagination ul,
    body.tax-product_cat nav.woocommerce-pagination ul {
        gap: 8px !important;
        padding: 7px !important;
        border-radius: 24px !important;
    }

    body.woocommerce-shop nav.woocommerce-pagination ul li a,
    body.woocommerce-shop nav.woocommerce-pagination ul li span,
    body.post-type-archive-product nav.woocommerce-pagination ul li a,
    body.post-type-archive-product nav.woocommerce-pagination ul li span,
    body.tax-product_cat nav.woocommerce-pagination ul li a,
    body.tax-product_cat nav.woocommerce-pagination ul li span {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;

        font-size: 13px !important;
    }
}
/* ==========================================================
   SPECTRA / UAGB - ARRONDIR LE CONTAINER PARENT
   Objectif :
   - forcer le container parent à avoir 20px d'arrondi partout
   - éviter que l'enfant ou le dernier container casse l'arrondi
   ========================================================== */

/* Container parent UAGB concerné */
.wp-block-uagb-container.uagb-is-root-container.uagb-block-f09a81ea,
.wp-block-uagb-container.uagb-is-root-container .uagb-block-f09a81ea {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Sécurité : si Astra/Spectra applique seulement l'arrondi en bas */
.wp-block-uagb-container:last-child {
    border-radius: 20px !important;
    overflow: hidden !important;
}