/**
Theme Name: mle services
Author: Nexo Virtual Network S.L.
Author URI: https://nexovirtual.net/
Description: Diseño para mle services
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mle-services
Template: astra
*/

/* =========================================
   MLE SERVICES - AJUSTES VISUALES GENERALES
   Menú principal, submenú, CTA header,
   botón subir arriba y mejoras de contraste
   ========================================= */


/* =========================================
   1) HEADER TRANSPARENTE - MENÚ PRINCIPAL
   ========================================= */

/* Color base del menú en cabecera transparente */
.ast-theme-transparent-header .main-header-menu > .menu-item > .menu-link,
.ast-theme-transparent-header .main-header-menu > .menu-item > .ast-menu-toggle,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .menu-item > .ast-menu-toggle {
  color: #ffffff !important;
}

/* Hover y foco */
.ast-theme-transparent-header .main-header-menu > .menu-item > .menu-link:hover,
.ast-theme-transparent-header .main-header-menu > .menu-item > .ast-menu-toggle:hover,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:hover,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .menu-item > .ast-menu-toggle:hover,
.ast-theme-transparent-header .main-header-menu > .menu-item > .menu-link:focus,
.ast-theme-transparent-header .main-header-menu > .menu-item > .ast-menu-toggle:focus,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:focus,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .menu-item > .ast-menu-toggle:focus {
  color: #ff2a2a !important;
}

/* Menú activo */
.ast-theme-transparent-header .main-header-menu > .current-menu-item > .menu-link,
.ast-theme-transparent-header .main-header-menu > .current-menu-ancestor > .menu-link,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
.ast-theme-transparent-header .ast-builder-menu-1 .main-header-menu > .current-menu-ancestor > .menu-link {
  color: #ff2a2a !important;
}

/* Flecha del desplegable */
.ast-theme-transparent-header .ast-builder-menu-1 .menu-item-has-children > .ast-menu-toggle {
  color: #ffffff !important;
}

.ast-theme-transparent-header .ast-builder-menu-1 .menu-item-has-children > .ast-menu-toggle:hover {
  color: #ff2a2a !important;
}


/* =========================================
   2) SUBMENÚ DESPLEGABLE
   ========================================= */

.ast-desktop .sub-menu,
.ast-header-break-point .sub-menu {
  background: rgba(0, 0, 0, 0.96) !important;
  border-top: 2px solid #e10600 !important;
}

.ast-desktop .sub-menu .menu-link,
.ast-header-break-point .sub-menu .menu-link {
  color: #ffffff !important;
}

.ast-desktop .sub-menu .menu-link:hover,
.ast-desktop .sub-menu .menu-link:focus,
.ast-header-break-point .sub-menu .menu-link:hover,
.ast-header-break-point .sub-menu .menu-link:focus {
  color: #ff2a2a !important;
  background: rgba(255, 255, 255, 0.06) !important;
}


/* =========================================
   3) HEADER NORMAL (cuando ya no es transparente)
   ========================================= */

.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link,
.ast-primary-header-bar .main-header-menu > .menu-item > .ast-menu-toggle {
  color: #ffffff !important;
}

.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link:hover,
.ast-primary-header-bar .main-header-menu > .menu-item > .ast-menu-toggle:hover,
.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link:focus,
.ast-primary-header-bar .main-header-menu > .menu-item > .ast-menu-toggle:focus {
  color: #ff2a2a !important;
}

.ast-primary-header-bar .main-header-menu > .current-menu-item > .menu-link,
.ast-primary-header-bar .main-header-menu > .current-menu-ancestor > .menu-link {
  color: #ff2a2a !important;
}


/* BOTÓN CTA HEADER - MLE */
.ast-builder-button-wrap .ast-custom-button,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button,
.ast-header-button-1 .ast-custom-button,
.ast-header-button-1 .ast-custom-button-link .ast-custom-button {
  background: #e10600 !important;
  background-color: #e10600 !important;
  color: #ffffff !important;
  border: 2px solid #e10600 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ast-builder-button-wrap .ast-custom-button:hover,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button:hover,
.ast-builder-button-wrap .ast-custom-button:focus,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button:focus,
.ast-header-button-1 .ast-custom-button:hover,
.ast-header-button-1 .ast-custom-button-link .ast-custom-button:hover,
.ast-header-button-1 .ast-custom-button:focus,
.ast-header-button-1 .ast-custom-button-link .ast-custom-button:focus {
  background: #b30000 !important;
  background-color: #b30000 !important;
  color: #ffffff !important;
  border-color: #b30000 !important;
}


/* =========================================
   5) BOTONES GENERALES ROJOS
   ========================================= */

.wp-block-button__link,
.elementor-button,
button,
input[type="button"],
input[type="submit"] {
  border-radius: 999px;
}

.elementor-button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  opacity: 0.95;
}


/* =========================================
   6) BOTÓN SUBIR ARRIBA - MLE SERVICES
   ========================================= */

#ast-scroll-top {
  background: #e10600 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  border: none !important;
}

#ast-scroll-top svg {
  fill: #ffffff !important;
}

#ast-scroll-top:hover {
  background: #b30000 !important;
  color: #ffffff !important;
}

#ast-scroll-top:hover svg {
  fill: #ffffff !important;
}


/* =========================================
   7) LEGIBILIDAD DEL HEADER SOBRE IMAGEN
   ========================================= */

/* Sombra suave al texto del menú para que se lea mejor */
.ast-theme-transparent-header .main-header-menu > .menu-item > .menu-link,
.ast-theme-transparent-header .main-header-menu > .menu-item > .ast-menu-toggle,
.ast-theme-transparent-header .site-title a,
.ast-theme-transparent-header .ast-builder-button-wrap .ast-custom-button {
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}


/* =========================================
   8) MÓVIL / TABLET - MENÚ HAMBURGUESA
   ========================================= */

.ast-mobile-popup-drawer.active .menu-item .menu-link,
.ast-mobile-popup-drawer.active .menu-item .ast-menu-toggle {
  color: #ffffff !important;
}

.ast-mobile-popup-drawer.active .menu-item .menu-link:hover,
.ast-mobile-popup-drawer.active .menu-item .ast-menu-toggle:hover,
.ast-mobile-popup-drawer.active .menu-item.current-menu-item > .menu-link {
  color: #ff2a2a !important;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
  background: #111111 !important;
}


/* =========================================
   9) AJUSTE EXTRA PARA ENLACES DEL FOOTER
   ========================================= */

.site-footer a {
  color: #ffffff;
}

.site-footer a:hover,
.site-footer a:focus {
  color: #ff2a2a;
}


/* =========================================
   10) OPCIONAL - SI EL LOGO O HEADER QUEDAN MUY CLAROS
   ========================================= */

/*
.ast-theme-transparent-header #masthead {
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(2px);
}
*/

/* BOTÓN CTA HEADER - MLE */
.ast-builder-button-wrap .ast-custom-button,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button,
.ast-header-button-1 .ast-custom-button,
.ast-header-button-1 .ast-custom-button-link .ast-custom-button {
  background: #e10600 !important;
  background-color: #e10600 !important;
  color: #ffffff !important;
  border: 2px solid #e10600 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ast-builder-button-wrap .ast-custom-button:hover,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button:hover,
.ast-builder-button-wrap .ast-custom-button:focus,
.ast-builder-button-wrap .ast-custom-button-link .ast-custom-button:focus,
.ast-header-button-1 .ast-custom-button:hover,
.ast-header-button-1 .ast-custom-button-link .ast-custom-button:hover,
.ast-header-button-1 .ast-custom-button:focus,
.ast-header-button-1 .ast-custom-button-link .ast-custom-button:focus {
  background: #b30000 !important;
  background-color: #b30000 !important;
  color: #ffffff !important;
  border-color: #b30000 !important;
}

/* =========================================
   MLE SERVICES - MENÚ MÓVIL / TABLET
   Astra responsive menu fix
   ========================================= */
@media (max-width: 921px) {

  /* Fondo general del menú móvil */
  .ast-builder-menu-mobile .main-navigation,
  .ast-builder-menu-mobile .main-header-menu,
  .ast-builder-menu-mobile .main-navigation ul,
  .ast-builder-menu-mobile .main-navigation .main-header-menu {
    background: #111111 !important;
  }

  /* Items principales */
  .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 18px 20px !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* Item actual o activo */
  .ast-builder-menu-mobile .main-navigation .current-menu-item > .menu-link,
  .ast-builder-menu-mobile .main-navigation .current-menu-ancestor > .menu-link,
  .ast-builder-menu-mobile .main-navigation .current_page_item > .menu-link,
  .ast-builder-menu-mobile .main-navigation .current-menu-parent > .menu-link {
    color: #ff1a1a !important;
    background: transparent !important;
  }

  /* Evitar fondos raros en hover/focus */
  .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link,
  .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-parent > .menu-link,
  .ast-builder-menu-mobile .main-navigation .menu-item.focus > .menu-link,
  .ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link,
  .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:hover,
  .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:focus {
    background: transparent !important;
  }

  /* Item padre con hijos: enlace + flecha alineados */
  .ast-builder-menu-mobile .main-navigation .menu-item-has-children {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    position: relative !important;
  }

  .ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link {
    flex: 1 1 auto !important;
    padding-right: 10px !important;
  }

  .ast-builder-menu-mobile .main-navigation .menu-item-has-children > .ast-menu-toggle {
    flex: 0 0 auto !important;
  }

  /* Flecha del desplegable */
  .ast-builder-menu-mobile .main-navigation .ast-menu-toggle {
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 20px !important;
    min-width: 56px !important;
    height: auto !important;
    line-height: 1 !important;
    border-radius: 0 !important;
  }

  .ast-builder-menu-mobile .main-navigation .ast-menu-toggle:hover,
  .ast-builder-menu-mobile .main-navigation .ast-menu-toggle:focus,
  .ast-builder-menu-mobile .main-navigation .ast-menu-toggle:active {
    color: #ff1a1a !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
  }

  /* SUBMENÚ: en móvil NO debe flotar a la derecha */
  .ast-builder-menu-mobile .main-navigation .sub-menu,
  .ast-builder-menu-mobile .main-navigation .sub-menu.active,
  .ast-builder-menu-mobile .main-navigation .sub-menu.toggled-on {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    float: none !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #111111 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  /* Por si hay subniveles */
  .ast-builder-menu-mobile .main-navigation .sub-menu .sub-menu {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
  }

  /* Cada item del submenú a ancho completo */
  .ast-builder-menu-mobile .main-navigation .sub-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #111111 !important;
  }

  /* Enlaces del submenú */
  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-link,
  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item > .menu-link,
  .ast-builder-menu-mobile .main-navigation .sub-menu a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    background: #111111 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    padding: 14px 20px 14px 38px !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    white-space: normal !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* Hover y activo en submenú */
  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-link:hover,
  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-link:focus,
  .ast-builder-menu-mobile .main-navigation .sub-menu .current-menu-item > .menu-link,
  .ast-builder-menu-mobile .main-navigation .sub-menu .current_page_item > .menu-link {
    color: #ff1a1a !important;
    background: #1a1a1a !important;
  }

  /* Refuerzo de color */
  .ast-builder-menu-mobile .main-navigation .sub-menu li,
  .ast-builder-menu-mobile .main-navigation .sub-menu li a,
  .ast-builder-menu-mobile .main-navigation .sub-menu li span {
    color: #ffffff !important;
    opacity: 1 !important;
  }

  /* Quitar cualquier caja rara */
  .ast-builder-menu-mobile .main-navigation .menu-item,
  .ast-builder-menu-mobile .main-navigation .menu-link,
  .ast-builder-menu-mobile .main-navigation .sub-menu,
  .ast-builder-menu-mobile .main-navigation .sub-menu .menu-link {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Cuando se abra, el submenú debajo del padre */
  .ast-builder-menu-mobile .main-navigation .menu-item-has-children > .sub-menu {
    width: 100% !important;
    order: 10 !important;
  }
}