/* Slaychic – choix de la taille : tailles « M (38-40) », « Prévenez-moi » (inc/products/stock.php, inc/products/restock.php, assets/js/stock.js).
   Fichier séparé de style.css pour ne pas être écrasé lors des retouches globales. */

/* Tailles avec équivalence : « M » + « 38-40 » sur deux lignes */
.rtwpvs-terms-wrapper .rtwpvs-term.slaychic-term-eq { height: auto !important; min-height: 46px; padding-top: 4px !important; padding-bottom: 4px !important; }
.rtwpvs-term.slaychic-term-eq .rtwpvs-term-span-button,
.rtwpvs-term.slaychic-term-eq .rtwpvs-term-label { display: inline-flex !important; flex-direction: column; align-items: center; gap: 2px; line-height: 1 !important; }
.slaychic-size-main { font-weight: 600; }
.slaychic-size-eq { font-size: 10.5px; font-weight: 500; letter-spacing: .01em; opacity: .7; }

/* « Votre taille est épuisée ? » : petite carte discrète sous les tailles */
.slaychic-restock { display: flex; flex: 0 0 100%; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; width: 100%; clear: both; margin: 14px 0 4px; padding: 10px 10px 10px 14px; font-size: 13.5px; line-height: 1.35; color: #4A4245; background: #FBF8F6; border: 1px solid #F1E8E6; border-radius: 14px; }
.slaychic-restock > span { flex: 1 1 auto; min-width: 0; }
.slaychic-restock p { flex-basis: 100%; margin: 0 !important; font-size: 14px; font-weight: 600; color: #2A2224; }
.slaychic-restock .slaychic-restock-open { display: inline-flex !important; flex: none; align-items: center; justify-content: center; gap: 7px; min-height: 38px; width: auto !important; margin: 0 !important; padding: 0 14px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; color: #6D1A2C !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; background: #fff !important; border: 1.5px solid #E5DAD7 !important; border-radius: 999px !important; box-shadow: none !important; cursor: pointer; transition: border-color .15s, background-color .15s; }
.slaychic-restock .slaychic-restock-open:hover { border-color: #6D1A2C !important; }
.slaychic-restock .slaychic-restock-open::before, .slaychic-restock .slaychic-restock-open::after { display: none !important; }
.slaychic-restock .slaychic-restock-open svg { flex: none; width: 15px !important; height: 15px !important; fill: none !important; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* Tout est épuisé : vraie action principale */
.slaychic-restock.is-all { padding: 14px; }
.slaychic-restock.is-all .slaychic-restock-open { width: 100% !important; min-height: 50px; font-size: 15px !important; color: #fff !important; background: #6D1A2C !important; border-color: #6D1A2C !important; }

/* Fenêtre « Prévenez-moi du retour » */
.slaychic-rs { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(42, 34, 36, .5); animation: slaychic-rs-fade .15s ease-out; }
.slaychic-rs-panel { position: relative; width: 100%; max-width: 420px; max-height: calc(100vh - 32px); overflow: auto; padding: 24px 20px 18px; color: #2A2224; background: #fff; border-radius: 18px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); }
.slaychic-rs-panel h3 { margin: 0 48px 4px 0 !important; font-size: 20px; }
.slaychic-rs-sub { margin: 0 0 14px !important; font-size: 14px; color: #7A6F72; }
.slaychic-rs .slaychic-rs-close { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; display: grid !important; place-items: center; width: 40px; height: 40px; margin: 0 !important; padding: 0 !important; font-size: 22px; line-height: 1; color: #4A4245 !important; background: #F6F1EC !important; border: 0 !important; border-radius: 50% !important; cursor: pointer; }
.slaychic-rs-label { margin: 0 0 8px !important; font-size: 14px; font-weight: 600; }
.slaychic-rs-sizes { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.slaychic-rs .slaychic-rs-size { min-height: 44px; padding: 0 14px !important; font-size: 14px; font-weight: 600; color: #2A2224 !important; background: #fff !important; border: 1.5px solid #E5DAD7 !important; border-radius: 12px !important; cursor: pointer; }
.slaychic-rs .slaychic-rs-size.is-on { color: #fff !important; background: #6D1A2C !important; border-color: #6D1A2C !important; }
.slaychic-rs-field { display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
.slaychic-rs-field input { width: 100%; height: 50px !important; min-height: 50px; padding: 0 14px !important; font-size: 16px; line-height: normal !important; border: 1.5px solid #E5DAD7; border-radius: 12px; }
.slaychic-rs-field input:focus { border-color: #6D1A2C; outline: none; }
.slaychic-rs-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.slaychic-rs-error { min-height: 18px; margin: 8px 0 !important; font-size: 13px; font-weight: 600; color: #B3261E; }
.slaychic-rs .slaychic-rs-submit { width: 100%; min-height: 52px; font-size: 16px; font-weight: 600; color: #fff !important; background: #6D1A2C !important; border: 0 !important; border-radius: 999px !important; cursor: pointer; }
.slaychic-rs .slaychic-rs-submit:disabled { opacity: .6; }
.slaychic-rs-note { margin: 10px 0 0 !important; font-size: 12px; color: #7A6F72; text-align: center; }
@keyframes slaychic-rs-fade { from { opacity: 0; } }
@keyframes slaychic-rs-up { from { transform: translateY(40px); } }
@media (max-width: 767px) {
    .slaychic-rs { align-items: flex-end; padding: 0; }
    .slaychic-rs-panel { max-width: none; max-height: 90vh; padding-bottom: calc(18px + env(safe-area-inset-bottom)); border-radius: 18px 18px 0 0; animation: slaychic-rs-up .2s ease-out; }
}
.slaychic-toasts { z-index: 2147483001 !important; }

/* Quantité / notes de stock / panier */
.woocommerce-variation-add-to-cart .quantity.slaychic-qty-off { display: none !important; }
form.variations_form .woocommerce-variation-add-to-cart.slaychic-noqty { display: flex !important; width: 100%; }
.woocommerce-variation-add-to-cart.slaychic-noqty .single_add_to_cart_button { flex: 1 1 auto; }
.slaychic-left-note { display: flex; align-items: center; gap: 8px; margin: 10px 0 0 !important; font-size: 13px; font-weight: 600; color: #B3261E; }
.slaychic-cart-low { display: flex; align-items: center; gap: 6px; margin: 6px 0 0 !important; font-size: 12px; font-weight: 600; color: #B3261E; }

/* Taille / couleur épuisée : discret (remplace la croix rouge de l'extension) */
.rtwpvs.rtwpvs-attribute-behavior-blur .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).disabled::before,
.rtwpvs.rtwpvs-attribute-behavior-blur .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).disabled::after { display: none !important; content: none !important; }
.rtwpvs.rtwpvs-attribute-behavior-blur .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).disabled span,
.rtwpvs.rtwpvs-attribute-behavior-blur .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).disabled img { opacity: 1 !important; }
/* Taille : fond crème, bord pointillé, texte gris clair et un trait fin en diagonale */
.rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term.disabled { color: #B9AEB0 !important; background: #FBF8F6 linear-gradient(to top right, transparent calc(50% - .6px), #D9CFD1 50%, transparent calc(50% + .6px)) !important; border: 1.5px dashed #E3D8D5 !important; box-shadow: none !important; }
.rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term.disabled span { color: #B9AEB0 !important; }
/* Couleur : pastille adoucie, voile clair et trait fin blanc */
.rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled { border-style: dashed !important; border-color: #E3D8D5 !important; box-shadow: none !important; }
.rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled .rtwpvs-term-span { position: relative; filter: saturate(.45); opacity: .55 !important; }
.rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled .rtwpvs-term-span::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to top right, transparent calc(50% - 1px), #fff 50%, transparent calc(50% + 1px)); }

/* Survol d'une taille : le texte reste lisible (l'extension le passait en blanc sur fond blanc) */
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term:not(.selected):not(.disabled):hover,
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term:not(.selected):not(.disabled):hover span { color: #2A2224 !important; background-color: #fff !important; }
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term:not(.selected):not(.disabled):hover { border-color: #6D1A2C !important; box-shadow: 0 0 0 1px #6D1A2C inset !important; }
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-button-term.selected span { color: #fff !important; }

/* =========================================================
   Aperçu rapide : pastilles de couleur rondes (inc/front/quickview.php)
   style.css donnait aux couleurs le style des boutons de taille
   (rectangle 54×46, fond bordeaux une fois choisie) : on rétablit
   de vraies pastilles, comme sur la fiche produit.
   ========================================================= */
#woosq-popup form.variations_form table.variations th.label label .slaychic-chosen { margin-left: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #6D1A2C; }
#woosq-popup form.variations_form table.variations th.label { padding-bottom: 10px !important; }
#woosq-popup .rtwpvs-terms-wrapper.color-variable-wrapper { gap: 10px; padding: 2px 0; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term { position: relative; display: inline-grid !important; place-items: center; width: 44px !important; min-width: 44px !important; height: 44px !important; padding: 0 !important; background: transparent !important; border: 2px solid transparent !important; border-radius: 50% !important; box-shadow: none !important; cursor: pointer; transition: border-color .15s, transform .15s; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term .rtwpvs-term-span { display: block; width: 34px !important; height: 34px !important; margin: 0 !important; border: 2px solid #fff !important; border-radius: 50% !important; box-shadow: 0 0 0 1px rgba(42, 34, 36, .16), 0 1px 4px rgba(42, 34, 36, .16) !important; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term:not(.selected):not(.disabled):hover { border-color: #E5DAD7 !important; background: transparent !important; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.selected { background: transparent !important; border-color: #6D1A2C !important; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.selected .rtwpvs-term-span { box-shadow: 0 0 0 1px rgba(42, 34, 36, .1) !important; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term:focus-visible { outline: 2px solid #6D1A2C; outline-offset: 2px; }
/* Couleur indisponible : pastille grisée et barrée */
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled { border: 2px solid transparent !important; cursor: not-allowed; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled .rtwpvs-term-span { position: relative; opacity: .4 !important; filter: grayscale(.6); }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled::after { content: '' !important; display: block !important; position: absolute !important; inset: auto !important; top: calc(50% - 1px) !important; left: 6px !important; width: calc(100% - 12px) !important; min-width: 0 !important; height: 2px !important; background: #7A6F72 !important; border-radius: 2px; transform: rotate(-45deg) !important; z-index: 1; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled::before { display: none !important; }
#woosq-popup .rtwpvs-terms-wrapper .rtwpvs-term.rtwpvs-color-term.disabled .rtwpvs-term-span::after { display: none; }
/* Note de stock sous les tailles */
#woosq-popup .slaychic-left-note { align-items: flex-start; margin: 10px 0 0 !important; line-height: 1.4 !important; }
#woosq-popup .slaychic-left-note .slaychic-dot { margin-top: 5px; }
#woosq-popup .slaychic-left-note > span:last-child { line-height: 1.4 !important; }
/* Bloc des choix aligné sur le titre (le cadre de 6 px ne sert qu'au surlignage « choisissez ») */
body.woosq-open #woosq-popup form.variations_form table.variations { width: calc(100% + 12px) !important; margin: 0 -6px 4px !important; }
#woosq-popup .rtwpvs-terms-wrapper.color-variable-wrapper { margin-left: -5px; }
/* Lien « Effacer » retiré : la plupart des articles n'ont qu'une couleur (choisie d'office), et toucher une autre pastille suffit pour changer. */
#woosq-popup form.variations_form .reset_variations, #woosq-popup form.variations_form .reset_variations.show { display: none !important; }
