/*
Theme Name: MAW Plugins Child Theme
Theme URI: https://mawplugins.com
Description: Tema hijo de Divi 4 para mawplugins.com: sistema de diseño MAW Plugins (modo oscuro, claro o del sistema; cabecera y footer que siguen el modo; tipografía Geist), estilos completos de WooCommerce (tienda, ficha de producto, carrito, checkout, pedido recibido y Mi cuenta), blog, shortcodes de footer y panel de opciones en Apariencia > MAW Theme.
Author: MAW Plugins
Author URI: https://mawplugins.com
Template: Divi
Version: 2.0.2
Text Domain: maw-plugins-child
*/

/*
Este archivo se deja casi vacío de reglas de diseño a propósito.
WordPress lo necesita por la cabecera de arriba (identifica el tema
hijo y su tema padre) y por lo que sigue: dos reglas estructurales que
no pertenecen al sistema de diseño versionado (maw-custom-css-v3.css)
porque no son de marca, son accesibilidad base que cualquier tema
necesita, con o sin rebranding futuro.
*/

/* Enlace "Saltar al contenido" (ver functions.php: maw_child_skip_link).
   Oculto visualmente hasta que recibe el foco por teclado. */
.maw-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  padding: 10px 18px;
  background: #2563EB;
  color: #FFFFFF;
  font-family: 'Geist', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  border-radius: 0 0 6px 0;
  text-decoration: none;
}

.maw-skip-link:focus {
  left: 0;
  outline: none;
}

/* Fallback global de foco visible: cualquier elemento interactivo que
   maw-custom-css-v3.css no cubra específicamente (enlaces de menú,
   footer, widgets de terceros) sigue teniendo un indicador de foco
   visible en vez de heredar el outline:none por defecto de Divi. Las
   reglas más específicas del sistema de diseño siguen ganando por
   especificidad — esto es solo la red de seguridad. */
:focus-visible {
  outline: 2px solid #2563EB;
  outline-offset: 2px;
}

/* Modo de alto contraste de Windows (forced-colors): el navegador
   ignora box-shadow y colores personalizados, sustituyéndolos por su
   paleta de sistema. El foco del skip-link (arriba) usa "outline: none"
   a propósito porque se distingue por su posición y color de fondo —
   en forced-colors ese fondo también se pierde, así que aquí se le
   devuelve un contorno visible usando el color de sistema CanvasText
   (el mismo que usaría el navegador por defecto), en vez de un color
   de marca que forced-colors ignoraría igualmente. */
@media (forced-colors: active) {
  .maw-skip-link:focus {
    outline: 2px solid CanvasText !important;
  }
}