/*
Theme Name: Divi Child
Template: Divi
Version: 20240125
Author: Perspectives Marketing
Author URI: https://perspectives.marketing
*/


/* =============================================
   Checkout – layout général
   ============================================= */
#checkout-wrapper { max-width:1200px; margin:2rem auto; padding:0 1.5rem; font-family:'Roboto', sans-serif; color:#333 }
#checkout-inner { display:flex; gap:2.5rem; align-items:flex-start; flex-wrap:wrap }

/* Colonne billing (gauche) */
#customer_details { flex:1 1 55% }

/* Colonne récap commande (droite) */
#order_review_heading,
#order_review { flex:1 1 35%; background:#faf9f7; padding:1.5rem; border:1px solid #e8e3d8; border-radius:4px }

/* =============================================
   Titres de section
   ============================================= */
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading { font-size:1.1rem; text-transform:uppercase; letter-spacing:.06em; color:#333; border-bottom:2px solid #c1ae7c; padding-bottom:.5rem; margin-bottom:1.2rem }

/* =============================================
   Champs formulaire
   ============================================= */
.woocommerce-checkout .form-row { margin-bottom:1rem }
.woocommerce-checkout .form-row label { display:block; font-size:.85rem; margin-bottom:.3rem; color:#555 }
.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select { width:100%; padding:.55rem .8rem; border:1px solid #ddd; border-radius:3px; font-family:'Roboto', sans-serif; font-size:.95rem; color:#333; background:#fff }
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus { outline:none; border-color:#c1ae7c }

/* =============================================
   Tableau récap commande
   ============================================= */
table.shop_table { width:100%; border-collapse:collapse; font-size:.95rem }
table.shop_table th,
table.shop_table td { padding:.6rem .3rem; border-bottom:1px solid #e8e3d8; text-align:left }
table.shop_table tfoot tr:last-child td,
table.shop_table tfoot tr:last-child th { font-weight:700; color:#333; border-top:2px solid #c1ae7c; border-bottom:none }

/* =============================================
   Bouton valider la commande
   ============================================= */
#place_order { width:100%; padding:.9rem 1rem; background:#c1ae7c; color:#fff; border:none; border-radius:3px; font-family:'Roboto', sans-serif; font-size:1rem; text-transform:uppercase; letter-spacing:.08em; cursor:pointer; margin-top:1rem; transition:background .2s }
#place_order:hover { background:#a8975f }

/* =============================================
   Liens & mentions
   ============================================= */
.woocommerce-checkout a { color:#c1ae7c }
.woocommerce-checkout a:hover { color:#a8975f }
.woocommerce-privacy-policy-text { font-size:.8rem; color:#888; margin-top:.5rem }

/* =============================================
   Responsive – une colonne sous 768px
   ============================================= */
@media(max-width:768px) {
  #customer_details,
  #order_review { flex:1 1 100% }
}