/* =====================================================================
 * Bottes Santiag : side-cart.css
 * Habillage du panier latéral Side Cart WooCommerce (xootix), posé le
 * 29/09/2026. Chargé par inc/sidecart.php APRÈS la feuille du plugin et
 * son style en ligne, uniquement sur les pages où le panneau existe.
 * Le panneau devient une fiche d'atelier : papier patron, couture fil ocre
 * sur le bord, bouton de commande en patch cuir surpiqué comme partout.
 * Préfixe .xoo-wsc-modal : il dépasse la spécificité du style en ligne du
 * plugin (jusqu'à 0-3-0) sans recourir à !important.
 * =================================================================== */

/* Voile : encre brou, pas du noir pur */
.xoo-wsc-modal .xoo-wsc-opac{background-color:var(--bs-brou)}
.xoo-wsc-cart-active .xoo-wsc-modal .xoo-wsc-opac{opacity:.55}

/* Panneau */
.xoo-wsc-modal .xoo-wsc-container{top:0;bottom:0;height:100%;max-height:none;width:100%;max-width:400px;
	background:var(--bs-papier);color:var(--bs-brou);font-family:var(--bs-body);
	border-inline-start:1.5px solid var(--bs-bd);box-shadow:-10px 0 28px rgba(36,26,16,.2)}
/* Couture sur le bord intérieur : la signature du site */
.xoo-wsc-modal .xoo-wsc-container::before{content:"";position:absolute;inset-block:0;inset-inline-start:7px;width:2px;pointer-events:none;z-index:2;
	background:repeating-linear-gradient(180deg,var(--bs-fil) 0 9px,transparent 9px 17px);opacity:.6}
.xoo-wsc-modal .xoo-wsc-container *{font-family:inherit}

/* En-tête */
.xoo-wsc-modal .xoo-wsc-header{position:relative;background:var(--bs-papier2);color:var(--bs-brou);
	padding:16px 20px 16px 26px;border-bottom:1.5px dashed rgba(126,63,28,.35)}
.xoo-wsc-modal .xoo-wsch-top{justify-content:flex-start;margin:0;gap:10px;min-height:44px}
.xoo-wsc-modal .xoo-wsch-basket{display:none}
.xoo-wsc-modal span.xoo-wsch-text{margin:0;font-family:var(--bs-display);font-size:1.2rem;letter-spacing:.03em;text-transform:uppercase;color:var(--bs-brou);line-height:1}
.xoo-wsc-modal span.xoo-wsch-close{top:50%;right:14px;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;
	font-size:22px;color:var(--bs-encre2);border-radius:4px;transition:color .2s ease,background-color .2s ease}
.xoo-wsc-modal span.xoo-wsch-close:hover{color:var(--bs-bourbon);background:rgba(126,63,28,.08)}
.xoo-wsc-modal span.xoo-wsch-close:focus-visible,
.xoo-wsc-modal .xoo-wsc-smr-del:focus-visible{outline:2px solid var(--bs-bourbon);outline-offset:2px}

/* Corps et lignes produit, en fiches patron */
.xoo-wsc-modal .xoo-wsc-body{background:var(--bs-papier);padding:6px 0 10px}
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product{margin:12px 16px 0 24px;padding:12px;gap:12px;
	background:var(--bs-papier2);border:1.5px solid var(--bs-bd);border-radius:4px;box-shadow:none}
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col{width:88px;flex:0 0 88px}
.xoo-wsc-modal .xoo-wsc-img-col img{aspect-ratio:1/1;object-fit:cover;background:#fff;border:1.5px solid rgba(36,26,16,.15);border-radius:3px}
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col{width:auto;flex:1 1 auto;min-width:0}
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card),
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) a{font-size:.95rem;color:var(--bs-brou)}
.xoo-wsc-modal .xoo-wsc-pname{display:block;font-weight:700;line-height:1.3;margin-bottom:4px}
.xoo-wsc-modal .xoo-wsc-pname a{text-decoration:none}
.xoo-wsc-modal .xoo-wsc-pname a:hover{color:var(--bs-bourbon)}
/* Pointure, couleur : étiquettes d'atelier */
.xoo-wsc-modal .xoo-wsc-product dl.variation,
.xoo-wsc-modal .xoo-wsc-product dl.variation p{font-family:var(--bs-mono);font-size:.74rem;color:var(--bs-encre2);letter-spacing:.02em}
.xoo-wsc-modal .xoo-wsc-product dl.variation dt{font-weight:500}
/* « 1X89,99 €=89,99 € » devient « Qté 1 · 89,99 € » : on garde la
 * quantité et le total de ligne, on masque « X », le prix unitaire et « = ». */
.xoo-wsc-modal .xoo-wsc-qty-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em;margin-top:6px;font-family:var(--bs-mono);font-size:.82rem;color:var(--bs-encre2)}
.xoo-wsc-modal .xoo-wsc-qty-price>span:nth-child(2),
.xoo-wsc-modal .xoo-wsc-qty-price>span:nth-child(3),
.xoo-wsc-modal .xoo-wsc-qty-price>span:nth-child(4){display:none}
.xoo-wsc-modal .xoo-wsc-qty-price>span:first-child::before{content:"Qté "}
.xoo-wsc-modal .xoo-wsc-qty-price>span:last-child{margin-inline-start:auto}
.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-qty-price span.amount{font-family:var(--bs-mono);font-weight:600;font-size:.95rem;color:var(--bs-bourbon)}
.xoo-wsc-modal .xoo-wsc-product del .amount{color:var(--bs-mut)!important;font-weight:400}
/* Retirer : cible de 44 px, rouge selvedge au survol */
.xoo-wsc-modal .xoo-wsc-sm-right{align-self:flex-start}
.xoo-wsc-modal .xoo-wsc-smr-del{display:grid;place-items:center;width:44px;height:44px;margin:-10px -10px 0 0;font-size:16px;color:var(--bs-encre2);border-radius:4px;cursor:pointer;transition:color .2s ease}
.xoo-wsc-modal .xoo-wsc-smr-del:hover{color:var(--bs-selvedge)}

/* Panier vide */
.xoo-wsc-modal .xoo-wsc-empty-cart{padding:40px 24px 24px 30px;gap:18px}
.xoo-wsc-modal .xoo-wsc-emp-txt{font-family:var(--bs-mono);font-size:.85rem;letter-spacing:.04em;color:var(--bs-encre2)}

/* Pied : totaux + boutons */
.xoo-wsc-modal .xoo-wsc-footer{background:var(--bs-papier2);color:var(--bs-brou);padding:14px 20px 18px 26px;
	border-top:1.5px dashed rgba(126,63,28,.35);box-shadow:0 -6px 16px rgba(36,26,16,.06)}
.xoo-wsc-modal .xoo-wsc-footer,.xoo-wsc-modal .xoo-wsc-footer a,.xoo-wsc-modal .xoo-wsc-footer .amount{font-size:1rem}
.xoo-wsc-modal .xoo-wsc-ft-amt{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0}
.xoo-wsc-modal .xoo-wsc-ft-amt-label{font-family:var(--bs-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bs-encre2)}
.xoo-wsc-modal .xoo-wsc-ft-amt-value .amount{font-family:var(--bs-mono);font-weight:600;font-size:1.15rem;color:var(--bs-brou)}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont{gap:10px;margin-top:12px}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-modal .xoo-wsc-container .xoo-wsc-btn{position:relative;min-height:48px;padding:12px 16px;border-radius:6px;
	font-family:var(--bs-body);font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;
	background:transparent;color:var(--bs-bourbon);border:1.5px solid var(--bs-bourbon);transition:background-color .2s ease,color .2s ease}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
.xoo-wsc-modal .xoo-wsc-container .xoo-wsc-btn:hover{background:rgba(126,63,28,.08);color:var(--bs-bourbon);border:1.5px solid var(--bs-bourbon)}
/* Commander : patch cuir surpiqué, identique au .bs-btn du site */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout,
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout:hover{min-height:52px;font-size:.86rem;color:#F6EBD8;border:0;
	background:linear-gradient(180deg,#8A4520,#6B3315);box-shadow:0 2px 0 #4c2410,0 4px 10px rgba(36,26,16,.25)}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout::before{content:"";position:absolute;inset:5px;border:1.5px dashed rgba(246,235,216,.55);border-radius:4px;pointer-events:none}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout:hover{color:#fff;box-shadow:0 4px 0 #4c2410,0 8px 18px rgba(36,26,16,.3)}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a:focus-visible{outline:2px solid var(--bs-brou);outline-offset:3px}
.xoo-wsc-modal .xoo-wsc-btn .amount,.xoo-wsc-modal .xoo-wsc-btn:hover .amount{color:inherit}

/* Notices et chargement */
.xoo-wsc-modal ul.xoo-wsc-notices li{font-family:var(--bs-mono);font-size:.8rem}
.xoo-wsc-modal .xoo-wsc-loader{background-color:rgba(241,232,214,.7)}
.xoo-wsc-modal .xoo-wsc-loader-icon{color:var(--bs-bourbon)}

@media(max-width:480px){
	.xoo-wsc-modal .xoo-wsc-container{max-width:100%;border-inline-start:0}
	.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product{margin:10px 12px 0 20px}
	.xoo-wsc-modal .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col{width:72px;flex-basis:72px}
	.xoo-wsc-modal .xoo-wsc-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
	.xoo-wsc-modal .xoo-wsc-container{transition:none}
	.xoo-wsc-modal span.xoo-wsch-close,.xoo-wsc-modal .xoo-wsc-smr-del,.xoo-wsc-modal .xoo-wsc-ft-btn{transition:none}
}