/*
  Theme Name: skylaw
  Theme URI: http://skylaw.es/
  Version: 1.0.0
  Template: Divi
  Author: Sky Solutions Group (Leonardo Arias)
  Author URI: https://lebena.es/
  Text Domain: skylaw
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* --- FULLWIDTH MENU ESTILO --- */

.fullwidth-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  pointer-events: none;
  background: #233746; /* puedes cambiar el color de fondo si deseas */
  transition: all 0.5s ease !important;
}

/* Al abrir el menú */
.fullwidth-menu-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
}

/* Estilo de líneas del botón hamburguesa */
.line {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #c6a96f;
  opacity: 1;
  transition: 0.1s ease-in-out;
}

.fullwidth-open.open .line {
  background: #c6a96f; 
}

.line-1 {
  top: 15px;    
}

.line-2 {
  top: 25px;
  width: 80%;
}

.line-3 {
  top: 35px;
  width: 50%;
}

/* Animación al abrir el menú */
.fullwidth-open.open .line-1 {
  top: 25px;
  transform: rotate(135deg);
}

.fullwidth-open.open .line-2 {
  display: none;
}

.fullwidth-open.open .line-3 {
  top: 25px;
  width: 100%;
  transform: rotate(-135deg);
}

/* Oculta submenús dentro del menú */
.main-menu-item ul {
  display: none; 
  padding: 0;
  margin-top: 50px;
}

/* Asegura que el menú tenga una animación suave */
.fullwidth-menu,
.fullwidth-menu-open {
  transition: all 0.5s ease !important;
}