/* ============================================================================
   WooCommerce Offers — Capa premium / CRO para el modal de compra
   Se aplica ENCIMA del estilo actual, sin tocar el widget. Pule forma,
   espaciado, jerarquía y confianza para subir conversión. Fondo blanco.
   ============================================================================ */

/* ---- Contenedor del modal ---- */
.woo-offers-modal-content{
  background:#ffffff !important;
  border-radius:20px !important;
  box-shadow:0 24px 70px rgba(15,46,87,.22) !important;
}
.woo-offers-modal-content *{ -webkit-font-smoothing:antialiased; }

/* ---- Títulos de sección ---- */
.woo-offers-modal-content .woo-offers-section-title,
.woo-offers-modal-content .woo-offers-offer-title,
.woo-offers-modal-content .woo-offers-variation-selection-title{
  letter-spacing:.2px !important;
}

/* ---- Tarjetas de oferta (cantidad) ---- */
.woo-offers-modal-content .woo-offers-option-card{
  border-radius:14px !important;
  border-width:2px !important;
  transition:border-color .15s, box-shadow .15s, transform .12s, background .15s !important;
}
.woo-offers-modal-content .woo-offers-option-card:hover{
  border-color:#00A8C6 !important;
  transform:translateY(-1px) !important;
}
.woo-offers-modal-content .woo-offers-option-card.selected,
.woo-offers-modal-content .woo-offers-option-card.woo-offers-selected{
  border-color:#00A8C6 !important;
  box-shadow:0 8px 22px rgba(0,168,198,.16) !important;
}

/* ---- Swatches / variaciones ---- */
.woo-offers-modal-content .woo-offers-variation-row,
.woo-offers-modal-content .woo-offers-variation-unit-section{
  border-radius:12px !important;
}

/* ---- Campos de datos ---- */
.woo-offers-modal-content input,
.woo-offers-modal-content select,
.woo-offers-modal-content textarea{
  border-radius:12px !important;
}
.woo-offers-modal-content input:focus,
.woo-offers-modal-content select:focus,
.woo-offers-modal-content textarea:focus{
  outline:none !important;
  border-color:#00A8C6 !important;
  box-shadow:0 0 0 3px rgba(0,168,198,.15) !important;
}

/* ---- Pasarelas de pago ---- */
.woo-offers-modal-content .woo-offers-payment-gateway-item{
  border-radius:12px !important;
  border-width:2px !important;
  transition:.15s !important;
}
.woo-offers-modal-content .woo-offers-payment-gateway-item.woo-offers-payment-gateway-selected{
  box-shadow:0 6px 16px rgba(0,168,198,.14) !important;
}

/* ---- Resumen de compra ---- */
.woo-offers-modal-content .woo-offers-summary-section{
  border-radius:16px !important;
  border:1px solid #e3ecf5 !important;
  box-shadow:0 6px 20px rgba(15,46,87,.06) !important;
}
.woo-offers-modal-content .woo-offers-summary-total,
.woo-offers-modal-content .woo-offers-summary-total-row{
  font-weight:800 !important;
}

/* ---- Check de seguridad ---- */
.woo-offers-modal-content .woo-offers-security-section{
  border-radius:12px !important;
}

/* ---- Botón principal (CTA) ---- */
/* Sin font-weight aquí: lo controla tu tipografía nativa del botón. */
.woo-offers-modal-content .woo-offers-button-submit{
  border-radius:14px !important;
  letter-spacing:.3px !important;
  box-shadow:0 10px 26px rgba(15,46,87,.24) !important;
  transition:transform .12s, box-shadow .12s, filter .12s !important;
}
.woo-offers-modal-content .woo-offers-button-submit:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 32px rgba(15,46,87,.32) !important;
  filter:brightness(1.03) !important;
}

/* ---- Suscripción: toggle y panel respiran dentro del modal ---- */
.woo-offers-modal-content .wofs-intro{ margin-top:6px !important; }
.woo-offers-modal-content .wofs-tipo{ margin-top:4px !important; }
.woo-offers-modal-content .wofs-reviews{ margin-top:18px !important; }

/* ---- Animación suave de aparición de secciones de suscripción ---- */
@keyframes wofsFade{ from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:none;} }
.woo-offers-modal-content .wofs-panel[style*="block"]{ animation:wofsFade .2s ease; }

/* ============================================================================
   Ajustes del formulario (compra única + suscripción)
   ============================================================================ */

/* Ofertas: imágenes completas, UNA sola columna (una debajo de otra) */
.woo-offers-modal-content .woo-offers-options-grid{ grid-template-columns:1fr !important; }

/* Ocultar ventas cruzadas (productos adicionales) cuando es suscripción */
#woo-offers-purchase-form.wofs-mode-sub .woo-offers-additional-products-section{ display:none !important; }

/* Ocultar la pregunta de seguridad "¿Estás 100% segura?" cuando se activa el interruptor */
#woo-offers-purchase-form.wofs-hide-security .woo-offers-security-section{ display:none !important; }

/* Menos espacio DEBAJO de la última oferta (compra única): simple → datos de envío,
   variable → variaciones. El hueco real lo generan el relleno/margen de la sección de
   cantidad y el margen de la última tarjeta. */
.woo-offers-modal-content .woo-offers-quantity-section{ padding-bottom:0 !important; margin-bottom:6px !important; }
.woo-offers-modal-content .woo-offers-offer-section{ margin-bottom:0 !important; }
.woo-offers-modal-content .woo-offers-options-grid{ margin-bottom:0 !important; }
.woo-offers-modal-content .woo-offers-options-grid .woo-offers-option-card:last-child{ margin-bottom:0 !important; }
.woo-offers-modal-content .woo-offers-offers-container{ margin-bottom:6px !important; }
.woo-offers-modal-content .woo-offers-variations-container{ margin-bottom:6px !important; }

/* Botón: PULSO SIN SOMBRA — solo movimiento (escala). Funciona en ambos modos y en el editor. */
@keyframes wofsBtnScale{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.035); } }
#woo-offers-purchase-form.wofs-pulse .woo-offers-button-submit{ animation:wofsBtnScale 1.5s ease-in-out infinite; transform-origin:center; }
@media (prefers-reduced-motion:reduce){
  #woo-offers-purchase-form.wofs-pulse .woo-offers-button-submit{ animation:none; }
}