/**
 * 2025-06-28 — by ChatGPT
 * WooCommerce Checkout — CSS FINAL CONSOLIDADO
 * Alineación uniforme de Detalles de la Orden y Método de Pago con el resto del Checkout (Enfold)
 */

@media (min-width: 1024px) {
  /* Contenedor general del Checkout */
  .woocommerce-checkout form.checkout,
  .woocommerce-checkout .woocommerce,
  .woocommerce-checkout .checkout,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout .custom-section-heading,
  .woocommerce-checkout #payment {
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  /* Encabezado Detalles de la Orden: igual a Método de Pago */
  #order_review_heading {
    background-color: #d8ecf7 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    border-left: 5px solid #337ab7 !important;
    padding: 10px 20px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    display: block !important;
  }

  /* Encabezado Método de Pago (si usa <strong> dentro de .custom-section-heading) */
  .custom-section-heading {
    background-color: #d8ecf7 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    border-left: 5px solid #337ab7 !important;
    padding: 10px 20px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    display: block !important;
  }

  /* Tabla de resumen de orden */
  .woocommerce-checkout-review-order-table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  .woocommerce-checkout-review-order-table th,
  .woocommerce-checkout-review-order-table td {
    word-wrap: break-word;
    text-align: left !important;
  }

  /* Botón de realizar pedido */
  #place_order {
    display: block !important;
    margin: 30px auto !important;
    padding: 14px 40px !important;
    font-size: 16px !important;
    background-color: #0059a9 !important;
    border: none !important;
    color: white !important;
    border-radius: 5px !important;
    cursor: pointer !important;
  }

  #place_order:hover {
    background-color: #003d73 !important;
  }
}

/* Campos de formulario a 100% de ancho */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  max-width: 100% !important;
  width: 100% !important;
}

/**
 * 2025-06-28 — by ChatGPT
 * Override absoluto para alinear 'Detalles de la Orden'
 */

@media (min-width: 1024px) {
  #order_review_heading {
    width: 80% !important;
    max-width: 80% !important;
    margin: 40px auto 20px auto !important;
    padding: 10px 20px !important;
    background-color: #d8ecf7 !important;
    border-left: 5px solid #337ab7 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;
  }
}

/**
 * 2025-06-28 — by ChatGPT
 * Incrementa tamaño de letra en encabezados de Checkout para igualar a 'Datos de Facturación'
 */

@media (min-width: 1024px) {
  #order_review_heading,
  .custom-section-heading {
    font-size: 24px !important; /* Ajusta según el tamaño exacto que uses en Datos de Facturación */
    font-weight: bold !important;
  }
}