/*
Theme Name: Hello Elementor Child - Pollos San Juan
Theme URI: https://pollossanjuan.es
Description: Child theme de Hello Elementor para Pollos San Juan (MD Marketing). Aloja CSS y funciones custom sin tocar el padre, sobreviviendo a actualizaciones.
Author: MD Marketing (Awakate)
Author URI: https://mdmarketing.es
Template: hello-elementor
Version: 0.2.0
Text Domain: hello-elementor-child
*/

/* ===========================================================
   PSJ-001 — Conflicto WhatsApp (WP Social Ninja Pro) ↔ carrito flotante (xoo-wsc)
   Ambos plugins anclan en bottom-right. El cart (xoo-wsc-basket) en bottom:12px
   con 60×60 px; el WhatsApp en bottom:25px con 55×55 px. Se solapan ~80%.
   Apilamos el WhatsApp por encima del carrito (mismo lado), respetando patrón
   mental "todo lo flotante a la derecha".
   Cart top edge ≈ bottom 72px → WhatsApp empieza en 90px (18px de aire).
   =========================================================== */
.wpsr-fm-chat-wrapper.wpsr-fm-bubble-position-bottom-right,
.wpsr-floating-icons.wpsr-fm-bubble-position-bottom-right {
    bottom: 90px !important;
}

/* La caja de chat expandida del WPSR cae directamente sobre el cart al abrir,
   subimos su anclaje al mismo offset que la burbuja. */
.wpsr-fm-chat-box {
    bottom: 90px !important;
}

/* PSJ-002 - Contador de subcategorias WooCommerce en <mark> (bg amarillo del user-agent stylesheet; Hello Elementor no lo resetea). Decision 2026-05-29 (JCC): ocultar el contador, no aporta al cliente en una web de restauracion. */
.woocommerce mark.count {
    display: none;
}
/* ===========================================================
   PSJ-003 — Auditoria 2026-05-29 (JCC/Claude). Overflow horizontal en tablet/desktop.
   Causa: el side-cart de Woo (.xoo-wsc-container, position:fixed off-canvas a la derecha)
   no estaba contenido porque html/body tenian overflow-x:visible -> barra horizontal
   en 768-1024px. No hay ningun elemento sticky en el header (verificado), asi que
   overflow-x:hidden es seguro. Tambien encapsula el desbordamiento de cualquier seccion
   ancha en breakpoints intermedios.
   =========================================================== */
html, body { overflow-x: hidden; }

/* ===========================================================
   PSJ-004 — Auditoria 2026-05-29. Home "Como trabajamos" desborda en tablet (+141px).
   .psj-work-flow es flex nowrap con steps de flex:0 0 220px (3x220 + gaps no caben
   <~1024px). Permitimos wrap y encogido en tablet/movil.
   =========================================================== */
@media (max-width: 1024px) {
  .psj-work-flow { flex-wrap: wrap !important; justify-content: center !important; }
  .psj-work-flow .psj-work-step { flex: 0 1 220px !important; max-width: 100%; }
}

/* ===========================================================
   PSJ-005 — Auditoria 2026-05-29. Encabezados de bloques WooCommerce casi invisibles.
   El tema los pinta en #f2f2f2 sobre blanco (ratio 1.11). Afecta Carrito ("Totales del
   carrito"), Checkout ("Detalles de facturacion", "Enviar a una direccion diferente") y
   Login. Forzamos color oscuro accesible (#1a1a1a sobre blanco ~ 16:1).
   =========================================================== */
.woocommerce .cart_totals h2,
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce h3,
.woocommerce form.checkout h3,
.woocommerce-account .woocommerce h2,
.woocommerce-cart .woocommerce h2,
#order_review_heading,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
  color: #1a1a1a !important;
}

/* ===========================================================
   PSJ-006 — Auditoria 2026-05-29. Contraste insuficiente del rojo/rosa de marca como
   TEXTO sobre fondos oscuros (WCAG AA texto normal = 4.5:1). Fix de las instancias
   targetizables con seguridad. El token global de "rojo texto" (headings rojos varios)
   queda PENDIENTE de Angel en Elementor > Global Colors (ver DECISIONES.md PSJ-AUD-01).
   - Item de menu activo: #d81014 sobre negro = 4:1 -> rojo accesible #FF5A5F (~6.8:1).
   - Enlaces legales del footer: #cc3366 sobre negro = 4.23 -> rosa accesible #ED9ABA.
   =========================================================== */
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
  color: #FF5A5F !important;
}
.elementor-location-footer a[href*="politica-de-privacidad"],
.elementor-location-footer a[href*="aviso-legal"],
.elementor-location-footer a[href*="politica-de-cookies"],
footer a[href*="politica-de-privacidad"],
footer a[href*="aviso-legal"],
footer a[href*="politica-de-cookies"] {
  color: #ED9ABA !important;
}

/* ===========================================================
   PSJ-007 — Auditoria 2026-05-29. Checkout: placeholder de los Select2 (provincia)
   con contraste 2.84 (#999 sobre blanco). Subimos a #6d6d6d (~5:1).
   =========================================================== */
.select2-container--default .select2-selection__placeholder,
.select2-selection__placeholder {
  color: #6d6d6d !important;
}

/* ===========================================================
   PSJ-008 — Auditoria 2026-05-29. Login: boton mostrar/ocultar contrasena con target
   tactil 22x22 (< 24 minimo WCAG 2.5.8). Lo llevamos a 24x24 sin descuadrar el campo.
   =========================================================== */
.woocommerce form .password-input .show-password-input,
.woocommerce-page form .password-input .show-password-input,
.show-password-input {
  width: 24px !important;
  height: 24px !important;
  top: calc(50% - 12px) !important;
  background-size: 18px 18px;
  background-position: center;
}

/* ===========================================================
   PSJ-009 — Auditoria 2026-05-29. Checkout/cuenta: enlaces de los textos legales
   (politica de privacidad / terminos) en rosa de marca con contraste insuficiente
   (color-contrast 4.19 y link-in-text-block 1.88 - "dependen del color"). Damos color
   accesible + subrayado para no depender solo del color (WCAG 1.4.1 / 1.4.3).
   =========================================================== */
.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-wrapper a,
.woocommerce-form-login a,
.e-con-inner .woocommerce-privacy-policy-text a {
  color: #b3115a !important;
  text-decoration: underline !important;
}

/* ===========================================================
   PSJ-011 — Auditoria 2026-05-29. Tras promover H3->H2 en secciones de checkout (a11y
   heading-order), color oscuro accesible en esos h2 (no heredar el #F2F2F2 invisible).
   (PSJ-010 token rojo REVERTIDO el 2026-05-29 a peticion del usuario; el rojo de marca
   vuelve a #D81014 y queda como decision de diseno para Angel.)
   =========================================================== */
.woocommerce-checkout .woocommerce-billing-fields h2,
.woocommerce-checkout .woocommerce-shipping-fields h2,
.woocommerce-checkout .woocommerce-additional-fields h2,
.woocommerce-checkout #order_review_heading {
  color: #1a1a1a !important;
}

/* ===========================================================
   PSJ-012b — Auditoria 2026-05-29. Subrayado en enlaces legales del footer
   (link-in-text-block: no depender solo del color). (PSJ-012a, override de rojos
   inline #e50909/#c70f13, REVERTIDO junto al token rojo.)
   =========================================================== */
.elementor-location-footer a[href*="politica-de-privacidad"],
.elementor-location-footer a[href*="aviso-legal"],
.elementor-location-footer a[href*="politica-de-cookies"],
footer a[href*="politica-de-privacidad"],
footer a[href*="aviso-legal"],
footer a[href*="politica-de-cookies"] {
  text-decoration: underline !important;
}