body.ce-kit-1{color:#332A24;font-family:"Montserrat", sans-serif;font-size:18px;}a, .elementor a{color:#A97C50;font-family:"Montserrat", sans-serif;font-size:18px;}a:hover, .elementor a:hover{color:#332A24;}body.ce-kit-1 h1{font-family:"Roboto Serif", sans-serif;font-size:36px;font-weight:500;font-style:normal;}body.ce-kit-1 h2{font-family:"Roboto Serif", sans-serif;font-size:32px;font-weight:500;font-style:normal;}body.ce-kit-1 h3{font-family:"Roboto Serif", sans-serif;font-size:26px;font-weight:500;font-style:normal;}body.ce-kit-1 h4{font-family:"Roboto Serif", sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;font-style:normal;}body.ce-kit-1 h5{color:#332A24;}.elementor-button{font-family:"Montserrat", sans-serif;font-weight:700;border-style:solid;border-width:2px 2px 2px 2px;border-color:#A97C50;}.elementor-button, a.elementor-button:not(#e){color:#A97C50;}.elementor-button:hover, .elementor-button:focus, a.elementor-button:not(#e):hover, a.elementor-button:not(#e):focus{color:#332A24;}.elementor-button:hover, .elementor-button:focus{background-color:#A97C50;}.elementor-button.elementor-size-sm{border-radius:50px 50px 50px 50px;}.elementor-button-primary .elementor-button{font-family:"Montserrat", sans-serif;font-weight:700;background-color:rgba(2, 1, 1, 0);border-style:solid;border-width:2px 2px 2px 2px;border-color:#A97C50;}.elementor-button-primary .elementor-button, .elementor-button-primary a.elementor-button:not(#e){color:#A97C50;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus, .elementor-button-primary a.elementor-button:not(#e):hover, .elementor-button-primary a.elementor-button:not(#e):focus{color:#F9F4EF;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus{background-color:#A97C50;}.elementor-button-primary .elementor-button.elementor-size-sm{border-radius:50px 50px 50px 50px;}.btn-primary{font-family:"Montserrat", sans-serif;font-weight:700;background-color:rgba(2, 1, 1, 0);border-style:solid;border-width:2px 2px 2px 2px;border-color:#A97C50;border-radius:50px 50px 50px 50px;}.btn-primary, a.btn-primary{color:#A97C50;}.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus, a.btn-primary:hover, .elementor-button-secondary a.elementor-button:not(#e):focus{color:#F9F4EF;}.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus{background-color:#A97C50;}body.ce-kit-1 img, body.ce-kit-1 .elementor-image-carousel .swiper-slide > *{border-radius:24px 24px 24px 24px;}@media(max-width:767px){body.ce-kit-1{font-size:16px;}a, .elementor a{font-size:16px;}body.ce-kit-1 h1{font-size:30px;}body.ce-kit-1 h2{font-size:26px;}body.ce-kit-1 h3{font-size:24px;}}/* Start custom CSS for page-settings */#footer {
    padding-top: 0px;
}
/* ==========================================================================
   CHOCOLATS ANTTON — Habillage du tunnel de commande (checkout)
   A intégrer dans /themes/classic/assets/css/custom.css
   (ou dans le CSS custom de Creative Elements, réglages généraux)
   Ce fichier ne touche qu'au design : aucune logique du checkout modifiée.
   ========================================================================== */

/* Toutes les règles sont scopées sur body#checkout pour ne rien
   impacter ailleurs sur le site. */

body#checkout {
  --antton-noir: #332a24;
  --antton-marron: #6b4935;
  --antton-marron-clair: #a97c50;
  --antton-creme: #f9f4ef;
  --antton-rouge: #af1b1b;
  --antton-or: #efc04b;

  background-color: var(--antton-creme);
  color: var(--antton-noir);
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

/* --------------------------------------------------------------------
   Typographie générale
   -------------------------------------------------------------------- */

body#checkout h1,
body#checkout h2,
body#checkout h3,
body#checkout .step-title,
body#checkout .card-block .h3,
body#checkout .cart-summary-line.cart-total .label {
  font-family: 'Roboto Serif', serif;
  font-weight: 500;
  color: var(--antton-marron);
}

body#checkout a {
  color: var(--antton-marron-clair);
}

body#checkout a:hover {
  color: var(--antton-marron);
}

/* --------------------------------------------------------------------
   Fil d'Ariane
   -------------------------------------------------------------------- */

body#checkout .breadcrumb {
  background: transparent;
  font-family: 'Montserrat', sans-serif;
  color: var(--antton-noir);
}

body#checkout .breadcrumb a {
  color: var(--antton-marron);
}

/* --------------------------------------------------------------------
   Titres d'étapes (1. Informations personnelles, 2. Adresses, etc.)
   -------------------------------------------------------------------- */

body#checkout .checkout-step {
  background-color: #ffffff;
  border: 1px solid #eee0d3;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 20px 25px;
}

body#checkout .checkout-step.-current {
  border-color: var(--antton-marron-clair);
  box-shadow: 0 0 0 1px var(--antton-marron-clair);
}

body#checkout .step-title {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

body#checkout .step-number,
body#checkout .checkout-step .step-title .step-number,
body#checkout .checkout-step.-current .step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--antton-marron-clair) !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
}

body#checkout .step-title i.done {
  color: var(--antton-or);
}

body#checkout .step-edit {
  margin-left: auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.85rem;
  color: var(--antton-marron-clair);
}

body#checkout .checkout-step.-unreachable {
  opacity: 0.55;
}

/* --------------------------------------------------------------------
   Onglets "Commander en tant qu'invité" / "Connexion"
   -------------------------------------------------------------------- */

body#checkout .nav-inline .nav-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: var(--antton-noir);
  border: none;
  padding: 6px 4px;
}

body#checkout .nav-inline .nav-link.active {
  color: var(--antton-marron);
  border-bottom: 2px solid var(--antton-marron-clair);
}

body#checkout .nav-separator {
  color: #d8c9b6;
}

/* --------------------------------------------------------------------
   Formulaires
   -------------------------------------------------------------------- */

body#checkout .form-control-label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: var(--antton-noir);
}

body#checkout .form-control-label.required::after {
  content: " *";
  color: var(--antton-rouge);
}

body#checkout .form-control {
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #e2d5c4;
  border-radius: 4px;
  background-color: #ffffff;
  color: var(--antton-noir);
}

body#checkout .form-control:focus {
  border-color: var(--antton-marron-clair);
  box-shadow: 0 0 0 2px rgba(169, 124, 80, 0.2);
}

body#checkout .form-control-comment {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  color: #8a7c6d;
}

body#checkout .form-informations-title {
  color: var(--antton-marron);
  font-family: 'Roboto Serif', serif;
  font-weight: 500;
}

/* Radios et checkboxes personnalisés */

body#checkout .custom-radio span,
body#checkout .custom-checkbox span i {
  border-color: var(--antton-marron-clair);
}

body#checkout input[type="radio"]:checked + span,
body#checkout .custom-radio input:checked ~ span {
  background-color: var(--antton-marron-clair);
  border-color: var(--antton-marron-clair);
}

body#checkout .custom-checkbox input:checked ~ span i.checkbox-checked {
  color: var(--antton-marron-clair);
}

/* Indicateur de force du mot de passe (barre + icônes de validation) */

body#checkout .password-strength-feedback .progress-bar,
body#checkout .progress-bar,
body#checkout .progress-bar.bg-success,
body#checkout .progress-bar-success {
  background-color: var(--antton-marron-clair) !important;
}

body#checkout .password-strength-feedback .text-success,
body#checkout .password-requirements .text-success,
body#checkout .password-requirements i.material-icons,
body#checkout .password-requirements-length i.material-icons,
body#checkout .password-requirements-score i.material-icons,
body#checkout .field-password-policy .text-success {
  color: var(--antton-marron-clair) !important;
}

body#checkout .password-strength-text {
  color: var(--antton-marron) !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

/* --------------------------------------------------------------------
   Boutons
   -------------------------------------------------------------------- */

body#checkout .btn-primary,
body#checkout .continue {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  background-color: var(--antton-marron-clair);
  border-color: var(--antton-marron-clair);
  color: #ffffff;
  border-radius: 4px;
  padding: 10px 24px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

body#checkout .btn-primary:hover,
body#checkout .continue:hover {
  background-color: var(--antton-marron);
  border-color: var(--antton-marron);
}

body#checkout .promo-code .btn-primary {
  padding: 8px 16px;
}

/* Lien "Mot de passe oublié ?" */

body#checkout .forgot-password a {
  color: var(--antton-marron-clair);
  font-family: 'Montserrat', sans-serif;
  font-size: 0.85rem;
}

/* --------------------------------------------------------------------
   Bloc parrainage (j2tloyalty)
   -------------------------------------------------------------------- */

body#checkout .j2t-registration-benefits {
  background-color: var(--antton-creme);
  border: 1px dashed var(--antton-or);
  border-radius: 6px;
  padding: 16px 20px;
  margin: 20px 0;
}

body#checkout .j2t-eyebrow {
  color: var(--antton-marron-clair);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

body#checkout #j2t-registration-title {
  font-family: 'Roboto Serif', serif;
  font-weight: 500;
  color: var(--antton-marron);
  font-size: 1.05rem;
}

body#checkout .j2t-registration-reward i {
  color: var(--antton-or);
}

/* --------------------------------------------------------------------
   Récapitulatif de commande (colonne de droite)
   -------------------------------------------------------------------- */

body#checkout #js-checkout-summary.card {
  background-color: #ffffff;
  border: 1px solid #eee0d3;
  border-radius: 6px;
}

body#checkout .cart-summary-products p,
body#checkout .cart-summary-line .label {
  font-family: 'Montserrat', sans-serif;
  color: var(--antton-noir);
}

body#checkout .cart-summary-line .value {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

body#checkout .cart-summary-line.cart-total {
  border-top: 1px solid #eee0d3;
  padding-top: 10px;
  margin-top: 10px;
}

body#checkout .cart-summary-line.cart-total .value {
  color: var(--antton-rouge);
  font-family: 'Roboto Serif', serif;
  font-weight: 500;
  font-size: 1.15rem;
}

body#checkout .product-name a {
  color: var(--antton-noir);
  font-family: 'Montserrat', sans-serif;
}

body#checkout .product-price {
  color: var(--antton-marron);
  font-weight: 500;
}

body#checkout .js-show-details {
  color: var(--antton-marron-clair);
  font-size: 0.85rem;
}

/* Code promo */

body#checkout .promo-code-button a,
body#checkout .promo-code-button {
  color: var(--antton-marron-clair);
  font-family: 'Montserrat', sans-serif;
}

body#checkout .promo-input {
  border: 1px solid #e2d5c4;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
}

/* --------------------------------------------------------------------
   Bloc réassurance (sécurité, livraison, retours)
   -------------------------------------------------------------------- */

body#checkout .blockreassurance_product {
  background-color: #ffffff;
  border: 1px solid #eee0d3;
  border-radius: 6px;
  margin-top: 15px;
}

body#checkout .blockreassurance_product .block-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  color: var(--antton-noir) !important;
  font-size: 0.85rem;
}/* End custom CSS */