/* ========================================

   CHECKOUT PAGE - STYLES MODERNES

======================================== */



/* Padding-top pour la page checkout et confirmation */

.woocommerce-checkout-page {

  padding-top: 8rem;

}



/* Cacher le bandeau code promo (déjà disponible au panier) */

.woocommerce-checkout-page .woocommerce-form-coupon-toggle {

  display: none !important;

}



/* Page title */

.checkout .page-title {

  font-family: var(--heading-font);

  font-size: 32px;

  font-weight: 700;

  color: var(--bs-gray-dark);

  margin-bottom: 2rem;

}



/* Sections checkout */

.checkout-billing,

.checkout-shipping,

.checkout-review-order {

  background-color: #ffffff;

  border: 1px solid #e9ecef;

  border-radius: var(--radius-lg);

  padding: 2rem;

  margin-bottom: 1.5rem;

}



/* Titres des sections */

.checkout h3,

.checkout .woocommerce-billing-fields h3,

.checkout .woocommerce-shipping-fields h3,

.checkout .woocommerce-additional-fields h3 {

  font-family: var(--heading-font);

  font-size: 20px;

  font-weight: 600;

  color: var(--bs-gray-dark);

  margin: 0 0 1.5rem 0;

  padding-bottom: 1rem;

  border-bottom: 2px solid #f8f9fa;

}



/* Labels */

.woocommerce-checkout label {

  font-weight: 500;

  color: var(--bs-gray-dark);

  margin-bottom: 0.5rem;

  display: block;

  font-size: var(--text-sm);

}



/* Inputs - même style que edit-account */

.woocommerce-checkout input[type='text'],

.woocommerce-checkout input[type='email'],

.woocommerce-checkout input[type='tel'],

.woocommerce-checkout input[type='number'],

.woocommerce-checkout input[type='password'],

.woocommerce-checkout textarea,

.woocommerce-checkout select {

  width: 100%;

  padding: 0.75rem 1rem;

  background-color: #ffffff;

  border: none;

  border-radius: var(--radius-sm);

  font-size: var(--text-md);

  font-family: var(--body-font);

  color: var(--bs-gray-dark);

  transition: all 0.3s ease;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* Select2 pour checkout */

.woocommerce-checkout .select2-container .select2-selection--single {

  height: auto;

  padding: 0.75rem 1rem;

  background-color: #ffffff;

  border: none;

  border-radius: var(--radius-sm);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* Focus inputs */

.woocommerce-checkout input:focus,

.woocommerce-checkout textarea:focus,

.woocommerce-checkout select:focus {

  outline: none;

  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* Form rows spacing */

.woocommerce-checkout .form-row {

  margin-bottom: 1.5rem;

}



/* Récapitulatif de commande */

.checkout-review-order {

  position: sticky;

  top: 2rem;

}



.checkout-review-order h3 {

  border-bottom: 2px solid var(--bs-primary);

  color: var(--bs-gray-dark);

  padding-bottom: 1rem;

  margin-bottom: 1.5rem;

}



/* Tableau récapitulatif */

.woocommerce-checkout-review-order-table {

  width: 100%;

  border-collapse: collapse;

  margin-bottom: 1.5rem;

  table-layout: fixed;

}



.woocommerce-checkout-review-order-table th,

.woocommerce-checkout-review-order-table td {

  padding: 1rem;

  font-family: var(--body-font);

  border-bottom: 1px solid #f8f9fa;

}



/* Première colonne - alignée à gauche */

.woocommerce-checkout-review-order-table th:first-child,

.woocommerce-checkout-review-order-table td:first-child {

  text-align: left;

  width: 70%;

}



/* Deuxième colonne - alignée à droite */

.woocommerce-checkout-review-order-table th:last-child,

.woocommerce-checkout-review-order-table td:last-child {

  text-align: right;

  width: 30%;

}



.woocommerce-checkout-review-order-table th {

  font-weight: 600;

  color: var(--bs-gray-dark);

  font-size: var(--text-sm);

}



.woocommerce-checkout-review-order-table td {

  color: var(--bs-gray-medium);

  font-size: var(--text-md);

}



.woocommerce-checkout-review-order-table .cart-subtotal th,

.woocommerce-checkout-review-order-table .cart-subtotal td,

.woocommerce-checkout-review-order-table .order-total th,

.woocommerce-checkout-review-order-table .order-total td {

  font-size: var(--text-lg);

  font-weight: 600;

  color: var(--bs-gray-dark);

}



.woocommerce-checkout-review-order-table .order-total {

  border-top: 2px solid var(--bs-primary);

  background-color: #f8f9fa;

}



/* Méthodes de paiement */

.woocommerce-checkout-payment {

  background-color: #f8f9fa;

  border-radius: var(--radius-md);

  padding: 1.5rem;

  margin-top: 1.5rem;

}



.woocommerce-checkout-payment ul {

  list-style: none;

  padding: 0;

  margin: 0 0 1rem 0;

}



.woocommerce-checkout-payment li {

  margin-bottom: 1rem;

}



.woocommerce-checkout-payment label {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  padding: 1rem;

  background-color: #ffffff;

  border-radius: var(--radius-sm);

  cursor: pointer;

  transition: all 0.3s ease;

  border: 2px solid transparent;

}



.woocommerce-checkout-payment input[type='radio']:checked + label {

  border-color: var(--bs-primary);

  background-color: rgba(13, 110, 253, 0.05);

}



/* Bouton passer commande */

.woocommerce-checkout #place_order {

  width: 100%;

  padding: 1rem 2rem;

  background-color: var(--bs-primary);

  color: #ffffff;

  border: 1px solid var(--bs-primary);

  border-radius: var(--radius-sm);

  font-family: var(--body-font);

  font-size: var(--text-lg);

  font-weight: 600;

  cursor: pointer;

  transition: all 0.3s ease;

  text-transform: uppercase;

  letter-spacing: 0.5px;

}



.woocommerce-checkout #place_order:hover {

  background-color: var(--bs-primary);

  opacity: 0.9;

  transform: translateY(-2px);

  box-shadow: 0 8px 16px rgba(13, 110, 253, 0.25);

}



/* Required */

.woocommerce-checkout .required {

  color: #dc3545;

  font-weight: 600;

}



/* Optional */

.woocommerce-checkout .optional {

  font-weight: 400;

  color: var(--bs-gray-medium);

  font-size: var(--text-xs);

}



/* ========================================

   ORDER RECEIVED PAGE - PAGE DE CONFIRMATION

======================================== */



/* Message de remerciement */

.woocommerce-thankyou-order-received {

  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);

  color: #ffffff;

  padding: 2rem;

  border-radius: var(--radius-lg);

  text-align: center;

  font-size: var(--text-xl);

  font-weight: 600;

  margin-bottom: 2rem;

  border: none;

  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2);

}



.woocommerce-thankyou-order-received::before {

  content: '✓';

  display: inline-block;

  width: 50px;

  height: 50px;

  line-height: 50px;

  background-color: rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  margin-right: 1rem;

  font-size: 28px;

  font-weight: bold;

}



/* Récapitulatif de commande (overview) */

.woocommerce-order-overview {

  display: flex;

  flex-wrap: wrap;

  gap: 1.5rem;

  list-style: none;

  padding: 0;

  margin: 0 0 3rem 0;

}



.woocommerce-order-overview li {

  background-color: #ffffff;

  border: none !important;

  border-radius: var(--radius-md);

  padding: 1.5rem;

  text-align: center;

  transition: all 0.3s ease;

  display: flex;

  flex-direction: column;

  justify-content: center;

  font-size: var(--text-sm);

  color: var(--bs-gray-medium);

  font-weight: 500;

  flex: 1;

  min-width: 180px;

  margin-right: 0 !important;

  padding: 20px !important;

}



.woocommerce-order-overview li:hover {

  transform: translateY(-2px);

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

  border-color: var(--bs-primary);

}



.woocommerce-order-overview li strong {

  display: block;

  font-size: var(--text-lg);

  color: var(--bs-primary);

  font-weight: 700;

  margin-top: 0.5rem;

}



/* Section détails de commande */

.woocommerce-order-details {

  background-color: #ffffff;

  border: 1px solid #e9ecef;

  border-radius: var(--radius-lg);

  padding: 2rem;

  margin-bottom: 2rem;

}



.woocommerce-order-details__title {

  font-family: var(--heading-font);

  font-size: 24px;

  font-weight: 700;

  color: var(--bs-gray-dark);

  margin: 0 0 1.5rem 0;

  padding-bottom: 1rem;

  border-bottom: 2px solid var(--bs-primary);

}



/* Tableau détails de commande */

.woocommerce-table--order-details {

  width: 100%;

  border-collapse: collapse;

  table-layout: fixed;

}



.woocommerce-table--order-details thead th {

  background-color: #f8f9fa;

  padding: 1rem;

  font-weight: 600;

  color: var(--bs-gray-dark);

  font-size: var(--text-sm);

  text-transform: uppercase;

  letter-spacing: 0.5px;

  border-bottom: 2px solid #e9ecef;

}



.woocommerce-table--order-details thead th:first-child {

  text-align: left;

  width: 70%;

}



.woocommerce-table--order-details thead th:last-child {

  text-align: right;

  width: 30%;

}



.woocommerce-table--order-details tbody td {

  padding: 1.25rem 1rem;

  border-bottom: 1px solid #f8f9fa;

  font-size: var(--text-md);

}



.woocommerce-table--order-details tbody td:first-child {

  text-align: left;

}



.woocommerce-table--order-details tbody td:last-child {

  text-align: right;

  font-weight: 600;

  color: var(--bs-gray-dark);

}



.woocommerce-table--order-details tbody td a {

  color: var(--bs-gray-dark);

  text-decoration: none;

  transition: color 0.3s ease;

}



.woocommerce-table--order-details tbody td a:hover {

  color: var(--bs-primary);

}



.woocommerce-table--order-details tbody td .product-quantity {

  color: var(--bs-gray-medium);

  font-weight: 400;

  margin-left: 0.5rem;

}



/* Footer du tableau */

.woocommerce-table--order-details tfoot th,

.woocommerce-table--order-details tfoot td {

  padding: 1rem;

  font-size: var(--text-md);

  border-bottom: 1px solid #f8f9fa;

}



.woocommerce-table--order-details tfoot th {

  text-align: left;

  font-weight: 600;

  color: var(--bs-gray-dark);

  width: 70%;

}



.woocommerce-table--order-details tfoot td {

  text-align: right;

  font-weight: 600;

  width: 30%;

}



.woocommerce-table--order-details tfoot tr:last-child th,

.woocommerce-table--order-details tfoot tr:last-child td {

  background-color: #f8f9fa;

  font-size: var(--text-lg);

  color: var(--bs-primary);

  border-top: 2px solid var(--bs-primary);

  border-bottom: none;

}



/* Section adresses client */

.woocommerce-customer-details {

  margin-top: 2rem;

}



.woocommerce-columns--addresses {

  display: flex;

  gap: 2rem;

}



.woocommerce-column {

  background-color: #ffffff;

  border: 1px solid #e9ecef;

  border-radius: var(--radius-lg);

  padding: 2rem;

  flex: 1;

  width: 50% !important;

  float: none !important;

}



/* Responsive pour mobiles */

@media (max-width: 768px) {

  .woocommerce-columns--addresses {

    flex-direction: column;

  }



  .woocommerce-column {

    width: 100% !important;

  }

}



.woocommerce-column__title {

  font-family: var(--heading-font);

  font-size: 18px;

  font-weight: 700;

  color: var(--bs-gray-dark);

  margin: 0 0 1.5rem 0;

  padding-bottom: 1rem;

  border-bottom: 2px solid #f8f9fa;

}



.woocommerce-column address {

  font-style: normal;

  line-height: 1.8;

  color: var(--bs-gray-medium);

  font-size: var(--text-md);

}



.woocommerce-column address p {

  margin: 0.5rem 0 0 0;

}



.woocommerce-customer-details--email {

  margin-top: 1rem;

  padding-top: 1rem;

  border-top: 1px solid #f8f9fa;

  color: var(--bs-primary);

  font-weight: 500;

}