/*
Theme Name: Verdes Digitales
Theme URI: https://verdesdigitales.com
Description: Child theme de Hello Elementor para Verdes Digitales
Author: Agítalo
Author URI: https://agitalo.es
Template: hello-elementor
Version: 1.0
Text Domain: verdes-digitales
*/

/* ─────────────────────────────────────────
   Menú principal — estado hover y activo
   Solo escritorio y tablet
   - Negrita simulada con text-shadow (sin desplazamiento)
   - Icono destello solo en el ítem activo
───────────────────────────────────────── */

@media (min-width: 768px) {

    /* Negrita simulada — hover y activo */
    .elementor-widget-n-menu .e-n-menu-title:hover .e-n-menu-title-text,
    .elementor-widget-n-menu .e-n-menu-title.vd-menu-active .e-n-menu-title-text {
        text-shadow: 0 0 0.5px currentColor, 0 0 0.5px currentColor;
    }

    /* Destello — solo ítem activo.
       Cuelga de .e-n-menu-title-text (no de .e-n-menu-title-container)
       porque los ítems de tipo ancla/desplegable (href="#") no tienen
       contenedor <a>, pero sí tienen el span del texto. */
    .elementor-widget-n-menu .e-n-menu-title.vd-menu-active .e-n-menu-title-text {
        position: relative;
    }

    .elementor-widget-n-menu .e-n-menu-title.vd-menu-active .e-n-menu-title-text::before {
        content: '';
        display: block;
        position: absolute;
        top: -18px;
        right: 0;
        width: 26px;
        height: 26px;
        background-image: url('/wp-content/themes/verdes-digitales/assets/iconos/destello.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* Ítem activo del submenú: negrita simulada (igual que el menú)
       y posición de referencia para el destello */
    .elementor-widget-n-menu .e-n-menu-content .vd-submenu-active .elementor-icon-list-text {
        position: relative;
        text-shadow: 0 0 0.5px currentColor, 0 0 0.5px currentColor;
    }

    .elementor-widget-n-menu .e-n-menu-content .vd-submenu-active .elementor-icon-list-text::before {
        content: '';
        display: block;
        position: absolute;
        top: -18px;
        right: 0;
        width: 26px;
        height: 26px;
        background-image: url('/wp-content/themes/verdes-digitales/assets/iconos/destello.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }

}