/* =====================================================================
   A11Y-TOUCH 2026-11-08 — objetivos táctiles >=44x44 px (WCAG 2.5.5 AAA)
   Cargado el último en todas las plantillas de la tienda.
   Alcance: controles interactivos, tarjetas, breadcrumbs y footer.
   Excepción documentada: enlaces inline DENTRO de prosa (WCAG 2.5.8 los
   exime) — no se fuerzan para no romper el flujo de lectura.
   NO aplica a wattsaver.com (raíz): solo tienda.wattsaver.com.
   ===================================================================== */

button,
select,
textarea,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.quick-btn,
.filter-pill,
.dept-pill,
.scenario-tab,
.ws-dot,
.related-quote-add,
.related-wa-btn,
.header-quote-btn,
.dept-scroll-btn,
.skip-link,
.brand-logo-wrap,
.cur-btn,
.social-dot,
.socials a,
.footer-social a,
.bento-ml-cta,
.crumbs a {
  min-height: 44px !important;
  min-width: 44px !important;
}

/* Centrado vertical sin alterar el layout de chips y botones */
button,
.quick-btn,
.filter-pill,
.dept-pill,
.scenario-tab,
.ws-dot,
.related-quote-add,
.related-wa-btn,
.header-quote-btn,
.dept-scroll-btn,
.skip-link,
.brand-logo-wrap,
.cur-btn,
.social-dot,
.socials a,
.footer-social a,
.bento-ml-cta,
.crumbs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Enlaces de tarjeta, breadcrumbs y footer: área táctil real */
.product-title a,
.related-card a,
.breadcrumbs a,
.breadcrumb a,
footer a,
.footer a,
.footer-links a,
.footer-nav a,
.legal a,
.legal-links a {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Casillas: el objetivo real es la etiqueta completa */
.check-item {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px;
}

/* Restituir ocultamientos que este bloque no debe anular */
@media (max-width: 900px) { .dept-wa { display: none !important; } }
@media (max-width: 640px) { .topbar-link, .topbar-phone { display: none !important; } }

/* Aire para que las pills de 44px no choquen con el botón sticky */
.dept-scroll { padding-inline-end: 10px; }

/* Carrusel del hero: en pantallas táctiles las flechas se superponían al CTA
   "ABRIR CONFIGURADOR DE ZONAS" e interceptaban el toque. Se ocultan y quedan
   swipe + dots como affordance (defecto detectado 2026-11-08, preexistente). */
@media (max-width: 640px) {
  .ws-hero-arrow { display: none !important; }
}

/* Enlaces de acción del header (medidos 2026-11-08) */
.action-link { min-height: 44px !important; display: inline-flex !important; align-items: center !important; }

/* Botón "Asesoría técnica" de la barra de departamentos (visible >900px) */
@media (min-width: 901px) {
  .dept-wa { min-height: 44px !important; display: inline-flex !important; align-items: center !important; }
}