/* WPSoft AI HTML Designer 3.3.116: only WordPress-bound header navigation. */
.wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu {
  display: flex; flex-flow: row nowrap; align-items: center;
  justify-content: inherit; gap: inherit;
  margin: 0; padding: 0; border: 0; background: transparent;
  width: 100%; min-width: 0; list-style: none;
}
.wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li {
  list-style: none; margin: 0; padding: 0; flex: 0 0 auto;
  display: flex; align-items: center; min-width: 0;
}
.wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li > a {
  display: inline-flex; align-items: center; gap: 5px; text-decoration: none;
  white-space: nowrap;
}
.wpst-aihtml-root [data-wpst-menu-bound="1"] .wpst-aihtml-subtoggle {
  display: none; align-items: center; justify-content: center;
  width: 26px; height: 26px; min-width: 26px; padding: 0;
  border: 0; border-radius: 6px; color: inherit; background: transparent;
  font: inherit; cursor: pointer;
}
.wpst-aihtml-root [data-wpst-menu-bound="1"] .wpst-aihtml-subtoggle::after {
  content: ''; width: 6px; height: 6px;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}
/* Ordinary WordPress child menus need a small submenu surface. The WPSoft
   Mega Menu plugin owns its own mega panels and is never restyled here. */
@media (min-width:901px) {
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li.menu-item-has-children:not(.wpst-mega-enabled) { position: relative; }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li:not(.wpst-mega-enabled) > .sub-menu {
    display: none; position: absolute; top: 100%; left: 0; z-index: 10000;
    margin: 0; padding: 8px; min-width: 180px; list-style: none;
    border-radius: 12px; background: #fff; box-shadow: 0 12px 35px rgba(15,23,42,.16);
  }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li:not(.wpst-mega-enabled):is(:hover,:focus-within) > .sub-menu {display:block;}
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li:not(.wpst-mega-enabled) > .sub-menu a {display:block;padding:8px 12px;white-space:nowrap;color:#102039;}
}
@media (max-width:900px) {
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu {
    flex-direction: column; align-items: stretch; width: 100%; gap: 0;
  }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li {
    width: 100%; flex-wrap: wrap; justify-content: space-between;
  }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li > a {
    flex: 1; min-width: 0; white-space: normal;
  }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] .wpst-aihtml-subtoggle { display: inline-flex; }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li > .sub-menu,
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li > .wpst-elementor-mega-panel,
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li > .wpst-mega-dynamic-panel {
    display: none !important; position: static !important;
    flex: 0 0 100%; width: 100% !important; max-width: 100% !important;
    margin: 6px 0 0; transform: none !important;
  }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li.is-wpst-aihtml-open > .sub-menu,
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li.is-wpst-aihtml-open > .wpst-elementor-mega-panel,
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li.is-wpst-aihtml-open > .wpst-mega-dynamic-panel {
    display: block !important; visibility: visible !important; opacity: 1 !important;
    pointer-events: auto !important;
  }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] > .wpst-aihtml-wp-menu > li.is-wpst-aihtml-open > .sub-menu { padding: 8px 14px; }
  .wpst-aihtml-root [data-wpst-menu-bound="1"] .wpst-aihtml-subtoggle[aria-expanded="true"]::after { transform: rotate(225deg) translateY(-2px); }
}
