.elementor-5252 .elementor-element.elementor-element-ba1e702{width:auto;max-width:auto;}.elementor-5252 .elementor-element.elementor-element-ba1e702.elementor-element{--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for shortcode, class: .elementor-element-ba1e702 *//* --- Correctif Spécial Formulaire COD --- */

/* 1. Recadrage global du formulaire */
.wpcod-wrap {
  direction: rtl !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  padding: 16px !important;
  width: 100% !important;
  max-width: 100% !important; /* S'adapte à l'écran mobile sans déborder */
  margin: 10px auto !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

/* 2. Évite tout débordement des éléments enfants */
.wpcod-wrap *, 
.wpcod-wrap *::before, 
.wpcod-wrap *::after {
  box-sizing: border-box !important;
}

/* 3. Grille responsive (1 colonne sur mobile, 2 colonnes sur grand écran) */
.wpcod-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
}

@media (max-width: 640px) {
  .wpcod-grid {
    grid-template-columns: 1fr !important; /* Pass en 1 colonne sur mobile */
  }
}

/* 4. Fixe la largeur des champs de texte et sélecteurs */
.wpcod-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

.wpcod-field input,
.wpcod-field select,
.wpcod-field textarea {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #d9d9d9 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 12px !important;
  font-size: 15px !important;
  margin: 0 !important;
}

/* Alignement du texte dans les champs */
.wpcod-field input[type="text"],
.wpcod-field input[type="tel"] {
  text-align: right !important;
  direction: rtl !important;
}

/* 5. Boutons radio (Moyenne, Couleur, Taille) */
.wpcod-square-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
}

.wpcod-square-group label {
  flex: 1 1 auto !important;
  min-width: 60px !important;
}

.wpcod-square-group span {
  display: block !important;
  border: 1px solid #cfd7df !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  background: #fff !important;
  text-align: center !important;
  width: 100% !important;
}

.wpcod-square-group input:checked + span {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

/* 6. Résumé et Boutons d'achat */
.wpcod-summary {
  margin-top: 18px !important;
  border-top: 1px solid #eee !important;
  padding-top: 14px !important;
  width: 100% !important;
}

.wpcod-summary-row {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

.wpcod-summary-total {
  font-size: 24px !important;
  color: #d33665 !important;
  font-weight: 700 !important;
}

.wpcod-submit {
  width: 100% !important;
  background: #e33572 !important;
  border: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  padding: 14px !important;
  font-size: 20px !important;
  cursor: pointer !important;
  margin-top: 14px !important;
}/* End custom CSS */