/*E-con (container*/
.e-con.e-parent, .e-grid, .e-flex {max-width: 100%;}

/*Toggle Widgets*/
.lbc-open {display: block !important;}

/* Main menu container */
.mega-menu-icons-desktop ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

/* Ensure li positions submenus correctly */
.mega-menu-icons-desktop li {
  position: relative;
}

/* Default hidden submenu */
.mega-menu-icons-desktop .submenu-wrapper {
  display: none;
  position: absolute;
  top: 100%; /* directly below parent link */
  left: 0;
  min-width: 250px;
  z-index: 999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* When hovering parent, show submenu */
.mega-menu-icons-desktop li:hover > .submenu-wrapper {
  display: block;
}
.mega-menu-icons-desktop li > .submenu-wrapper ul {
  flex-direction: column;
}

/* ========== Submenu items (level 2) ========== */
.submenu-wrapper a {
  display: block;
  padding: 10px 16px;
  color: #333;
  font-size: 18px;
  text-decoration: none;
}

.level-2 svg {display: inline-block; position: absolute; right: 10px; top: 15px; transform: rotate(270deg)}
.elementor-editor-active .mega-menu-icons-desktop svg {width: 10px; height: 10px;}

/* ========== Level 3 submenu (inside submenu) ========== */
.submenu-wrapper .submenu-wrapper {
  top: 0;
}

/* Ensure deeper submenu opens horizontally */
.submenu-wrapper li:hover > .submenu-wrapper {
  display: block;
}

.level-1 > a {justify-content: center;}

/* ========== Optional dark mode ========== */
@media (prefers-color-scheme: dark) {
  .submenu-wrapper {
    background: #374151;
  }
  .submenu-wrapper a {
    color: #e5e7eb;
  }
  .submenu-wrapper a:hover {
    color: #fff;
  }
}


/*second image icons*/
.lbc-toggle {
    position: relative;
    display: inline-block;
}

.lbc-toggle img {
    transition: opacity .25s ease, transform .25s ease;
    display: block;
}

.lbc-toggle .first-image {
    position: relative; /* this sits at the base */
    z-index: 2;
}

.lbc-toggle .lbc-second-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;          /* hidden initially */
    z-index: 3;
}
