/*
 Theme Name:   Divi Child
 Description:  Ajustes + ayudas de accesibilidad
 Author:       Askalon 2.0 SL
 Template:     Divi
 Version:      1.0.5
*/

/* Skip link styles (visible solo al enfocar con teclado) */
.skip-link {
  position: absolute;
  top: -1000rem;
  left: 0;
  background: #ffffff;
  color: #111;
  padding: 10px 14px;
  font-size: 14px;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0,0,0,.3);
  z-index: 100000;
}

.skip-link:focus {
  top: 10px;
  left: 10px;
}

/* MAIN landmark base */
#site-main {
  display: block;
}

#site-main:focus {
  outline: none;
}

/* Labels "visually hidden" para accesibilidad (formularios, etc.) */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Alias útil si algún plugin o módulo usa esta clase */
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Ocultar menú móvil nativo de Divi cuando está activo el overlay menu */
@media only screen and (max-width: 980px) {
  body.askalon-has-dfx-overlay-menu .et_mobile_nav_menu,
  body.askalon-has-dfx-overlay-menu .mobile_nav,
  body.askalon-has-dfx-overlay-menu .mobile_menu_bar {
    display: none !important;
  }
}