/**
 * Nav menu fixes for static Astro homepage (replaces Elementor SmartMenus JS)
 */

/* Fix Font Awesome webfont path (cached CSS uses broken relative paths) */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2")
    format("woff2");
}

@font-face {
  font-family: eicons;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2") format("woff2");
}

/* Parent items with dropdown */
.elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children {
  position: relative;
}

/* Submenu arrow caret — matches live site */
.elementor-nav-menu--main .menu-item-has-children > a.elementor-item {
  gap: 0.35em;
}

.elementor-nav-menu .sub-arrow {
  align-items: center;
  display: flex;
  line-height: 1;
  margin-block-end: -10px;
  margin-block-start: -10px;
  padding: 10px;
  padding-inline-end: 0;
}

.elementor-nav-menu .sub-arrow i {
  pointer-events: none;
  font-size: 0.85em;
}

/* Desktop dropdown (Elementor sets all ul { display:none } without SmartMenus) */
@media (min-width: 1025px) {
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    min-width: 220px;
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    z-index: 9999;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children:hover > ul.sub-menu,
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children:focus-within > ul.sub-menu {
    display: block;
  }

  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu a {
    white-space: nowrap;
  }
}

/* Mobile/tablet burger menu submenus */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    overflow: hidden;
  }

  .elementor-nav-menu--dropdown.elementor-nav-menu__container .menu-item-has-children > ul.sub-menu {
    display: none;
    overflow: hidden;
  }

  .elementor-nav-menu--dropdown .sub-arrow i {
    transition: transform 0.4s ease;
  }

  .elementor-nav-menu--dropdown .menu-item-has-children.elementor-sub-menu-open > a .sub-arrow i {
    transform: rotate(180deg);
  }
}