/*
 * Tunnel de commande Atelier de Pandy : étapes, livraison, paiement et confirmation,
 * dans les couleurs du thème (sauge, crème, beige « Votre sélection »).
 */

/* Étapes : vert sauge au lieu du vert vif de Hummingbird */
.checkout-steps{--bs-success:#65745e;--bs-success-rgb:101,116,94;--bs-success-text-emphasis:#53604b}
.checkout-steps__step--success .checkout-steps__number{background:#65745e!important;border-color:#65745e!important;color:#fffdf8!important}
.checkout-steps__step--success .checkout-steps__btn,.checkout-steps__step--success .checkout-steps__btn:hover{color:#53604b!important}
.checkout-steps__step--success::before,.checkout-steps__step--success::after,.checkout-steps__step--success+.checkout-steps__step::before{background-color:#65745e!important;border-color:#65745e!important}
.checkout-steps__step--current .checkout-steps__number{background:#493c35!important;border-color:#493c35!important;color:#fffdf8!important}
.checkout-steps__step--current .checkout-steps__btn{color:#493c35!important}
.checkout-steps svg{color:#65745e}
.checkout-steps svg circle[stroke]:not([stroke="none"]){stroke:#65745e}
.checkout-steps svg text{fill:#493c35}
.checkout-steps .btn-link{font:500 13px/1.4 'DM Sans',Arial,sans-serif;text-decoration:none}

/* Cases et boutons radio en sauge */
#checkout .form-check-input:checked{background-color:#65745e;border-color:#65745e}
#checkout .form-check-input:focus{border-color:#7b8669;box-shadow:0 0 0 3px rgba(123,134,105,.18)}

/* Livraison : cartes crème, choix en sauge */
#checkout .delivery-options__list{display:flex;flex-direction:column;gap:12px}
#checkout .delivery-option__item{background:#fffdf8!important;border:1px solid #e5e1d6!important;border-radius:0!important;margin:0!important;transition:border-color .2s,background .2s}
#checkout .delivery-option__item:has(input:checked){background:#f3f5ee!important;border-color:#7b8669!important}
#checkout .delivery-option__label{font:400 13px/1.6 'DM Sans',Arial,sans-serif;color:#4b4039;padding:16px 18px;margin:0;cursor:pointer}
#checkout .delivery-option__label strong,#checkout .delivery-option__label .h6,#checkout .delivery-option__carrier-name{font:600 13px 'DM Sans',Arial,sans-serif;color:#493c35}
#checkout .delivery-option__label :is(.carrier-price,.delivery-option__price){font:600 13px 'DM Sans',Arial,sans-serif;color:#53604b}
#checkout .order-options .form-control{min-height:90px}

/* Paiement : carte comme la livraison, case CGV */
#checkout .payment-options__list{display:flex;flex-direction:column;gap:12px}
#checkout .payment-option{background:#fffdf8;border:1px solid #e5e1d6;padding:16px 18px;margin:0}
#checkout .payment-option:has(input:checked){background:#f3f5ee;border-color:#7b8669}
#checkout .payment-option__label{font:500 13px 'DM Sans',Arial,sans-serif;color:#493c35}
#checkout .js-conditions-to-approve{background:#f2e8d9;border:1px solid #e4d6c5;padding:14px 18px}
#checkout .js-conditions-to-approve label{font:400 13px/1.6 'DM Sans',Arial,sans-serif;color:#4b4039}
#checkout .js-conditions-to-approve a{color:#a56049!important;text-decoration:underline;text-underline-offset:3px}
#checkout .final-summary .h2,#checkout .final-summary .h3{font:400 24px/1.3 'DM Serif Display',Georgia,serif;color:#493c35}
#checkout .final-summary__header{font:600 12px 'DM Sans',Arial,sans-serif;color:#493c35}
#checkout .step .btn-outline-primary{background:transparent!important;border:1px solid #c9b59d!important;border-radius:0!important;color:#53604b!important;font:600 12px 'DM Sans',Arial,sans-serif!important}
#checkout .step__title hr{border-color:#e4d6c5;opacity:1}

/* Confirmation de commande */
#order-confirmation #content-wrapper{max-width:1600px;margin:0 auto;padding:38px clamp(0px,calc(6vw - 37px),60px) 50px;color:#4b4039;font:400 14px/1.7 'DM Sans',Arial,sans-serif}
#order-confirmation :is(.page-title-section,h1){font:400 40px/1.2 'DM Serif Display',Georgia,serif!important;color:#493c35}
#order-confirmation :is(h2,.h2,h3,.h3){font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:#493c35}
#order-confirmation :is(.order-confirmation,.card,.order-confirmation__details,.order-confirmation__table,section.page-content){background:#fffdf8;border:1px solid #e5e1d6;border-radius:0;box-shadow:none}
#order-confirmation .material-icons.text-success,#order-confirmation .text-success{color:#65745e!important}
#order-confirmation .btn-primary{background:#65745e!important;border:0!important;border-radius:0!important;color:#fff!important;font:700 12px 'DM Sans',Arial,sans-serif!important;padding:15px 26px!important}
#order-confirmation a:not(.btn){color:#a56049}

@media (max-width:767px){
  #order-confirmation #content-wrapper{padding:30px 0}
  #order-confirmation :is(.page-title-section,h1){font-size:32px!important}
}