@charset "UTF-8";
/* Esthétiqua — Confirmation de réservation (panier) v1 (26/10/2026)
 * Même DA que le récapitulatif (extrait 12664) : rose = validation, cases blanches, pastilles roses à icône blanche.
 * - Article : vraie carte, bouton « Retirer » visible (au lieu de la petite poubelle).
 * - « Un petit mot » : interrupteur (rond blanc, piste rose quand activé), toute la ligne est cliquable.
 * - Conditions (extrait 12631) : vraie case à cocher blanche, rose cochée ; la carte passe en rose une fois acceptée.
 * - « Valider la commande » : vrai bouton, atténué tant que les conditions ne sont pas cochées (le clic reste possible
 *   et affiche le message d'erreur existant).
 * Le préfixe html:not(#…) ×4 passe devant le correcteur du mode nuit (extrait 12614, 3 identifiants), qui sinon
 * assombrit les cases et le rond blancs.
 */

html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout{
 --estk-pink:#E50053;
 --estk-ink:var(--est-ink,#313135);
 --estk-bg:var(--est-surface,#fff);
 --estk-edge:var(--est-edge,#e4e1e6);
 --estk-card:color-mix(in srgb,var(--estk-ink) 4%,var(--estk-bg));
 --estk-muted:color-mix(in srgb,var(--estk-ink) 62%,var(--estk-bg));
 --estk-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E");
 --estk-i-note:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E");
 --estk-i-cash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E");
 --estk-i-trash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/%3E%3C/svg%3E");
}

/* 1. Article : carte nette, photo arrondie, bouton « Retirer ». */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list > li{box-sizing:border-box!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px!important;border:1px solid var(--estk-edge)!important;border-radius:18px!important;background:var(--estk-card)!important;color:var(--estk-ink)!important;box-shadow:0 10px 28px rgba(0,0,0,.07)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list > li + li{margin-top:10px!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-image{width:56px!important;height:56px!important;min-width:56px!important;margin:0!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-image img{width:56px!important;height:56px!important;border-radius:14px!important;object-fit:cover}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-item-details{display:grid!important;gap:3px;min-width:0;padding:0!important;margin:0!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-item-details > a{font-size:16px!important;font-weight:700!important;line-height:1.3!important;color:var(--estk-ink)!important;-webkit-text-fill-color:var(--estk-ink)!important;text-decoration:none!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-item-details > span{font-size:13.5px!important;line-height:1.45!important;color:var(--estk-muted)!important;-webkit-text-fill-color:var(--estk-muted)!important;overflow-wrap:anywhere}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-item-details > span:last-child{margin-top:2px;font-size:15.5px!important;font-weight:750!important;color:var(--estk-ink)!important;-webkit-text-fill-color:var(--estk-ink)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper{display:flex!important;align-items:center;gap:8px;margin:0!important}
/* Boutons + / − de quantité. */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > a.ts-icon-btn{display:inline-flex!important;align-items:center;justify-content:center;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1.5px solid var(--estk-edge)!important;border-radius:12px!important;background:transparent!important;color:var(--estk-ink)!important;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
/* Bouton unique = « Retirer ». */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > a.ts-icon-btn:only-child{width:auto!important;gap:8px;padding:0 14px 0 12px!important;font-size:13.5px!important;font-weight:650!important;line-height:1!important;text-decoration:none!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > a.ts-icon-btn:only-child > *{display:none!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > a.ts-icon-btn:only-child::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--estk-i-trash) center/16px 16px no-repeat;mask:var(--estk-i-trash) center/16px 16px no-repeat}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > a.ts-icon-btn:only-child::after{content:"Retirer"}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > a.ts-icon-btn:hover{border-color:var(--estk-pink)!important;background:color-mix(in srgb,var(--estk-pink) 10%,transparent)!important;color:var(--estk-pink)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > a.ts-icon-btn svg{width:16px!important;height:16px!important;fill:currentColor!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper > span{min-width:22px;text-align:center;font-weight:700}
@media (max-width:480px){
 html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list > li{grid-template-columns:48px minmax(0,1fr);gap:12px}
 html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-image,
 html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-image img{width:48px!important;height:48px!important;min-width:48px!important}
 html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cart-list .cart-stepper{grid-column:1 / -1;justify-content:flex-end}
}

/* 2. « Un petit mot » : ligne cliquable + interrupteur. */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox > label{box-sizing:border-box!important;display:flex!important;align-items:center;gap:14px;width:100%;min-height:64px;margin:0!important;padding:12px 16px!important;border:1.5px solid var(--estk-edge)!important;border-radius:16px!important;background:var(--estk-card)!important;color:var(--estk-ink)!important;-webkit-text-fill-color:var(--estk-ink)!important;font-size:15px!important;font-weight:650!important;line-height:1.35;cursor:pointer;user-select:none;transition:border-color .18s,background-color .18s}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox > label::before{content:"";order:-1;flex:none;width:40px;height:40px;border-radius:12px;background:var(--estk-pink) var(--estk-i-note) center/20px 20px no-repeat;box-shadow:0 8px 18px rgba(229,0,83,.25)}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox > label:hover{border-color:rgba(229,0,83,.55)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox > label:has(input:checked){border-color:var(--estk-pink)!important;background:color-mix(in srgb,var(--estk-pink) 9%,var(--estk-bg))!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox .ts-checkbox-container{order:1;flex:none;margin:0 0 0 auto!important;padding:0!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox .container-checkbox{position:relative!important;display:block!important;width:48px!important;height:28px!important;margin:0!important;padding:0!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox .checkmark{position:absolute!important;inset:0!important;width:48px!important;height:28px!important;margin:0!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--estk-ink) 22%,var(--estk-bg))!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;transition:background-color .2s}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox .checkmark::before{content:none!important;display:none!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox .checkmark::after{content:""!important;display:block!important;position:absolute!important;top:3px!important;left:3px!important;width:22px!important;height:22px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important;transform:none!important;opacity:1!important;transition:transform .2s}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox input:checked ~ .checkmark{background:var(--estk-pink)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox input:checked ~ .checkmark::after{transform:translateX(20px)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .tos-checkbox .field-info{margin:0!important;font-size:14px!important;font-weight:500;color:inherit!important}
/* Zone de texte du message. */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout textarea.ts-filter{box-sizing:border-box!important;width:100%!important;font-family:inherit!important;min-height:100px!important;padding:14px 16px!important;border:1.5px solid var(--estk-edge)!important;border-radius:16px!important;background:var(--estk-card)!important;color:var(--estk-ink)!important;-webkit-text-fill-color:var(--estk-ink)!important;font-size:15px!important;line-height:1.5!important;resize:vertical}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout textarea.ts-filter:focus{outline:none!important;border-color:var(--estk-pink)!important;box-shadow:0 0 0 3px rgba(229,0,83,.2)!important}

/* 3. Total. */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cost-calculator li.ts-total{align-items:baseline}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cost-calculator li.ts-total .ts-item-name p{font-size:16px!important;font-weight:700!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .ts-cost-calculator li.ts-total .ts-item-price p{font-size:24px!important;font-weight:800!important;letter-spacing:-.01em}

/* 4. Note « espèces » : carte avec pastille. */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-cash-cart-note{position:relative;display:flex;align-items:center;min-height:68px;margin:14px 0 12px!important;padding:14px 16px 14px 70px!important;border:1px solid var(--estk-edge)!important;border-radius:16px!important;background:var(--estk-card)!important;color:var(--estk-ink)!important;-webkit-text-fill-color:var(--estk-ink)!important;font-size:14px!important;line-height:1.5!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-cash-cart-note::before{content:"";position:absolute;left:16px;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:12px;background:var(--estk-pink) var(--estk-i-cash) center/20px 20px no-repeat;box-shadow:0 8px 18px rgba(229,0,83,.25)}

/* 5. Conditions : vraie case à cocher. */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack{box-sizing:border-box!important;display:flex!important;align-items:flex-start;gap:14px;margin:0 0 14px!important;padding:16px 18px!important;border:1.5px solid var(--estk-edge)!important;border-radius:16px!important;background:var(--estk-card)!important;color:var(--estk-ink)!important;-webkit-text-fill-color:var(--estk-ink)!important;font-size:14px!important;line-height:1.55!important;cursor:pointer;transition:border-color .18s,background-color .18s,box-shadow .18s}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack:hover{border-color:rgba(229,0,83,.55)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack input[type="checkbox"]{-webkit-appearance:none!important;appearance:none!important;display:block!important;position:static!important;visibility:visible!important;opacity:1!important;flex:0 0 24px!important;box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:24px!important;margin:0!important;padding:0!important;border:2px solid #cfcdd4!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;transition:background-color .15s,border-color .15s}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack input[type="checkbox"]:checked{border-color:var(--estk-pink)!important;background:var(--estk-pink) var(--estk-tick) center/16px 16px no-repeat!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack:has(input:checked){border-color:var(--estk-pink)!important;background:color-mix(in srgb,var(--estk-pink) 9%,var(--estk-bg))!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack:has(input:focus-visible){outline:3px solid rgba(229,0,83,.5);outline-offset:3px}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack span{color:inherit!important;-webkit-text-fill-color:currentColor!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack a{color:inherit!important;-webkit-text-fill-color:currentColor!important;font-weight:650;text-decoration:underline!important;text-underline-offset:3px}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack a:hover{color:var(--estk-pink)!important;-webkit-text-fill-color:var(--estk-pink)!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .est-ack.is-err{border-color:var(--estk-pink)!important;box-shadow:0 0 0 3px rgba(229,0,83,.2)!important}

/* 6. « Valider la commande » : vrai bouton ; plein rose une fois les conditions cochées. */
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .checkout-section a.ts-btn.form-btn{box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px!important;padding:0 24px!important;border:0!important;border-radius:16px!important;background:var(--estk-pink)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;font-weight:700!important;letter-spacing:.01em;text-decoration:none!important;box-shadow:0 14px 32px rgba(229,0,83,.35)!important;cursor:pointer;transition:transform .15s,filter .15s,box-shadow .15s,opacity .15s}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .checkout-section a.ts-btn.form-btn svg{width:18px!important;height:18px!important;fill:#fff!important}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .checkout-section a.ts-btn.form-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .checkout-section a.ts-btn.form-btn:active{transform:translateY(0);filter:brightness(.97)}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .checkout-section a.ts-btn.form-btn:focus-visible{outline:3px solid rgba(229,0,83,.5)!important;outline-offset:3px}
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout:has(.est-ack input:not(:checked)) .checkout-section a.ts-btn.form-btn,
html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout .checkout-section a.ts-btn.form-btn.vx-disabled{opacity:.5!important;box-shadow:none!important;transform:none}

@media (prefers-reduced-motion:reduce){
 html:not(#estk1):not(#estk2):not(#estk3):not(#estk4) body .ts-checkout *{transition:none!important}
}