/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/

/* ===== CHECKOUT IDEAMOS TU FUTURO ===== */

/* Fondo y color base de la página */
.woocommerce-page.woocommerce-checkout,
body.woocommerce-checkout {
  background-color: #111111;
  color: #ffffff;
}

/* Título de la página */
.woocommerce-checkout h1,
.entry-title {
  color: #ffffff;
  border-left: 4px solid #FFC107;
  padding-left: 14px;
}

/* Barra de cupón */
.woocommerce-form-coupon-toggle .woocommerce-info {
  background: #1e1e1e;
  border-top-color: #FFC107;
  color: #cccccc;
  border-radius: 8px;
  font-size: 14px;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
  color: #FFC107 !important;
}

/* Sección de facturación */
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading {
  color: #FFC107;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

/* Labels */
.woocommerce-checkout .form-row label {
  color: #aaaaaa;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

/* Campos de texto e inputs */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  background: #111111 !important;
  border: 1px solid #444444 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px;
  transition: border-color 0.2s;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus {
  border-color: #FFC107 !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.15) !important;
}

/* Select - flecha */
.woocommerce-checkout .form-row select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23FFC107' fill='none' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

/* Caja de pedido (order review) */
#order_review {
  background: #1e1e1e;
  border: 1px solid #FFC107;
  border-radius: 12px;
  padding: 24px;
}

/* Tabla del pedido */
table.shop_table {
  background: transparent;
  color: #ffffff;
  border: none;
}
table.shop_table th {
  color: #FFC107;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  border-bottom: 1px solid #333 !important;
}
table.shop_table td {
  color: #cccccc;
  border-color: #333333 !important;
  padding: 10px 0;
}
table.shop_table .order-total td,
table.shop_table .order-total th {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
table.shop_table .order-total .amount {
  color: #FFC107;
}

/* Nota de privacidad */
.woocommerce-privacy-policy-text p {
  color: #666666;
  font-size: 12px;
  line-height: 1.6;
}
.woocommerce-privacy-policy-text a {
  color: #FFC107;
}

/* Botón "Realizar el pedido" */
#place_order,
.woocommerce-checkout #payment #place_order {
  background: #FFC107 !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  width: 100% !important;
  cursor: pointer;
  transition: background 0.2s;
}
#place_order:hover {
  background: #e0a800 !important;
}

/* Sección de pago */
#payment {
  background: #1e1e1e !important;
  border-radius: 10px;
  border: 1px solid #333 !important;
}
#payment .payment_methods li {
  border-color: #333 !important;
  color: #cccccc;
}
#payment .payment_methods li label {
  color: #cccccc;
}

/* Mensajes de error */
.woocommerce-error,
.woocommerce-message {
  border-top-color: #FFC107 !important;
  background: #1e1e1e !important;
  color: #cccccc !important;
  border-radius: 8px;
}

/* Select2 (si está activo) */
.select2-container--default .select2-selection--single {
  background: #111 !important;
  border: 1px solid #444 !important;
  border-radius: 8px !important;
  color: #fff !important;
  height: 42px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  line-height: 42px !important;
}
.select2-dropdown {
  background: #1e1e1e !important;
  border: 1px solid #444 !important;
  color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted {
  background: #FFC107 !important;
  color: #111 !important;
}