/**
 * Crane: Elementor horizontal nav gap fix — enqueue LAST (see functions.php deps).
 * Overrides flex-grow on links/rows after Dynamic Content, Happy Addons, etc.
 */
@media (min-width: 922px) {
  .elementor-widget-nav-menu .elementor-widget-container {
    width: auto !important;
    max-width: 100% !important;
    flex-grow: 0 !important;
  }

  .elementor-widget-nav-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    width: max-content !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
  }

  .elementor-widget-nav-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
  }

  /* Same breadth as Elementor: … .elementor-nav-menu a { flex-grow: 1 } */
  .elementor-widget-nav-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li > a {
    flex-grow: 0 !important;
    flex-basis: auto !important;
    flex-shrink: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .elementor-widget-nav-menu .sub-arrow {
    display: none !important;
  }
}

/* Tablet: larger burger, top-right (loads late via theme enqueue + footer fallback). */
@media (min-width: 768px) and (max-width: 921px) {
  .elementor-widget-nav-menu.elementor-nav-menu--toggle .elementor-widget-container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  .elementor-widget-nav-menu.elementor-nav-menu--toggle .elementor-menu-toggle {
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  .elementor-widget-nav-menu.elementor-nav-menu--toggle .elementor-menu-toggle svg,
  .elementor-widget-nav-menu.elementor-nav-menu--toggle .elementor-menu-toggle .elementor-menu-toggle__icon--open svg,
  .elementor-widget-nav-menu.elementor-nav-menu--toggle .elementor-menu-toggle .elementor-menu-toggle__icon--close svg {
    width: 30px !important;
    height: 30px !important;
  }

  .elementor-widget-nav-menu.elementor-nav-menu--toggle .elementor-menu-toggle i[class*="eicon"] {
    font-size: 30px !important;
  }
}