/* COMPRA — carrito, pago, gracias y mi cuenta. Dueño: agente 3.
   assets/ionika.css es copia exacta de maqueta/styles.css y no se edita: lo propio de esta zona va aquí. */

/* WPForms: formularios de contacto y otros. Campos 16px, 48–52px, borde menta-2, foco oliva, botón petroleo */
.wpforms-container input[type=text], .wpforms-container input[type=email], .wpforms-container input[type=tel],
.wpforms-container input[type=number], .wpforms-container textarea, .wpforms-container select {
  font-size: 16px !important; min-height: 48px !important; padding: 12px 14px !important;
  border-radius: 12px !important; border: 1px solid var(--menta-2) !important;
  background-color: var(--blanco) !important; color: var(--petroleo) !important;
}
.wpforms-container input:focus, .wpforms-container textarea:focus, .wpforms-container select:focus {
  outline: none !important; border-color: var(--verde) !important; box-shadow: 0 0 0 3px rgba(78, 92, 42, 0.1) !important;
}
.wpforms-container label { font-size: 13px; font-weight: 500; color: var(--petroleo); margin-bottom: 0.5rem; display: block; }
.wpforms-container .wpforms-field-label { font-size: 13px; font-weight: 500; color: var(--petroleo); }
.wpforms-container .wpforms-field-description { font-size: 13px; color: var(--tinta-2); }
.wpforms-container button[type=submit], .wpforms-container .wpforms-submit button {
  background-color: var(--petroleo) !important; color: var(--blanco) !important; border-radius: 999px !important;
  font-family: var(--fuente) !important; font-size: 16px !important; min-height: 48px !important;
  padding: 12px 26px !important; border: none !important; cursor: pointer !important;
}
.wpforms-container button[type=submit]:hover, .wpforms-container .wpforms-submit button:hover {
  background-color: var(--hondo) !important; box-shadow: 0 14px 28px -18px rgba(58, 69, 32, 0.5) !important;
}

/* Carrito, pago y cuenta (páginas de Kadence) */
.woocommerce-cart .content-area, .woocommerce-checkout .content-area, .woocommerce-account .content-area { margin-block: clamp(28px, 4vw, 56px); }
.woocommerce-cart .entry-title, .woocommerce-checkout .entry-title, .woocommerce-account .entry-title { font-family: var(--serif); font-weight: 500; }
.woocommerce a.button, .woocommerce button.button, .wc-block-components-button:not(.is-link) {
  border-radius: 999px !important; background: var(--verde) !important; color: var(--blanco) !important; font-family: var(--fuente) !important;
}

/* 3.3: Ancho máximo 1200px con grid 1.1fr/.9fr (no 760px) */
.woocommerce-cart .site-content, .woocommerce-checkout .site-content, .woocommerce-account .site-content {
  max-width: 1200px; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(24px, 4vw, 48px);
}
.woocommerce-cart .primary, .woocommerce-checkout .primary { grid-column: 1; }
.woocommerce-cart .secondary, .woocommerce-checkout .secondary { grid-column: 2; position: sticky; top: 100px; height: fit-content; }

/* 3.4: Carrito en móvil */
@media (max-width: 768px) {
  .woocommerce-cart .site-content { grid-template-columns: 1fr; }
  .woocommerce-cart table.shop_table tr { display: block; padding: 1rem 0; border-bottom: 1px solid var(--linea); }
  .woocommerce-cart table.shop_table td { display: flex; justify-content: space-between; padding: 0.25rem 0; border: none; }
}

/* 3.5: Campos 48px+, radio 12, borde menta-2, 16px, foco oliva */
.woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="tel"],
.woocommerce input[type="number"], .woocommerce input[type="password"], .woocommerce textarea, .woocommerce select {
  min-height: 48px !important; padding: 12px 14px !important; border-radius: 12px !important; border: 1px solid var(--menta-2) !important;
  font-size: 16px !important; background-color: var(--blanco) !important; color: var(--petroleo) !important;
}
.woocommerce input[type="checkbox"] {
  width: 20px !important; height: 20px !important; accent-color: var(--verde) !important;
}
.woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus {
  outline: none !important; border-color: var(--verde) !important; box-shadow: 0 0 0 3px rgba(78, 92, 42, 0.1) !important;
}
.woocommerce label { font-size: 13px; font-weight: 500; margin-bottom: 0.5rem; display: block; color: var(--petroleo); }
.woocommerce-form-row label[for="rememberme"] {
  display: flex !important; align-items: center !important; gap: 8px !important; min-height: 44px !important;
  font-size: 14px !important;
}
.woocommerce .show-password-input { font-size: 14px !important; min-height: 44px !important; padding: 8px 12px !important; }
.woocommerce a.button.wc-backward { min-height: 48px !important; padding: 12px 26px !important; display: inline-flex; align-items: center; }
.woocommerce .woocommerce-LostPassword.lost_password a { font-size: 14px !important; }

/* 3.6: Métodos de pago como tarjetas */
.woocommerce-payment-methods li { border: 1px solid var(--linea); border-radius: 18px; padding: 1rem; }
.woocommerce-payment-methods input[type="radio"] { accent-color: var(--verde); width: 18px; height: 18px; }
.woocommerce-payment-methods input[type="radio"]:checked + label { background-color: var(--bruma); border-color: var(--verde); }

/* 3.14: Moneda sin espacio, numerales de caja alta */
.woocommerce .woocommerce-Price-amount { font-family: var(--serif); font-feature-settings: "lnum" 1, "tnum" 1; font-variant-numeric: tabular-nums; }
.woocommerce .woocommerce-Price-currencySymbol { margin-right: 0; }
.woocommerce-checkout .order-total .woocommerce-Price-amount { font-size: 1.8rem; }