/* =========================================================
   L'OR PROVENCAL - CHECKOUT PREMIUM (PS 8.2.x)
   Accent Or: #C9B676 | Boutons Noir
   ========================================================= */

/* 1) Cartes / étapes checkout */
#checkout .checkout-step,
.checkout-step {
  border: 1px solid rgba(201,182,118,0.35);
  border-radius: 14px;
  background: #fff;
  padding: 18px;
  margin-bottom: 18px;
}

/* 2) Titres des étapes */
#checkout .checkout-step .step-title,
.checkout-step .step-title {
  font-weight: 700;
  letter-spacing: .3px;
  color: #111;
}

/* 3) Enlever le style "vert" par défaut et harmoniser */
#checkout .checkout-step.-current .step-title,
#checkout .checkout-step.-complete .step-title {
  color: #111;
}

#checkout .checkout-step.-current .step-number,
#checkout .checkout-step.-complete .step-number {
  background: #C9B676 !important;
  border-color: #C9B676 !important;
  color: #000 !important;
}

/* Certaines versions utilisent ::before sur le titre */
#checkout .checkout-step.-current .step-title::before,
#checkout .checkout-step.-complete .step-title::before {
  background: #C9B676 !important;
  color: #000 !important;
}

/* 4) Sélection adresse : plus premium */
#checkout .address-item,
.address-item {
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.10);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

#checkout .address-item.selected,
.address-item.selected {
  border: 1.5px solid #C9B676 !important;
  background: rgba(201,182,118,0.06) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
}

/* 5) Liens "modifier / supprimer" plus propres */
#checkout a,
#checkout .btn-link,
.checkout-step a,
.checkout-step .btn-link {
  color: #111;
  text-decoration: none;
}

#checkout a:hover,
#checkout .btn-link:hover,
.checkout-step a:hover,
.checkout-step .btn-link:hover {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* 6) Bloc récap panier (colonne de droite) */
#checkout .cart-summary,
.cart-summary {
  border: 1px solid rgba(201,182,118,0.35);
  border-radius: 14px;
  background: #faf9f6;
  padding: 18px;
}

/* 7) Totaux : plus lisibles */
#checkout .cart-summary .cart-total,
#checkout .cart-summary .cart-summary-line,
.cart-summary .cart-total,
.cart-summary .cart-summary-line {
  font-size: 14px;
}

#checkout .cart-summary .cart-total .value,
.cart-summary .cart-total .value {
  font-weight: 800;
}

/* 8) Boutons principaux (continuer / confirmer / payer) */
#checkout button,
#checkout .btn,
#payment-confirmation button,
#payment-confirmation .btn,
.checkout-step button,
.checkout-step .btn {
  border-radius: 10px;
}

/* Bouton principal (souvent .btn-primary) */
#checkout .btn-primary,
#payment-confirmation .btn-primary,
.checkout-step .btn-primary {
  background: #000 !important;
  border: 1px solid #C9B676 !important;
  color: #fff !important;
  font-weight: 700;
  padding: 12px 22px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

#checkout .btn-primary:hover,
#payment-confirmation .btn-primary:hover,
.checkout-step .btn-primary:hover {
  background: #111 !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.10);
}

/* Boutons secondaires */
#checkout .btn-secondary,
#payment-confirmation .btn-secondary,
.checkout-step .btn-secondary {
  background: #fff !important;
  border: 1px solid rgba(201,182,118,0.55) !important;
  color: #111 !important;
  font-weight: 600;
}

/* 9) Inputs / focus : liseré or */
#checkout input:focus,
#checkout select:focus,
#checkout textarea:focus,
.checkout-step input:focus,
.checkout-step select:focus,
.checkout-step textarea:focus {
  outline: none;
  border-color: #C9B676 !important;
  box-shadow: 0 0 0 3px rgba(201,182,118,0.18) !important;
}

/* 10) Radios/checkbox : accent or (support variable selon navigateur) */
#checkout input[type="radio"],
#checkout input[type="checkbox"] {
  accent-color: #C9B676;
}

/* 11) Responsive : éviter des paddings trop gros sur mobile */
@media (max-width: 768px){
  #checkout .checkout-step,
  .checkout-step{
    padding: 14px;
  }

  #checkout .cart-summary,
  .cart-summary{
    padding: 14px;
  }
}