/*
 * Slaychic – retouches du parcours d'achat (audit design / conversion du 22/10/2026).
 * Chargée sur tout le front par inc/front/funnel-ui.php, après les autres feuilles.
 * Les numéros (D1, C4…) renvoient aux constats de l'audit.
 */

/* ---------- Fiche produit, téléphone : prix et titre plus haut (D1) ---------- */
@media (max-width: 767px) {
    /* Photos sources en 4:5 : le 2:3 rognait les côtés et poussait le prix sous l'écran. */
    .single-product div.product .woocommerce-product-gallery__image img { aspect-ratio: 4 / 5 !important; }
    /* Bande de vignettes retirée : compteur « 1 / 8 » + glisser suffisent (−80 px). */
    .single-product div.product .woocommerce-product-gallery ol.flex-control-thumbs { display: none !important; }
}

/* ---------- Barre d'achat fixe (C4, C9) ---------- */
.slaychic-sticky-atc.is-confirm .slaychic-sticky-atc__price { font-size: 12px; font-weight: 600; color: #1F6B45; white-space: nowrap; }
/* Pendant la saisie de la commande express, le bouton WhatsApp flottant cachait les prix des modes de livraison. */
@media (max-width: 767px) { body.slaychic-express-on .slaychic-whatsapp { display: none !important; } }
.slaychic-sticky-atc.is-confirm .slaychic-sticky-atc__btn { padding: 0 20px !important; }
body.slaychic-has-sticky-atc { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }

/* ---------- Boutons flottants (D2, D3) ---------- */
/* Panier et paiement : ils recouvraient le total et « Confirmer ma commande » (WhatsApp est déjà dans la page). */
body.woocommerce-cart .slaychic-whatsapp, body.woocommerce-checkout .slaychic-whatsapp { display: none !important; }
@media (max-width: 767px) {
    .slaychic-whatsapp { right: 12px; bottom: calc(16px + env(safe-area-inset-bottom)); width: 44px; height: 44px; padding: 0 !important; justify-content: center; }
    .slaychic-whatsapp svg { width: 22px; height: 22px; }
    body.slaychic-has-sticky-atc .slaychic-whatsapp { bottom: calc(84px + env(safe-area-inset-bottom)); }
    .pxl-scroll-top, #pxl-scroll-top { display: none !important; }
}
@media (min-width: 768px) {
    .pxl-scroll-top { bottom: 96px !important; }
}

/* ---------- Commande express (C10, D32) ---------- */
.slaychic-express .slaychic-express__field input,
.slaychic-express .slaychic-express__field select,
.slaychic-express .slaychic-express__field input[type="text"],
.slaychic-express .slaychic-express__field input[type="tel"] { background-color: #fff !important; border-color: #A39396 !important; }
.slaychic-express .select2-container .select2-selection { border-color: #A39396 !important; }
.slaychic-express__ferr { display: block; margin-top: 6px; font-size: 12.5px; font-weight: 600; line-height: 1.35; color: #B3261E; }
.slaychic-express__sub strong { color: #2A2224; }
@media (max-width: 480px) {
    .slaychic-express__grid { grid-template-columns: 1fr; }
}

/* ---------- « Une taille épuisée ? » : lien discret sous les boutons (D13) ---------- */
.slaychic-restock.is-link { justify-content: flex-start; gap: 4px 8px; margin: 12px 0 0; padding: 0; background: none !important; border: 0 !important; box-shadow: none !important; }
.slaychic-restock.is-link > span { flex: none; font-size: 13px; color: #4A4245; }
.slaychic-restock.is-link .slaychic-restock-open { min-height: 44px; padding: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: #6D1A2C !important; text-decoration: underline; background: none !important; border: 0 !important; }
.summary .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term.disabled { pointer-events: auto !important; cursor: pointer !important; }

/* ---------- « Vous aimerez aussi » : tailles des vignettes (D7) ---------- */
/* catalog.css n'est pas chargé sur la fiche : on lisait « SMXLL ». */
.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: #6B6266; border-style: dashed; }
@media (max-width: 767px) {
    .slaychic-card-sizes { margin-top: 6px; gap: 3px; }
    .slaychic-card-sizes span { min-width: 22px; padding: 1px 5px; font-size: 10.5px; }
}

/* ---------- Page merci : bouton « Enregistrer le contact » (C5) : styles en ligne dans thankyou-extras.php ---------- */

/* ---------- Mini-panier (tiroir du thème) (D5, C13) ---------- */
.pxl-side-cart .pxl-panel-content { padding: 0 20px 24px !important; }
.pxl-side-cart .woocommerce-mini-cart { margin: 0 !important; padding: 0 !important; }
.pxl-side-cart .woocommerce-mini-cart-item { position: relative; display: block !important; min-height: 128px; margin: 0 !important; padding: 16px 40px 16px 86px !important; border-bottom: 1px solid #EFE4E1; }
.pxl-side-cart .woocommerce-mini-cart-item > a:not(.remove) { display: block !important; font-family: Montserrat, sans-serif; font-size: 14px !important; font-weight: 500; line-height: 1.35; text-transform: none !important; letter-spacing: 0 !important; color: #2A2224 !important; }
.pxl-side-cart .woocommerce-mini-cart-item img { position: absolute !important; top: 16px; left: 0; width: 72px !important; height: 96px !important; margin: 0 !important; padding: 0 !important; object-fit: cover; background: #F6F1EC; border: 0 !important; border-radius: 10px; box-shadow: none !important; }
.pxl-side-cart .woocommerce-mini-cart-item .quantity { display: block; margin-top: 6px; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 600; color: #6D1A2C; }
.pxl-side-cart .woocommerce-mini-cart-item a.remove { position: absolute !important; top: 6px; right: -8px; left: auto !important; display: flex !important; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; margin: 0 !important; font-size: 22px !important; line-height: 1 !important; color: #6B6266 !important; background: none !important; border-radius: 50%; }
.pxl-side-cart .woocommerce-mini-cart-item a.remove:hover { color: #B3261E !important; background: #F8EEF0 !important; }
.pxl-side-cart .woocommerce-mini-cart__total { display: flex; justify-content: space-between; align-items: baseline; margin: 16px 0 0 !important; padding: 0 !important; font-family: Montserrat, sans-serif; font-size: 15px; border: 0 !important; }
.pxl-side-cart .woocommerce-mini-cart__total strong { font-weight: 500; color: #4A4245; }
.pxl-side-cart .woocommerce-mini-cart__total .amount { font-size: 18px; font-weight: 700; color: #2A2224; }
.slaychic-mc-note { display: flex; align-items: center; gap: 10px; margin: 14px 0 0 !important; padding: 10px 12px; font-family: Montserrat, sans-serif; font-size: 12.5px; line-height: 1.4; color: #4A4245; background: #E7F5EC; border-radius: 12px; }
.slaychic-mc-note svg { flex: none; width: 20px; height: 20px; fill: none; stroke: #1F6B45; stroke-width: 1.7; }
.slaychic-mc-note strong { display: block; font-size: 13px; color: #1F6B45; }
.pxl-side-cart .woocommerce-mini-cart__buttons { display: flex !important; flex-direction: column-reverse; gap: 4px; margin: 16px 0 0 !important; padding: 0 !important; }
.pxl-side-cart .woocommerce-mini-cart__buttons .button { width: 100% !important; margin: 0 !important; font-family: Montserrat, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
.pxl-side-cart .woocommerce-mini-cart__buttons .button.checkout { display: flex !important; align-items: center; justify-content: center; min-height: 54px; padding: 0 20px !important; font-size: 16px !important; font-weight: 600 !important; color: #fff !important; background: #6D1A2C !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(109, 26, 44, .22) !important; }
.pxl-side-cart .woocommerce-mini-cart__buttons .button.checkout:hover { background: #4F1220 !important; }
.pxl-side-cart .woocommerce-mini-cart__buttons .button:not(.checkout) { min-height: 44px; padding: 10px !important; font-size: 14px !important; font-weight: 600 !important; color: #6D1A2C !important; text-decoration: underline; background: none !important; border: 0 !important; }
.pxl-side-cart .woocommerce-mini-cart__buttons .button::before, .pxl-side-cart .woocommerce-mini-cart__buttons .button::after { display: none !important; }
.slaychic-mc-added { display: flex; align-items: center; gap: 8px; margin: 14px 0 0 !important; padding: 10px 12px; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 600; color: #1F6B45; background: #E7F5EC; border-radius: 12px; }
.slaychic-mc-added::before { content: '✓'; display: grid; flex: none; place-items: center; width: 20px; height: 20px; font-size: 12px; line-height: 1; color: #fff; background: #1F6B45; border-radius: 50%; }
.slaychic-mc-xs { margin-top: 22px; padding-top: 16px; border-top: 1px solid #EFE4E1; }
.slaychic-mc-xs__title { margin: 0 0 10px !important; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; color: #2A2224; }
.slaychic-mc-xs ul { display: grid; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.slaychic-mc-xs li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.slaychic-mc-xs a { display: flex !important; align-items: center; gap: 12px; min-height: 64px; color: #2A2224 !important; text-decoration: none !important; }
.slaychic-mc-xs img { flex: none; width: 52px !important; height: 64px !important; margin: 0 !important; object-fit: cover; border-radius: 8px; background: #F6F1EC; }
.slaychic-mc-xs a > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.slaychic-mc-xs__name { overflow: hidden; font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }
.slaychic-mc-xs__price { font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; color: #6D1A2C; }
.slaychic-mc-xs__price del { font-weight: 400; opacity: .6; }
.pxl-side-cart .pxl-panel-header .pxl-close { width: 44px; height: 44px; }

/* ---------- Tiroir « Filtrer » (D17) ---------- */
.pxl-sidebar-shop .sidebar-sticky { display: flex; flex-direction: column; }
.pxl-sidebar-shop .slaychic-fsizes { order: 0; }
.pxl-sidebar-shop .widget_price_filter { order: 1; }
.pxl-sidebar-shop .widget_layered_nav { order: 2; }
.pxl-sidebar-shop .widget_product_categories { order: 3; }
.slaychic-fsizes__list { display: flex; flex-wrap: wrap; gap: 8px; }
.slaychic-fsizes .slaychic-sizes__chip { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; height: 44px; padding: 0 14px; font-size: 14px; font-weight: 700; color: #2A2224 !important; text-decoration: none !important; background: #fff; border: 1px solid #E5DAD7; border-radius: 12px; }
.slaychic-fsizes .slaychic-sizes__chip:hover { border-color: #6D1A2C; }
.slaychic-fsizes .slaychic-sizes__chip.is-active { color: #fff !important; background: #6D1A2C; border-color: #6D1A2C; }
.pxl-sidebar-shop .widget_price_filter .price_slider_amount .button { display: none !important; }
.pxl-sidebar-shop .slaychic-fmore { min-height: 44px; margin: 8px 0 0 !important; padding: 0 !important; font-size: 13.5px !important; font-weight: 600 !important; color: #6D1A2C !important; text-decoration: underline; text-transform: none !important; letter-spacing: 0 !important; background: none !important; border: 0 !important; }
.pxl-sidebar-shop li.slaychic-fmore-item[hidden] { display: none !important; }
.slaychic-fcount { color: #5E5558 !important; }
.slaychic-drawer-close { min-width: 44px; min-height: 44px; }

/* ---------- Fiche d'un article épuisé (C15, D34) ---------- */
.slaychic-soldout .summary p.stock.out-of-stock, .slaychic-soldout .slaychic-serene { display: none !important; }
.slaychic-soldout div.product .woocommerce-product-gallery::after { content: 'Épuisé'; position: absolute; z-index: 5; top: 12px; left: 50%; padding: 6px 14px; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: rgba(42, 34, 36, .82); border-radius: 999px; transform: translateX(-50%); pointer-events: none; }
.slaychic-soldout .summary .slaychic-xs--epuise { margin: 18px 0 8px; }

/* ---------- En-tête : un seul bandeau, en-tête plus court, icônes de 44 px (D28, D29) ---------- */
/* La bande menthe « Algérie · prix en dinars » répétait le bandeau (hors palette) ; gardée si un choix de pays s'y affiche. */
.slaychic-strip.is-dz.is-solo { display: none !important; }
.slaychic-topbar { font-weight: 600; color: #6D1A2C; background: #F8EEF0; border-bottom: 1px solid #F1E3E6; }
@media (max-width: 767px) {
    .slaychic-topbar { padding: 8px 12px; font-size: 12px; }
    #pxl-header-mobile .pxl-header-branding { padding: 4px 0 !important; }
    #pxl-header-mobile .pxl-header-branding img { height: 52px !important; }
    #pxl-header-mobile .slaychic-hdr-btn { width: 44px; height: 44px; }
    #pxl-header-mobile .slaychic-hdr-btn--search { right: 52px; }
    #pxl-header-mobile .slaychic-hdr-btn--wl { right: 96px; }
}
.pxl_cart_counter.slaychic-zero { display: none !important; }

/* ---------- Menu (D24) ---------- */
.slaychic-mm-soon { display: inline-block; margin-left: 8px; padding: 2px 7px; font-size: 10px; font-weight: 700; letter-spacing: .06em; line-height: 1.4; text-transform: uppercase; vertical-align: middle; color: #6D1A2C; background: #F8EEF0; border-radius: 999px; }
.slaychic-mm-extra { margin: 18px 0 0; padding: 16px 0 calc(24px + env(safe-area-inset-bottom)); border-top: 1px solid #EFE4E1; }
.slaychic-mm-extra ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.slaychic-mm-extra li { margin: 0 !important; }
.slaychic-mm-extra li a { display: flex; align-items: center; min-height: 44px; font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 500; color: #2A2224 !important; text-decoration: none !important; }
.slaychic-mm-wa { display: flex !important; align-items: center; justify-content: center; min-height: 48px; margin-top: 12px; font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 600; color: #fff !important; text-decoration: none !important; background: #0F7A3E; border-radius: 999px; }

/* ---------- Cartes produit, téléphone (D19, D31) ---------- */
/* Trois ronds sur une photo de 175 px : on garde le cœur (zone de 44 px) et le bouton d'achat ; l'aperçu (œil) part, le toucher sur la carte suffit. */
@media (hover: none), (max-width: 991px) {
    ul.products li.product .woocommerce-product-meta .woocommerce-quick-view { display: none !important; }
    ul.products li.product .woocommerce-product-meta .woosw-btn { position: relative; }
    ul.products li.product .woocommerce-product-meta .woosw-btn::after { content: ''; position: absolute; inset: -5px; }
    ul.products li.product .slaychic-card-cta { width: 44px; min-height: 44px; height: 44px; }
}

/* ---------- Contrastes (D10, D11, D12) ---------- */
/* Paiement / panier : gris-bleu #7B868A (3,7:1) → #6B6266 (≈ 5,6:1) ; « Total » de la barre au moins 12 px. */
body.woocommerce-checkout, body.woocommerce-cart { --sc-muted: #6B6266; }
.slaychic-mobilebar__total > span, .slaychic-cartbar__total > span { font-size: 12px !important; }
.slaychic-bubbles__soon { font-size: 10.5px !important; color: #6B6266 !important; }
.pxl-side-cart .pxl-title .widget_cart_counter { color: #5E5558; }
/* Tailles épuisées lisibles (2:1 → ≥ 3,5:1) : il faut pouvoir les lire pour demander une alerte. */
.rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term.disabled, .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term.disabled span { color: #7E7376 !important; }
.rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term.disabled { background: #FBF8F6 linear-gradient(to top right, transparent calc(50% - .75px), #B5A9AC 50%, transparent calc(50% + .75px)) !important; border-color: #D9CCCA !important; }
.slaychic-serene__proof { margin: -4px 0 10px !important; font-size: 13px; font-weight: 600; color: #1F6B45; }

/* ---------- Panneau « Contactez-nous » (burger ordinateur) et page Contact (D25) ---------- */
/* Cercles décoratifs du widget « contact info » : ils barraient le téléphone et l'e-mail. */
.pxl-ci-wrap .pxl-svg-circle { display: none !important; }
/* Mini-panier : le thème décale déjà le lien pour la vignette ; on reprend la main. */
.pxl-side-cart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item { padding: 16px 40px 16px 86px !important; }
.pxl-side-cart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item > a:not(.remove) { position: static !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }