/* Slaychic – Boutique et catégories (chargé seulement sur la boutique) */

/* =========================================================
   Boutique : accroche, bulles, filtres, grille mobile
   ========================================================= */
body.slaychic-catalog #pxl-page-title-default { display: none; }
body.slaychic-catalog #pxl-main { padding-top: 24px; }
body.slaychic-catalog .woocommerce-result-count { display: none !important; }

/* Accroche de l'accueil */
.slaychic-hero { position: relative; overflow: hidden; margin: 0 0 22px; padding: 28px 22px 24px; color: #fff; background: radial-gradient(120% 140% at 100% 0%, #8E2A40 0%, #6D1A2C 45%, #4F1220 100%); border-radius: 22px; }
.slaychic-hero::after { content: ''; position: absolute; right: -60px; bottom: -80px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(255, 255, 255, .14), transparent 65%); pointer-events: none; }
.slaychic-hero__eyebrow { display: inline-block; margin-bottom: 10px; font-size: 10.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; opacity: .85; }
.slaychic-hero__title { margin: 0 0 16px !important; font-size: 27px !important; line-height: 1.15 !important; color: #fff !important; }
.slaychic-hero__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.slaychic-hero__chips li { display: inline-flex; align-items: center; gap: 7px; margin: 0 !important; padding: 7px 12px; font-size: 12px; font-weight: 600; line-height: 1.2; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; }
.slaychic-hero__chips svg { width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 768px) {
    .slaychic-hero { padding: 40px 40px 34px; border-radius: 26px; }
    .slaychic-hero__title { font-size: 38px !important; }
    .slaychic-hero__chips li { padding: 9px 16px; font-size: 13px; }
}

/* En-tête de catégorie */
.slaychic-cat-head { margin: 0 0 16px; }
.slaychic-cat-head__title { margin: 0 !important; font-size: 28px !important; line-height: 1.2 !important; color: #2A2224 !important; }
.slaychic-cat-head__desc { margin: 6px 0 0; font-size: 14px; color: #4A4245; }

/* Catégories en bulles (mobile / tablette : l'ordinateur a la barre du haut) */
.slaychic-bubbles { margin: 0 -15px 14px; }
.slaychic-bubbles ul { display: flex; gap: 14px; margin: 0 !important; padding: 2px 15px 6px !important; overflow-x: auto; list-style: none !important; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.slaychic-bubbles ul::-webkit-scrollbar { display: none; }
.slaychic-bubbles li { flex: none; margin: 0 !important; scroll-snap-align: start; }
.slaychic-bubbles a { display: flex; flex-direction: column; align-items: center; gap: 7px; width: 72px; text-decoration: none; color: #2A2224; }
.slaychic-bubbles__ring { display: block; padding: 2.5px; border-radius: 50%; background: linear-gradient(135deg, #E7C9CF, #F6F1EC); }
.slaychic-bubbles a.is-active .slaychic-bubbles__ring { background: linear-gradient(135deg, #6D1A2C, #B8566B); }
.slaychic-bubbles__icon { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 62px; height: 62px; color: #6D1A2C; background: #F8EEF0; border: 2.5px solid #fff; border-radius: 50%; }
.slaychic-bubbles__icon img { width: 100%; height: 100%; object-fit: cover; }
.slaychic-bubbles__icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.slaychic-bubbles__icon .slaychic-cat-icon svg { width: 28px; height: 28px; }
.slaychic-bubbles__label { display: block; max-width: 72px; font-size: 11.5px; font-weight: 600; line-height: 1.2; text-align: center; }
.slaychic-bubbles a.is-active .slaychic-bubbles__label { color: #6D1A2C; }
@media (min-width: 1200px) { .slaychic-bubbles { display: none; } }

/* Barre Filtrer / Trier (mobile) */
.slaychic-toolbar { display: none; }
@media (max-width: 991px) {
    body.slaychic-catalog .woocommerce-topbar { display: none !important; }
    .slaychic-toolbar { position: sticky; z-index: 20; top: 0; display: flex; gap: 10px; margin: 0 -15px 16px; padding: 10px 15px; background: rgba(255, 253, 251, .96); border-bottom: 1px solid #F1E8E6; }
    .slaychic-toolbar__filter { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; min-height: 42px; padding: 0 18px !important; font-size: 13.5px !important; font-weight: 600; color: #2A2224 !important; background: #fff !important; border: 1px solid #E5DAD7 !important; border-radius: 999px !important; }
    .slaychic-toolbar__filter svg { width: 18px; height: 18px; fill: none; stroke: #6D1A2C; stroke-width: 1.7; stroke-linecap: round; }
    .slaychic-toolbar__sort { flex: 1; min-width: 0; }
    .slaychic-toolbar__sort form { margin: 0; }
    .slaychic-toolbar__sort select { width: 100%; height: 42px; padding: 0 34px 0 16px; font-size: 13.5px; font-weight: 600; color: #2A2224; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236D1A2C' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center / 16px no-repeat; border: 1px solid #E5DAD7; border-radius: 999px; -webkit-appearance: none; appearance: none; }
    /* Tiroir de filtres : la colonne latérale du thème devient un panneau */
    body.slaychic-catalog .pxl-sidebar-shop { position: fixed; z-index: 100001; top: 0; bottom: 0; left: 0; width: min(88vw, 380px); max-width: none; margin: 0 !important; padding: 0 0 90px !important; overflow-y: auto; background: #fff; box-shadow: 12px 0 40px rgba(42, 34, 36, .2); transform: translateX(-105%); transition: transform .32s cubic-bezier(.2, .8, .2, 1); }
    body.slaychic-filters-open .pxl-sidebar-shop { transform: none; }
    body.slaychic-catalog .pxl-sidebar-shop .sidebar-sticky { position: static !important; padding: 8px 22px; }
    .slaychic-drawer-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; font-size: 18px; font-weight: 700; color: #2A2224; background: #fff; border-bottom: 1px solid #F1E8E6; }
    .slaychic-drawer-close { width: 36px; height: 36px; padding: 0 !important; font-size: 20px !important; line-height: 1; color: #4A4245 !important; background: #F6F1EC !important; border: 0 !important; border-radius: 50% !important; }
    .slaychic-drawer-foot { position: fixed; bottom: 0; left: 0; width: min(88vw, 380px); padding: 14px 22px calc(14px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #F1E8E6; transform: translateX(-105%); transition: transform .32s cubic-bezier(.2, .8, .2, 1); z-index: 100002; }
    body.slaychic-filters-open .slaychic-drawer-foot { transform: none; }
    .slaychic-drawer-foot button { width: 100%; min-height: 48px; font-size: 15px !important; font-weight: 600; color: #fff !important; background: #6D1A2C !important; border: 0 !important; border-radius: 999px !important; }
    .slaychic-drawer-backdrop { position: fixed; z-index: 100000; inset: 0; background: rgba(42, 34, 36, .5); opacity: 0; transition: opacity .3s; }
    body.slaychic-filters-open .slaychic-drawer-backdrop { opacity: 1; }
    body.slaychic-filters-open { overflow: hidden; }
}

/* Accroche mobile : 3 avantages en tuiles côte à côte */
@media (max-width: 767px) {
    .slaychic-hero { padding: 22px 16px 16px; border-radius: 20px; }
    .slaychic-hero__title { margin-bottom: 14px !important; font-size: 25px !important; }
    .slaychic-hero__chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .slaychic-hero__chips li { flex-direction: column; justify-content: center; gap: 6px; padding: 10px 4px; font-size: 11px; line-height: 1.25; text-align: center; border-radius: 14px; }
    .slaychic-hero__chips svg { width: 20px; height: 20px; }
    /* Sous-catégories : une ligne qui défile */
    .slaychic-subcats { flex-wrap: nowrap !important; overflow-x: auto; margin-right: -15px !important; padding-right: 15px; scrollbar-width: none; }
    .slaychic-subcats::-webkit-scrollbar { display: none; }
    .slaychic-subcats a { flex: none; padding: 7px 14px !important; font-size: 12.5px !important; white-space: nowrap; }
}
.slaychic-toolbar__filter { line-height: 1 !important; }
.slaychic-toolbar__filter svg { flex: none; display: block; }
.slaychic-drawer-head, .slaychic-drawer-foot { display: none; }
@media (max-width: 991px) {
    .slaychic-drawer-head { display: flex; }
    .slaychic-drawer-foot { display: block; }
    .slaychic-toolbar .slaychic-toolbar__filter { display: inline-flex !important; flex-direction: row; white-space: nowrap; }
}

/* =========================================================
   Filtres de la boutique (colonne latérale / tiroir mobile)
   ========================================================= */
.pxl-sidebar-shop .widget { margin: 0 0 8px !important; padding: 0 0 20px !important; border: 0 !important; border-bottom: 1px solid #F1E8E6 !important; background: none !important; }
.pxl-sidebar-shop .widget:last-child { border-bottom: 0 !important; }
.pxl-sidebar-shop .widget-title { margin: 18px 0 12px !important; padding: 0 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em; text-transform: uppercase; color: #2A2224 !important; border: 0 !important; }
.pxl-sidebar-shop .widget-title::before, .pxl-sidebar-shop .widget-title::after, .pxl-sidebar-shop .widget-title span::before, .pxl-sidebar-shop .widget-title span::after { display: none !important; }
/* Catégories */
.pxl-sidebar-shop .product-categories, .pxl-sidebar-shop .product-categories .children { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pxl-sidebar-shop .product-categories li { position: relative; margin: 0 !important; padding: 0 !important; }
.pxl-sidebar-shop .product-categories li::before, .pxl-sidebar-shop .product-categories li::after { display: none !important; content: none !important; }
.pxl-sidebar-shop .product-categories a { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px !important; font-size: 14.5px !important; font-weight: 500; color: #2A2224 !important; text-decoration: none !important; border-radius: 10px; transition: background-color .15s, color .15s; }
.pxl-sidebar-shop .product-categories a::after { content: ''; width: 7px; height: 7px; border-right: 1.6px solid #C9B8BB; border-top: 1.6px solid #C9B8BB; transform: rotate(45deg); }
.pxl-sidebar-shop .product-categories a:hover { color: #6D1A2C !important; background: #F8EEF0; }
.pxl-sidebar-shop .product-categories .children a { padding-left: 26px !important; font-size: 13.5px !important; color: #4A4245 !important; }
.pxl-sidebar-shop .product-categories .current-cat > a, .pxl-sidebar-shop .product-categories .current-cat-parent > a { font-weight: 700; color: #6D1A2C !important; background: #F8EEF0; }
.pxl-sidebar-shop .product-categories .current-cat > a::after { border-color: #6D1A2C; }
/* Prix */
.pxl-sidebar-shop .price_slider_wrapper { padding: 6px 4px 0; }
.pxl-sidebar-shop .price_slider.ui-slider { position: relative; height: 4px !important; margin: 12px 8px 22px !important; background: #EADDD9 !important; border: 0 !important; border-radius: 4px; }
.pxl-sidebar-shop .price_slider .ui-slider-range { position: absolute; height: 100% !important; background: #6D1A2C !important; border-radius: 4px; }
.pxl-sidebar-shop .price_slider .ui-slider-handle { position: absolute; top: 50% !important; width: 22px !important; height: 22px !important; margin: -11px 0 0 -11px !important; background: #fff !important; border: 2px solid #6D1A2C !important; border-radius: 50% !important; box-shadow: 0 2px 8px rgba(79, 18, 32, .25) !important; outline: 0; cursor: grab; }
.pxl-sidebar-shop .price_slider .ui-slider-handle:active { cursor: grabbing; transform: scale(1.08); }
.pxl-sidebar-shop .price_slider_amount { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.pxl-sidebar-shop .price_slider_amount .price_label { order: -1; flex: 1 1 100%; display: flex !important; align-items: center; justify-content: space-between; gap: 8px; font-size: 0 !important; color: transparent; }
.pxl-sidebar-shop .price_slider_amount .price_label .from, .pxl-sidebar-shop .price_slider_amount .price_label .to { flex: 1; padding: 9px 10px; font-size: 13.5px !important; font-weight: 600; text-align: center; color: #2A2224; background: #FBF8F6; border: 1px solid #E5DAD7; border-radius: 10px; }
.pxl-sidebar-shop .price_slider_amount .button { flex: 1 1 100%; float: none !important; min-height: 44px; margin: 4px 0 0 !important; padding: 0 18px !important; font-size: 14px !important; font-weight: 600; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; color: #6D1A2C !important; background: #fff !important; border: 1.5px solid #6D1A2C !important; border-radius: 999px !important; transition: background-color .2s, color .2s; }
.pxl-sidebar-shop .price_slider_amount .button:hover { color: #fff !important; background: #6D1A2C !important; }
.pxl-sidebar-shop .product-categories a::before { display: none !important; content: none !important; }
.pxl-sidebar-shop .product-categories a::after { position: static !important; flex: none; width: 7px !important; height: 7px !important; margin: 0 2px 0 12px !important; background: none !important; border: 0 !important; border-right: 1.6px solid #C9B8BB !important; border-top: 1.6px solid #C9B8BB !important; transform: rotate(45deg) !important; transition: none !important; opacity: 1 !important; }
.pxl-sidebar-shop .product-categories .current-cat > a::after, .pxl-sidebar-shop .product-categories a:hover::after { border-color: #6D1A2C !important; }
.pxl-sidebar-shop .product-categories li > a { display: flex !important; width: 100% !important; box-sizing: border-box; padding: 9px 12px !important; }
.pxl-sidebar-shop .product-categories .children li > a { padding-left: 26px !important; }
.pxl-sidebar-shop .product-categories a::after { display: block !important; content: '' !important; min-width: 0 !important; max-width: none !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }
.pxl-sidebar-shop .product-categories li > a { margin: 0 !important; }

/* =========================================================
   Refonte boutique (2026-10-15) : vignettes, barre d'outils, mobile compact
   ========================================================= */

/* Barre d'outils : nombre d'articles + tri (ordinateur aussi) */
body.slaychic-catalog .woocommerce-topbar { display: none !important; }
.slaychic-toolbar__count { margin: 0 !important; font-size: 13.5px; font-weight: 600; color: #4A4245; white-space: nowrap; }
@media (min-width: 992px) {
    .slaychic-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 22px; padding: 0 0 14px; border-bottom: 1px solid #F1E8E6; }
    .slaychic-toolbar__filter { display: none !important; }
    .slaychic-toolbar__sort form { margin: 0; }
    .slaychic-toolbar__sort select { min-width: 230px; height: 42px; padding: 0 38px 0 16px; font-size: 14px; font-weight: 600; color: #2A2224; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236D1A2C' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat; border: 1px solid #E5DAD7; border-radius: 999px; -webkit-appearance: none; appearance: none; cursor: pointer; }
}
@media (max-width: 991px) {
    .slaychic-toolbar { align-items: center; }
    .slaychic-toolbar__count { order: 3; flex: 0 0 auto; font-size: 12px; color: #7A6F71; }
    .slaychic-toolbar__filter, .slaychic-toolbar__sort select { min-height: 40px !important; height: 40px; }
}

/* Mobile : les articles apparaissent dès l'arrivée (accroche et bulles compactes) */
@media (max-width: 767px) {
    body.slaychic-catalog #pxl-main { padding-top: 12px !important; }
    .slaychic-hero { margin-bottom: 12px; padding: 13px 15px 12px; border-radius: 16px; }
    .slaychic-hero__eyebrow { display: none; }
    .slaychic-hero__title { margin-bottom: 8px !important; font-size: 17px !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
    .slaychic-hero__title br { display: none; }
    /* Avantages : petites lignes qui reviennent à la ligne (rien ne sort de l'écran) */
    .slaychic-hero__chips { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 !important; padding: 0 !important; overflow: visible; }
    .slaychic-hero__chips li { flex: 0 1 auto; flex-direction: row; gap: 6px; min-width: 0; padding: 0; font-size: 11.5px; line-height: 1.3; white-space: normal; text-align: left; background: none; border: 0; border-radius: 0; }
    .slaychic-hero__chips svg { flex: none; width: 15px; height: 15px; opacity: .9; }
    .slaychic-bubbles { margin-bottom: 6px; }
    .slaychic-bubbles ul { gap: 10px; }
    .slaychic-bubbles a { width: 62px; gap: 5px; }
    .slaychic-bubbles__icon { width: 54px; height: 54px; }
    .slaychic-bubbles__icon svg, .slaychic-bubbles__icon .slaychic-cat-icon svg { width: 24px; height: 24px; }
    .slaychic-bubbles__label { max-width: 64px; font-size: 11px; }
    .slaychic-toolbar { margin-bottom: 14px; padding: 8px 15px; }
}

/* ---------- Vignettes produit ---------- */
body.slaychic-catalog ul.products li.product .woocommerce-product-inner { position: relative; height: 100%; }
body.slaychic-catalog ul.products li.product .woocommerce-product-header { position: relative; overflow: hidden; margin: 0 !important; background: #F6F1EC; border-radius: 16px; isolation: isolate; }
body.slaychic-catalog ul.products li.product .woocommerce-product-details { position: relative; display: block; aspect-ratio: 3 / 4; }
body.slaychic-catalog ul.products li.product .woocommerce-product-details img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; transition: opacity .45s ease, transform .8s cubic-bezier(.2, .8, .2, 1); }
body.slaychic-catalog ul.products li.product .woocommerce-product-details .slaychic-card-alt { opacity: 0; }
/* Mobile / tactile : pas de survol, la 2e photo n'est jamais téléchargée (image différée masquée) */
@media (hover: none), (max-width: 1023px) { body.slaychic-catalog ul.products li.product .woocommerce-product-details .slaychic-card-alt { display: none; } }
@media (hover: hover) and (min-width: 1024px) {
    body.slaychic-catalog ul.products li.product:hover .woocommerce-product-details img { transform: scale(1.035); }
    body.slaychic-catalog ul.products li.product:hover .woocommerce-product-details .slaychic-card-alt { opacity: 1; }
}
body.slaychic-catalog ul.products li.product.outofstock .woocommerce-product-details img { filter: grayscale(.6); opacity: .7; }

/* Badges */
.slaychic-card-badges { position: absolute; z-index: 3; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; pointer-events: none; }
.slaychic-card-badges .slaychic-card-badge { position: static; padding: 4px 9px; font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: .02em; color: #fff; background: #B3261E; border-radius: 999px; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); }
.slaychic-card-badges .slaychic-card-badge--hot { color: #B3261E; background: #FDECEA; }
.slaychic-card-badges .slaychic-card-badge--new { color: #2A2224; background: #fff; }
.slaychic-card-badges .slaychic-card-badge--out { color: #fff; background: #2A2224; }

/* Favoris (toujours visible) et aperçu rapide : en haut à droite */
body.slaychic-catalog ul.products li.product .woocommerce-product-meta { position: absolute !important; z-index: 4; inset: 10px 10px auto auto !important; display: flex !important; flex-direction: column; gap: 8px; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
body.slaychic-catalog ul.products li.product .woocommerce-product-meta > div { position: static !important; width: 38px !important; height: 38px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; transform: none !important; transition: opacity .25s, transform .25s; }
body.slaychic-catalog ul.products li.product .woocommerce-product-meta button { position: relative !important; inset: auto !important; display: block !important; width: 38px !important; height: 38px !important; padding: 0 !important; color: #2A2224; background: rgba(255, 255, 255, .95) !important; border: 0 !important; border-radius: 50% !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .12); }
body.slaychic-catalog ul.products li.product .woocommerce-product-meta button:hover { background: #fff !important; }
body.slaychic-catalog ul.products li.product .woocommerce-product-meta button::before { font-size: 16px !important; }
@media (hover: hover) and (min-width: 1200px) {
    body.slaychic-catalog ul.products li.product .woocommerce-product-meta .woocommerce-quick-view { opacity: 0 !important; transform: translateX(8px) !important; }
    body.slaychic-catalog ul.products li.product:hover .woocommerce-product-meta .woocommerce-quick-view, body.slaychic-catalog ul.products li.product .woocommerce-quick-view:focus-within { opacity: 1 !important; transform: none !important; }
}

/* Bouton d'achat : bandeau au survol (ordinateur), pastille (mobile / tablette) */
@media (min-width: 1200px) {
    body.slaychic-catalog ul.products li.product .slaychic-card-cta { left: 10px; right: 10px; bottom: 10px; width: auto; min-height: 46px; font-size: 13.5px !important; }
}

/* Texte sous la photo */
body.slaychic-catalog ul.products li.product .woocommerce-product-content { padding: 12px 2px 0 !important; text-align: left !important; }
body.slaychic-catalog ul.products li.product .woocommerce-product--title { margin: 0 0 5px !important; font-size: 14.5px !important; font-weight: 500 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.slaychic-catalog ul.products li.product .woocommerce-product--title a { color: #2A2224 !important; }
body.slaychic-catalog ul.products li.product:hover .woocommerce-product--title a { color: #6D1A2C !important; }
body.slaychic-catalog ul.products li.product .price { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 2px 7px; margin: 0 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3; color: #6D1A2C !important; }
body.slaychic-catalog ul.products li.product .price ins { order: -1; text-decoration: none; }
body.slaychic-catalog ul.products li.product .price del { font-size: 13px !important; font-weight: 400 !important; color: #7A6F71 !important; opacity: 1; }
.slaychic-card-sizes { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
.slaychic-card-sizes span { min-width: 26px; padding: 2px 6px; font-size: 11px; font-weight: 600; line-height: 1.5; text-align: center; color: #4A4245; border: 1px solid #E5DAD7; border-radius: 6px; }
.slaychic-card-sizes .slaychic-card-sizes__more { color: #7A6F71; border-style: dashed; }

@media (max-width: 767px) {
    body.slaychic-catalog ul.products { gap: 24px 10px; }
    body.slaychic-catalog ul.products li.product .woocommerce-product-header { border-radius: 12px; }
    body.slaychic-catalog ul.products li.product .woocommerce-product-content { padding-top: 9px !important; }
    body.slaychic-catalog ul.products li.product .woocommerce-product--title { margin-bottom: 3px !important; font-size: 13.5px !important; }
    body.slaychic-catalog ul.products li.product .price { font-size: 15px !important; }
    body.slaychic-catalog ul.products li.product .price del { font-size: 12px !important; }
    body.slaychic-catalog ul.products li.product .woocommerce-product-meta { inset: 8px 8px auto auto !important; gap: 6px; }
    body.slaychic-catalog ul.products li.product .woocommerce-product-meta > div, body.slaychic-catalog ul.products li.product .woocommerce-product-meta button { width: 34px !important; height: 34px !important; }
    .slaychic-card-badges { top: 8px; left: 8px; }
    .slaychic-card-badges .slaychic-card-badge { padding: 3px 8px; font-size: 10.5px; }
    .slaychic-card-sizes { margin-top: 6px; gap: 3px; }
    .slaychic-card-sizes span { min-width: 22px; padding: 1px 5px; font-size: 10.5px; }
}

/* =========================================================
   Tri des articles : bouton + menu sur mesure (site.js)
   ========================================================= */
.slaychic-toolbar__sort form { position: relative; }
.slaychic-toolbar__sort select.slaychic-sort__native { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; opacity: 0; pointer-events: none; }
.slaychic-sort__btn { display: inline-flex; align-items: center; gap: 9px; width: 100%; min-height: 42px; margin: 0 !important; padding: 0 16px !important; font-size: 13.5px !important; font-weight: 500; line-height: 1.2; color: #2A2224 !important; text-align: left; text-transform: none !important; letter-spacing: 0 !important; background: #fff !important; border: 1px solid #E5DAD7 !important; border-radius: 999px !important; box-shadow: none !important; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.slaychic-sort__btn:hover, .slaychic-sort__btn[aria-expanded="true"] { border-color: #6D1A2C !important; box-shadow: 0 0 0 3px rgba(109, 26, 44, .08) !important; }
.slaychic-sort__btn:focus-visible { outline: 2px solid #6D1A2C; outline-offset: 2px; }
.slaychic-sort__btn::before, .slaychic-sort__btn::after { display: none !important; }
.slaychic-sort__txt { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.slaychic-sort__pre { color: #7A6F71; }
.slaychic-sort__txt strong { font-weight: 600; }
.slaychic-sort__icon, .slaychic-sort__chev { flex: none; width: 17px; height: 17px; fill: none; stroke: #6D1A2C; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.slaychic-sort__chev { width: 15px; height: 15px; transition: transform .2s; }
.slaychic-sort__btn[aria-expanded="true"] .slaychic-sort__chev { transform: rotate(180deg); }
@media (min-width: 992px) { .slaychic-sort__btn { width: auto; min-width: 250px; } }

.slaychic-sort__panel { position: fixed; z-index: 100002; padding: 6px; background: #fff; border: 1px solid #F1E8E6; border-radius: 16px; box-shadow: 0 18px 50px rgba(42, 34, 36, .16); opacity: 0; transform: translateY(-6px); transition: opacity .18s, transform .18s; }
.slaychic-sort__panel.is-open { opacity: 1; transform: none; }
.slaychic-sort__panel[hidden], .slaychic-sort__backdrop[hidden] { display: none !important; }
.slaychic-sort__head { display: none; }
.slaychic-sort__panel ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.slaychic-sort__panel li { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 11px 14px; font-size: 14px; color: #2A2224; border-radius: 10px; cursor: pointer; transition: background .15s; }
.slaychic-sort__panel li:hover, .slaychic-sort__panel li:focus { background: #F8F1EF; outline: none; }
.slaychic-sort__panel li:focus-visible { box-shadow: inset 0 0 0 2px #6D1A2C; }
.slaychic-sort__panel li[aria-selected="true"] { font-weight: 600; color: #6D1A2C; }
.slaychic-sort__panel li svg { flex: none; width: 18px; height: 18px; fill: none; stroke: #6D1A2C; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; visibility: hidden; }
.slaychic-sort__panel li[aria-selected="true"] svg { visibility: visible; }
.slaychic-sort__backdrop { display: none; }

/* Mobile : panneau qui glisse du bas, gros boutons faciles à toucher */
@media (max-width: 991px) {
    .slaychic-sort__btn { min-height: 40px; padding: 0 14px !important; font-size: 13px !important; }
    .slaychic-sort__pre { display: none; }
    .slaychic-sort__backdrop { position: fixed; inset: 0; z-index: 100001; display: block; background: rgba(42, 34, 36, .45); opacity: 0; transition: opacity .2s; }
    .slaychic-sort__backdrop.is-open { opacity: 1; }
    .slaychic-sort__panel { top: auto !important; right: 0; bottom: 0; left: 0 !important; min-width: 0 !important; padding: 6px 12px calc(16px + env(safe-area-inset-bottom)); border: 0; border-radius: 22px 22px 0 0; box-shadow: 0 -12px 40px rgba(42, 34, 36, .2); transform: translateY(100%); opacity: 1; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
    .slaychic-sort__panel.is-open { transform: none; }
    .slaychic-sort__panel::before { content: ''; display: block; width: 40px; height: 4px; margin: 4px auto 6px; background: #E5DAD7; border-radius: 4px; }
    .slaychic-sort__head { display: flex; align-items: center; justify-content: space-between; padding: 4px 6px 10px; font-size: 17px; font-weight: 700; color: #2A2224; border-bottom: 1px solid #F1E8E6; margin-bottom: 6px; }
    .slaychic-sort__close { width: 34px; height: 34px; min-height: 0 !important; padding: 0 !important; font-size: 20px !important; line-height: 1; color: #4A4245 !important; background: #F6F1EC !important; border: 0 !important; border-radius: 50% !important; }
    .slaychic-sort__panel li { min-height: 52px; padding: 0 14px; font-size: 15px; }
    .slaychic-sort__panel li[aria-selected="true"] { background: #F8F1EF; }
}
.slaychic-toolbar__sort .slaychic-sort__btn { display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; white-space: nowrap; height: auto; }
.slaychic-sort__btn svg { display: block; margin: 0 !important; position: static !important; }
@media (max-width: 991px) { .slaychic-toolbar__sort .slaychic-sort__btn { width: 100%; } }
@media (max-width: 991px) {
    .slaychic-toolbar__sort form.woocommerce-ordering { float: none !important; width: 100%; }
    .slaychic-toolbar__sort .slaychic-sort__btn { min-width: 0 !important; max-width: 100%; }
}

/* Catégories : titre seul en haut, texte sous les articles */
body.slaychic-catalog .term-description, body.slaychic-catalog .page-description { display: none !important; }
.slaychic-cat-desc { clear: both; max-width: 760px; margin: 36px 0 8px; padding: 18px 0 0; font-size: 13.5px; line-height: 1.6; color: #7A6F71; border-top: 1px solid #F1E8E6; }
.slaychic-cat-desc p { margin: 0 0 8px !important; }
@media (max-width: 767px) {
    .slaychic-cat-head { margin: 0 0 10px; }
    .slaychic-cat-head__title { font-size: 22px !important; }
    .slaychic-cat-desc { margin-top: 28px; font-size: 13px; }
}

/* ---------- Bulles catégories : rond bordeaux, icône rose clair (17/10/2026) ---------- */
.slaychic-bubbles__ring { padding: 2px; background: #6D1A2C; }
.slaychic-bubbles__icon { color: #F8D7DE; background: #6D1A2C; border-color: #fff; box-shadow: 0 4px 12px rgba(109, 26, 44, .22); }
.slaychic-bubbles__icon svg, .slaychic-bubbles__icon .slaychic-cat-icon svg { stroke-width: 1.6; }
.slaychic-bubbles__label { font-weight: 700; color: #6D1A2C; }
.slaychic-bubbles a.is-active .slaychic-bubbles__ring { background: #6D1A2C; }
.slaychic-bubbles a.is-active .slaychic-bubbles__icon { color: #6D1A2C; background: #F8D7DE; }
.slaychic-bubbles a.is-active .slaychic-bubbles__label { color: #4F1220; text-decoration: underline; text-underline-offset: 3px; }

/* Ordinateur : les catégories sont déjà dans la barre du haut → plus de liste à gauche (17/10/2026) */
@media (min-width: 1200px) { .pxl-sidebar-shop .widget_product_categories { display: none !important; } }

/* =========================================================
   Refonte de la liste (17/10/2026)
   - ordinateur : grille pleine largeur 4 colonnes, filtres dans le tiroir (comme sur mobile)
   - encart « paiement à la réception » dans la grille
   - épuisés moins ternes, pagination en pastilles
   ========================================================= */
@media (min-width: 992px) {
    body.slaychic-catalog #primary.pxl-content-shop { flex: 0 0 100%; max-width: 100%; }
    body.slaychic-catalog .slaychic-toolbar .slaychic-toolbar__filter { display: inline-flex !important; align-items: center; gap: 8px; min-height: 42px; padding: 0 20px !important; font-size: 14px !important; font-weight: 600; color: #2A2224 !important; background: #fff !important; border: 1px solid #E5DAD7 !important; border-radius: 999px !important; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
    body.slaychic-catalog .slaychic-toolbar .slaychic-toolbar__filter:hover { border-color: #6D1A2C !important; box-shadow: 0 0 0 3px rgba(109, 26, 44, .08); }
    .slaychic-toolbar__filter svg { width: 18px; height: 18px; fill: none; stroke: #6D1A2C; stroke-width: 1.7; stroke-linecap: round; }
    .slaychic-toolbar { justify-content: flex-start; }
    .slaychic-toolbar__count { margin-left: auto !important; }
    /* Tiroir de filtres (ordinateur) */
    body.slaychic-catalog .pxl-sidebar-shop { position: fixed; z-index: 100001; top: 0; bottom: 0; left: 0; width: 400px; max-width: none; flex: none; margin: 0 !important; padding: 0 0 90px !important; overflow-y: auto; background: #fff; box-shadow: 12px 0 40px rgba(42, 34, 36, .2); transform: translateX(-105%); transition: transform .32s cubic-bezier(.2, .8, .2, 1); }
    body.slaychic-filters-open .pxl-sidebar-shop { transform: none; }
    body.slaychic-catalog .pxl-sidebar-shop .sidebar-sticky { position: static !important; padding: 8px 26px; }
    .slaychic-drawer-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 20px 26px; font-size: 19px; font-weight: 700; color: #2A2224; background: #fff; border-bottom: 1px solid #F1E8E6; }
    .slaychic-drawer-close { width: 36px; height: 36px; padding: 0 !important; font-size: 20px !important; line-height: 1; color: #4A4245 !important; background: #F6F1EC !important; border: 0 !important; border-radius: 50% !important; cursor: pointer; }
    .slaychic-drawer-foot { position: fixed; z-index: 100002; bottom: 0; left: 0; display: block; width: 400px; padding: 14px 26px; background: #fff; border-top: 1px solid #F1E8E6; transform: translateX(-105%); transition: transform .32s cubic-bezier(.2, .8, .2, 1); }
    body.slaychic-filters-open .slaychic-drawer-foot { transform: none; }
    .slaychic-drawer-foot button { width: 100%; min-height: 48px; font-size: 15px !important; font-weight: 600; color: #fff !important; background: #6D1A2C !important; border: 0 !important; border-radius: 999px !important; cursor: pointer; }
    .slaychic-drawer-backdrop { position: fixed; z-index: 100000; inset: 0; background: rgba(42, 34, 36, .5); opacity: 0; transition: opacity .3s; }
    body.slaychic-filters-open .slaychic-drawer-backdrop { opacity: 1; }
    body.slaychic-filters-open { overflow: hidden; }
    /* Grille */
    body.slaychic-catalog ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row dense; gap: 40px 24px; margin: 0 !important; }
    body.slaychic-catalog ul.products::before, body.slaychic-catalog ul.products::after { display: none !important; }
    body.slaychic-catalog ul.products li.product { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
}
@media (min-width: 1200px) {
    body.slaychic-catalog ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 44px 26px; }
    body.slaychic-catalog ul.products li.product .woocommerce-product--title { font-size: 15px !important; }
    body.slaychic-catalog ul.products li.product .price { font-size: 17px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    body.slaychic-catalog ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row dense; gap: 30px 16px; }
    body.slaychic-catalog ul.products li.product { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
}
@media (max-width: 767px) { body.slaychic-catalog ul.products { grid-auto-flow: row dense; } }

/* Filtres actifs */
.slaychic-toolbar__badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; font-size: 11.5px; font-weight: 700; line-height: 1; color: #F8D7DE; background: #6D1A2C; border-radius: 999px; }
.slaychic-toolbar__reset { display: inline-flex; align-items: center; min-height: 40px; padding: 0 4px; font-size: 13px; font-weight: 600; color: #6D1A2C !important; text-decoration: underline !important; text-underline-offset: 3px; white-space: nowrap; }

/* Encart « paiement à la réception » (toute la largeur de la grille) */
body.slaychic-catalog ul.products > li.slaychic-promo-tile { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 18px 28px; margin: 0 !important; padding: 26px 32px; list-style: none; color: #fff; background: radial-gradient(120% 160% at 100% 0%, #8E2A40 0%, #6D1A2C 50%, #4F1220 100%); border-radius: 20px; box-shadow: 0 14px 34px rgba(109, 26, 44, .22); }
.slaychic-promo-tile__title { margin: 0 0 10px !important; font-size: 22px; font-weight: 700; line-height: 1.25; color: #fff; }
.slaychic-promo-tile ul { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.slaychic-promo-tile ul li { position: relative; margin: 0 !important; padding: 0 0 0 22px !important; font-size: 14px; color: #F8D7DE; }
.slaychic-promo-tile ul li::before { content: ''; position: absolute; top: 4px; left: 2px; width: 12px; height: 7px; border-left: 2px solid #F8D7DE; border-bottom: 2px solid #F8D7DE; transform: rotate(-45deg); }
.slaychic-promo-tile__btn { display: inline-flex; flex: none; align-items: center; gap: 9px; min-height: 48px; padding: 0 22px; font-size: 14.5px; font-weight: 700; color: #6D1A2C !important; text-decoration: none !important; background: #fff; border-radius: 999px; transition: transform .2s, box-shadow .2s; }
.slaychic-promo-tile__btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0, 0, 0, .18); }
.slaychic-promo-tile__btn svg { width: 19px; height: 19px; fill: none; stroke: #1E8E4E; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 767px) {
    body.slaychic-catalog ul.products > li.slaychic-promo-tile { flex-direction: column; align-items: stretch; gap: 14px; padding: 20px 18px; border-radius: 16px; }
    .slaychic-promo-tile__title { font-size: 18px; }
    .slaychic-promo-tile ul { flex-direction: column; gap: 6px; }
    .slaychic-promo-tile ul li { font-size: 13.5px; }
    .slaychic-promo-tile__btn { justify-content: center; }
}

/* Épuisés : en fin de liste, photo à peine atténuée (on garde l'envie) */
body.slaychic-catalog ul.products li.product.outofstock .woocommerce-product-details img:not(.slaychic-card-alt) { filter: grayscale(.25); opacity: .82; }
/* La 2e photo (survol) ne doit jamais apparaître en transparence sur un article épuisé */
body.slaychic-catalog ul.products li.product.outofstock .woocommerce-product-details .slaychic-card-alt { display: none; }
body.slaychic-catalog ul.products li.product.outofstock .woocommerce-product--title a { color: #7A6F71 !important; }

/* Pagination en pastilles */
body.slaychic-catalog .woocommerce-pagination { margin: 44px 0 0 !important; text-align: center; }
body.slaychic-catalog .woocommerce-pagination ul.page-numbers { display: inline-flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.slaychic-catalog .woocommerce-pagination ul.page-numbers li { margin: 0 !important; border: 0 !important; float: none !important; }
body.slaychic-catalog .woocommerce-pagination .page-numbers a, body.slaychic-catalog .woocommerce-pagination .page-numbers span { display: inline-flex !important; align-items: center; justify-content: center; min-width: 44px; height: 44px; margin: 0 !important; padding: 0 12px !important; font-size: 14.5px !important; font-weight: 600; line-height: 1 !important; color: #6D1A2C !important; background: #fff !important; border: 1px solid #E5DAD7 !important; border-radius: 999px !important; }
body.slaychic-catalog .woocommerce-pagination .page-numbers a:hover { border-color: #6D1A2C !important; }
body.slaychic-catalog .woocommerce-pagination .page-numbers span.current { color: #F8D7DE !important; background: #6D1A2C !important; border-color: #6D1A2C !important; }

/* Filtre Couleur : pastilles */
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item { margin: 0 !important; padding: 0 !important; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item::before, .pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item a::before { display: none !important; content: none !important; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item a { display: inline-flex !important; align-items: center; min-height: 38px; padding: 0 16px !important; font-size: 13.5px !important; font-weight: 500; color: #2A2224 !important; text-transform: none; background: #fff; border: 1px solid #E5DAD7; border-radius: 999px; transition: border-color .2s, color .2s; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item a:first-letter { text-transform: uppercase; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item a:hover { color: #6D1A2C !important; border-color: #6D1A2C; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item--chosen a { color: #F8D7DE !important; background: #6D1A2C; border-color: #6D1A2C; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item .count { display: none; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item { display: block !important; width: auto !important; float: none !important; }
.pxl-sidebar-shop .woocommerce-widget-layered-nav-list__item a { margin: 0 !important; }
.pxl-sidebar-shop .widget_layered_nav ul { padding-left: 0 !important; margin-left: 0 !important; }