/***********************
 * 0) WPForms (garde si tu utilises #wpforms-306)
 ***********************/
#wpforms-306 {
  background: rgba(0,0,0,.75);
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(158,139,77,.15);
}
#wpforms-306 .wpforms-form label {
  color: #9e8b4d !important; font-weight: 500; font-size: 15px;
  text-shadow: 0 0 4px rgba(158,139,77,.2);
}
#wpforms-306 .wpforms-form input[type="text"],
#wpforms-306 .wpforms-form input[type="email"],
#wpforms-306 .wpforms-form input[type="tel"],
#wpforms-306 .wpforms-form input[type="url"],
#wpforms-306 .wpforms-form input[type="number"],
#wpforms-306 .wpforms-form select,
#wpforms-306 .wpforms-form textarea {
  background:#000 !important; color:#fff !important; border:1px solid #9e8b4d !important;
  border-radius:8px !important; padding:12px 15px !important; width:100% !important; transition:.3s !important;
}
#wpforms-306 .wpforms-form input::placeholder,
#wpforms-306 .wpforms-form textarea::placeholder { color:#bfbfbf !important; }
#wpforms-306 .wpforms-form :is(input,textarea,select):focus {
  border-color:#b6a15c !important; box-shadow:0 0 8px rgba(158,139,77,.3) !important; outline:none !important;
}
#wpforms-306 .wpforms-submit,
#wpforms-306 .wpforms-submit-container button[type="submit"]{
  background:#9e8b4d !important; color:#000 !important; font-weight:700 !important; text-transform:uppercase !important;
  border:1px solid #9e8b4d !important; border-radius:6px !important; padding:14px 25px !important; cursor:pointer !important;
}
#wpforms-306 .wpforms-submit:hover,
#wpforms-306 .wpforms-submit-container button[type="submit"]:hover{
  background:#000 !important; color:#9e8b4d !important; border:1px solid #9e8b4d !important;
  box-shadow:0 0 10px rgba(158,139,77,.35);
}
#wpforms-306 div.wpforms-confirmation-container-full{
  background:transparent !important; color:#9e8b4d !important; text-align:center !important; font-size:18px;
}

/***********************
 * 1) Checkout — base desktop
 ***********************/
body.woocommerce-checkout { background:#000 !important; }
body.woocommerce-checkout .entry-content .woocommerce{
  background:#fff !important; color:#222 !important;
  border-radius:18px; box-shadow:0 10px 24px rgba(0,0,0,.28);
  max-width:1180px; margin:90px auto 80px; padding:36px 44px;
  overflow:visible !important; position:relative; z-index:1;
}
/* Inputs & labels */
.woocommerce .form-row label { color:#222 !important; font-weight:600; }
.woocommerce input.input-text,
.woocommerce textarea,
.select2-container--default .select2-selection--single{
  background:#f9f9f9 !important; border:1px solid #ddd !important; border-radius:8px !important; color:#333 !important;
  padding:10px 12px !important; transition:.3s;
}
.woocommerce input.input-text:focus{ border-color:#c9a23c !important; box-shadow:0 0 0 2px rgba(201,162,60,.2) !important; }
/* Boutons */
.woocommerce-checkout button.button,
.woocommerce button.button.alt,
.woocommerce a.button{
  background:#c9a23c !important; color:#fff !important; border:none !important; border-radius:10px !important;
  padding:12px 24px !important; font-weight:600; text-transform:uppercase; letter-spacing:.5px; transition:.3s;
}
.woocommerce-checkout button.button:hover,
.woocommerce a.button:hover{ background:#b18f34 !important; }
/* Tableau "Votre commande" (à droite en desktop) */
.woocommerce-checkout-review-order,
.woocommerce-checkout-review-order-table{
  background:#fff !important; border-radius:12px !important; border:1px solid #eee !important; color:#333 !important;
  padding:15px !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td { border:none !important; }
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td { font-weight:600; color:#000; }

/***********************
 * 2) Nettoyage du récap — logos & prix colonne droite
 ***********************/
body.woocommerce-checkout .woocommerce-checkout-review-order-table img,
body.woocommerce-checkout .woocommerce-checkout-review-order-table svg,
body.woocommerce-checkout .woocommerce-checkout-review-order-table i,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .icon,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .fa,
body.woocommerce-checkout .woocommerce-checkout-review-order-table [class*="icon-"],
body.woocommerce-checkout .woocommerce-checkout-review-order-table [class*="fa-"],
body.woocommerce-checkout .woocommerce-checkout-review-order-table .elementor-icon { display:none !important; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table td::before,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th::before { content:none !important; display:none !important; }
/* Masquer la dernière colonne prix (on garde le total en bas) */
body.woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child{ display:none !important; }

/***********************
 * 3) Mobile (<= 767px) — dézoom global + alignements + compactage
 ***********************/
@media (max-width:767px){

  /* 3.1 Dézoom du module complet (résumé + paiement + bouton) */
  body.woocommerce-checkout .entry-content .woocommerce{
    transform:scale(.85); -webkit-transform:scale(.85);
    transform-origin:top left; -webkit-transform-origin:top left;
    width:118% !important; margin:40px 0 24px; padding:12px 0;
  }
  html,body{ overflow-x:hidden !important; }

  /* 3.2 Récap "Votre commande" compact (lieu départ, drop-off, distance, date/heure) */
  .woocommerce-checkout-review-order-table{
    border-collapse:collapse !important; border-spacing:0 !important; width:100%;
  }
  .woocommerce-checkout-review-order-table tr,
  .woocommerce-checkout-review-order-table th,
  .woocommerce-checkout-review-order-table td{
    margin:0 !important; padding-top:2px !important; padding-bottom:2px !important;
    line-height:1.15 !important; vertical-align:top !important; font-size:14px;
  }
  .woocommerce-checkout-review-order-table :is(p,div,address,ul,li){
    margin:0 !important; padding:0 !important; line-height:1.15 !important;
  }

  /* 3.3 Paiement (cartes/Klarna/paiement à bord) collé à GAUCHE au viewport */
  /* On aligne au viewport pour ignorer le padding du conteneur */
  body.woocommerce-checkout #payment,
  body.woocommerce-checkout .wc_payment_methods,
  body.woocommerce-checkout .payment_methods,
  body.woocommerce-checkout .payment_box{
    transform:scale(.85); -webkit-transform:scale(.85);
    transform-origin:top left; -webkit-transform-origin:top left;
    width:118% !important; margin:0; padding:0;
    position:relative; left:0;
  }

  /* 3.4 Bouton "Commander" collé au bord gauche du viewport (100% largeur écran) */
  body.woocommerce-checkout .form-row.place-order{
    position:relative !important; left:calc(-50vw + 50%) !important;
    width:100vw !important; max-width:100vw !important; margin:10px 0 0 0 !important;
    padding:0 16px !important; box-sizing:border-box !important; text-align:left !important;
  }
  body.woocommerce-checkout #place_order,
  body.woocommerce-checkout button#place_order,
  .wc-block-components-checkout-place-order-button,
  .wc-block-checkout__actions .wc-block-components-button{
    display:block !important; width:100% !important; max-width:100% !important;
    margin:0 !important; padding:14px 16px !important; border-radius:10px !important;
    transform:none !important; -webkit-transform:none !important;
  }
}

/***********************
 * 4) Tablette (768–1024px) — léger resserrage
 ***********************/
@media (min-width:768px) and (max-width:1024px){
  body.woocommerce-checkout .entry-content .woocommerce{
    max-width:92% !important; margin-top:48px !important; padding:18px 18px !important; border-radius:14px !important;
  }
  .woocommerce form .form-row{ margin-bottom:10px !important; }
  .woocommerce :is(input.input-text, select){ height:40px !important; }
}
/* Mobile : marge en haut du module checkout */
@media (max-width: 767px) {
  body.woocommerce-checkout .entry-content .woocommerce {
    margin-top: 72px !important;  /* ajuste: 56–96px selon ton header */
  }

  /* Si le header sticky chevauche encore un peu, ajoute un petit padding global : */
  body.woocommerce-checkout .site-main,
  body.woocommerce-checkout .entry-content {
    padding-top: 8px !important;
  }

  /* Avec barre d’admin WordPress sur mobile */
  body.admin-bar .site-header { top: 46px !important; }
}
/* Mobile : bloc de commande un peu plus bas */
@media (max-width: 767px) {
  body.woocommerce-checkout .entry-content .woocommerce {
    margin-top: 88px !important;  /* 🔹 tu peux ajuster entre 84px et 96px selon ton rendu */
  }

  /* Sécurité : petit espace si header sticky ou barre d’admin */
  body.woocommerce-checkout .site-main,
  body.woocommerce-checkout .entry-content {
    padding-top: 10px !important;
  }
}
/* ✅ Réparer l'affichage du TOTAL au checkout */
@media (max-width: 9999px) {
  /* Annule tout masquage global de la dernière colonne */
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child {
    display: table-cell !important;
  }
}

/* 📱 Mobile : on ne masque QUE les prix de ligne, pas le total */
@media (max-width: 767px) {
  /* Cache le prix à droite des lignes produits (tbody) */
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td:last-child,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total {
    display: none !important;
  }

  /* Laisse visibles les sous-totaux et TOTAL (tfoot) */
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
    display: table-cell !important;
  }

  /* Mise en avant du TOTAL */
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
    font-weight: 700 !important;
    font-size: 16px !important;
  }
}
/* 🔽 Déplacer Apple/Google Pay plus bas (juste avant les autres moyens de paiement) */
body.woocommerce-checkout #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wc-payment-request-buttons {
  order: 10 !important;           /* positionne après le contenu principal */
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  display: block !important;
}
.woocommerce-order {
    margin-top: 80px !important;
}
/* 🔹 Ajoute une grande marge en haut de la page commande */
.page-id-1672 {
    padding-top: 120px !important;
}

/* 🔹 Cache le bouton "RÉSERVEZ" uniquement sur la page commande */
.page-id-1672 .elementor-button {
    display: none !important;
}
.whatsapp-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25D366;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .15s ease, box-shadow .15s ease;
}
.whatsapp-float img{
  width: 28px;
  height: 28px;
  display:block;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.15));
}
.whatsapp-float:hover{ transform: translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.25);}
@media (max-width: 480px){
  .whatsapp-float{ right: 14px; bottom: 14px; width: 52px; height: 52px; }
  .whatsapp-float img{ width: 26px; height: 26px; }
}