/*
 Theme Name:     Divi Child for Histeria
 Theme URI:      https://histeria.es/
 Description:    Tema hijo de Divi para Histeria con mejoras de accesibilidad
 Author:         Histeria
 Author URI:     https://histeria.es/
 Template:       Divi
 Version:        1.0.0
*/

/* 
 CSS personalizado para Histeria 
*/

/* Mejoras de accesibilidad */

/* Asegurarse de que los enlaces tienen suficiente contraste y son fácilmente identificables */
a:focus {
    outline: 2px solid #000;
    text-decoration: underline;
}

/* Mejorar la visibilidad del elemento activo al navegar por teclado */
:focus {
    outline: 2px solid #000;
}

/* Asegurar que los botones de formulario tienen un buen contraste al hacer hover/focus */
button:hover,
input[type="submit"]:hover,
button:focus,
input[type="submit"]:focus {
    outline: 2px solid #000;
}

/* Cambiar el color de los enlaces del pie de página para mejor accesibilidad */
#footer-widgets .footer-widget a,
#footer-widgets .footer-widget li a,
#footer-widgets .footer-widget li a:hover,
.footer-widget .et_pb_widget a,
#main-footer .footer-widget h4,
#footer-info a {
    color: #ffffff !important; /* Puedes ajustar este color según la paleta de Histeria */
}

/* Asegurar que los enlaces del pie de página se ven claramente al pasar el cursor */
#footer-widgets .footer-widget a:hover,
#footer-widgets .footer-widget li a:hover,
.footer-widget .et_pb_widget a:hover,
#footer-info a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* Mejorar la visibilidad y accesibilidad de los enlaces en el contenido principal */
.entry-content a {
    text-decoration: underline;
}

/* Hacer más visible el skip link para usuarios de teclado */
.skip-link {
    background-color: #000;
    color: #fff;
    font-weight: 700;
    left: 50%;
    padding: 8px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
    z-index: 100;
}

.skip-link:focus {
    transform: translateY(0%);
}