/* =========================================================
   RR Audiocar — Overrides para el plugin Checkout-Pro / Aero
   - Fix del select2 (Provincia y otros): dropdown alineado, legible.
   - Hide de elementos confusos del sidebar (Gastos de envío icon, Cupón icon,
     "Ingrese su dirección para ver opciones de envío").
   - Botón Checkout con branding rojo del sitio.
   ========================================================= */

:root{
  --rrcp-red:#75AADB;
  --rrcp-red-dark:#23699D;
  --rrcp-border:#e5e7eb;
  --rrcp-text:#111827;
  --rrcp-muted:#6b7280;
  --rrcp-bg:#f7f8fa;
  --rrcp-surface:#ffffff;
  --rrcp-radius:12px;
}

/* =====================================================
   INPUTS, SELECTS Y TEXTAREAS — uniformados
   ===================================================== */
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .cp-form-row input,
body.woocommerce-checkout .cp-form-row textarea,
body.woocommerce-checkout .cp-form-row select{
  width:100% !important;
  min-height:46px !important;
  padding:0 14px !important;
  border:1px solid var(--rrcp-border) !important;
  border-radius:10px !important;
  background:#fff !important;
  font-size:14px !important;
  color:var(--rrcp-text) !important;
  box-shadow:none !important;
  transition:border-color .15s, box-shadow .15s;
}
body.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .form-row textarea:focus,
body.woocommerce-checkout .cp-form-row input:focus,
body.woocommerce-checkout .cp-form-row select:focus{
  outline:none !important;
  border-color:var(--rrcp-red) !important;
  box-shadow:0 0 0 3px rgba(117, 170, 219, .10) !important;
}
body.woocommerce-checkout .form-row textarea{
  min-height:90px !important;
  padding-top:10px !important;
}

body.woocommerce-checkout .form-row label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--rrcp-text);
  margin:0 0 6px;
}
body.woocommerce-checkout .form-row label .required,
body.woocommerce-checkout .form-row label .optional{
  color:var(--rrcp-red);
  font-weight:700;
}

/* =====================================================
   SELECT2 — Provincia y similares
   ===================================================== */

/* Selección visible: hacela parecer un input normal */
.woocommerce-checkout .select2-container--default .select2-selection--single,
.cp-checkout-form .select2-container--default .select2-selection--single{
  height:46px !important;
  border:1px solid var(--rrcp-border) !important;
  border-radius:10px !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  padding:0 36px 0 14px !important;
  box-shadow:none !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.cp-checkout-form .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:44px !important;
  height:44px !important;
  padding:0 !important;
  color:var(--rrcp-text) !important;
  font-size:14px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__placeholder,
.cp-checkout-form .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:#9ca3af !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.cp-checkout-form .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:44px !important;
  width:30px !important;
  right:6px !important;
  top:0 !important;
}
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single,
.cp-checkout-form .select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--rrcp-red) !important;
  box-shadow:0 0 0 3px rgba(117, 170, 219, .10) !important;
}

/* Dropdown desplegado: legible, posicionado correctamente */
.select2-container--default .select2-dropdown,
.select2-dropdown{
  border:1px solid var(--rrcp-border) !important;
  border-radius:10px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
  margin-top:4px !important;
  overflow:hidden !important;
  background:#fff !important;
  z-index:99999 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  border:1px solid var(--rrcp-border) !important;
  border-radius:8px !important;
  padding:8px 10px !important;
  font-size:14px !important;
}
.select2-container--default .select2-results__option{
  padding:10px 14px !important;
  font-size:14px !important;
  color:var(--rrcp-text) !important;
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  line-height:1.3 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted{
  background:#F5FBFF !important;
  color:var(--rrcp-red) !important;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
  background:#F5FBFF !important;
  color:var(--rrcp-red-dark) !important;
  font-weight:600 !important;
}

/* =====================================================
   SIDEBAR (resumen de pedido) — limpiar elementos confusos
   ===================================================== */

/* Iconos / labels que confunden:
   - "Gastos de envío" como label con ícono vacío arriba del subtotal
   - "Cupón" como label con ícono al lado
   - "Ingrese su dirección para ver las opciones de envío." dentro de un círculo
   El plugin checkout-pro usa nombres de clases que pueden variar; usamos
   selectores defensivos por contenido (atributos data-*) y por tipos comunes. */

/* Iconos redondos con label suelto (cp-summary-icons) */
.cp-summary-icons,
.cp-summary-icon-group,
.cp-checkout-icons,
.cp-checkout-actions-icons{
  display:none !important;
}

/* Si el plugin renderiza los íconos como elementos sueltos dentro del sidebar
   antes del subtotal, los ocultamos por su tipo común. */
.cp-checkout-sidebar > .cp-shipping-icon,
.cp-checkout-sidebar > .cp-coupon-icon,
.woocommerce-checkout-review-order > .cp-shipping-icon,
.woocommerce-checkout-review-order > .cp-coupon-icon{
  display:none !important;
}

/* IMPORTANTE: NO ocultar selectores genéricos relacionados con shipping
   (estaban bloqueando los radios de Andreani). Solo apuntamos a clases del
   plugin checkout-pro que sabemos que son textos confusos, NUNCA a contenedores
   ni a botones/radios. Si surge otro texto confuso, agregalo aquí por clase
   específica. */
.cp-no-shipping-address,
.cp-shipping-prompt-empty{
  display:none !important;
}

/* =====================================================
   SIDEBAR / TOTALS — look limpio
   ===================================================== */
.woocommerce-checkout-review-order,
.cp-checkout-sidebar,
.cp-order-review{
  background:var(--rrcp-surface) !important;
  border:1px solid var(--rrcp-border) !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.05) !important;
  padding:18px !important;
}

.woocommerce-checkout-review-order-table,
.cp-order-review-table,
.shop_table{
  border:0 !important;
  border-collapse:collapse !important;
  width:100% !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
.cp-order-review-table th,
.cp-order-review-table td,
.shop_table th,
.shop_table td{
  border:0 !important;
  background:transparent !important;
  padding:10px 4px !important;
  font-size:14px !important;
  color:var(--rrcp-text) !important;
}
.woocommerce-checkout-review-order-table th,
.cp-order-review-table th,
.shop_table th{
  color:var(--rrcp-muted) !important;
  font-weight:500 !important;
}
.woocommerce-checkout-review-order-table tr,
.cp-order-review-table tr,
.shop_table tr{
  border-bottom:1px dashed #eef2f6 !important;
}
.woocommerce-checkout-review-order-table tr.order-total,
.cp-order-review-table tr.order-total,
.shop_table tr.order-total{
  border-bottom:0 !important;
}
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td,
.cp-order-review-table tr.order-total th,
.cp-order-review-table tr.order-total td,
.shop_table tr.order-total th,
.shop_table tr.order-total td{
  padding-top:14px !important;
  font-size:16px !important;
  font-weight:800 !important;
}
.woocommerce-checkout-review-order-table tr.order-total .amount,
.cp-order-review-table tr.order-total .amount,
.shop_table tr.order-total .amount{
  font-size:22px !important;
  color:var(--rrcp-text) !important;
}

/* CTA: botón checkout */
#place_order,
.cp-place-order,
.cp-checkout-button,
button[name="woocommerce_checkout_place_order"]{
  width:100% !important;
  height:56px !important;
  background:var(--rrcp-red) !important;
  background-image:none !important;
  color:#fff !important;
  border:0 !important;
  border-radius:14px !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  text-transform:none !important;
  margin-top:14px !important;
  box-shadow:0 10px 24px rgba(117, 170, 219, .22) !important;
  transition:background .15s, transform .05s !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
#place_order:hover,
.cp-place-order:hover,
.cp-checkout-button:hover,
button[name="woocommerce_checkout_place_order"]:hover{
  background:var(--rrcp-red-dark) !important;
}
#place_order:active{ transform:translateY(1px) !important; }

/* =====================================================
   MOBILE
   ===================================================== */
@media (max-width: 768px){
  body.woocommerce-checkout .form-row input.input-text,
  body.woocommerce-checkout .form-row textarea,
  body.woocommerce-checkout .cp-form-row input,
  body.woocommerce-checkout .cp-form-row textarea,
  body.woocommerce-checkout .cp-form-row select{
    font-size:16px !important; /* evita zoom en iOS */
  }
  .woocommerce-checkout-review-order,
  .cp-checkout-sidebar,
  .cp-order-review{
    padding:14px !important;
  }
  #place_order,
  .cp-place-order{
    height:52px !important;
    font-size:15px !important;
  }
}