/*
Theme Name: Airzonecontrol
Author: Airzone Control I+D
Version: 1.0
Description: Theme for Airzonecontrol WordPress site
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: airzonecontrol
*/

.menu-item.has-children:hover > ul {
  display: block;
}

html {
  scroll-behavior: smooth;
}

.font-montserrat {
  font-family: var(--wp--preset--font-family--montserrat);
}

.airzone-link-legal::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background-color: var(--wp--preset--color--neutral-700);
  /*transition: width 0s ease;*/
}

.airzone-link-legal:hover::after {
  width: 100%;
}

.menu-item.current-anchor > .airzone-link-legal::after {
  width: 100%;
}

.hamburger,
.hamburger::before,
.hamburger::after {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background-color: var(--wp--preset--color--neutral-900);
  position: relative;
  transition: all 0.3s ease;
}

.hamburger::before {
  position: absolute;
  top: -6px;
}

.hamburger::after {
  position: absolute;
  top: 6px;
}

.azc-menu-container {
  display: none;
  position: absolute;
  top: 100%; /* 👈 debajo del botón */
  right: 0; /* 👈 alineado a la derecha */
  background: white;
  width: max-content; /* 👈 se ajusta al contenido */
  min-width: 180px;
  padding: 0.5rem 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 50;
}

.azc-menu-container.is-open {
  display: block;
}
.azc-menu-toggle {
  height: 24px;
  background: white;
}

@media (min-width: 1024px) {
  .azc-menu-container {
    display: block !important;
    background: transparent;
    position: relative;
    box-shadow: none;
    min-width: auto;
    width: auto;
    padding: 0;
  }

  .azc-menu-toggle {
    display: none;
  }
}

.menu-legal .sub-menu {
  display: none;
}

.menu-legal .menu-item.open > .sub-menu {
  display: block;
}

/* Desktop hover */
@media (min-width: 1024px) {
  .menu-legal .sub-menu {
    position: absolute;
    display: none;
  }

  .menu-legal .menu-item:hover > .sub-menu {
    display: block;
  }
}

@media (max-width: 1023px) {
  .menu-legal {
    align-items: flex-end;
    text-align: right;
  }

  .menu-legal a {
    width: 100%;
  }
  .azc-menu-container {
    max-width: 90vw;
  }
}

.container-legal {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

.container-menu-legal.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  right: 0;
  padding: 0.5rem 1.5rem;
  background: white;
  z-index: 1000;
}