/* SEP Navigation Integration — scoped to Sultra Agency header */
.sa-main-nav .sa-menu > li { position: relative; }
.sa-main-nav .sa-menu > li > .sub-menu {
  display: none; position: absolute; z-index: 1000; top: 100%; left: -16px;
  min-width: 210px; margin: 0; padding: 8px 0; list-style: none;
  background: #fff; border: 1px solid #e6ece8; border-radius: 10px;
  box-shadow: 0 14px 32px rgba(10,45,32,.14); flex-direction: column;
  align-items: stretch; gap: 0;
}
.sa-main-nav .sa-menu > li:hover > .sub-menu,
.sa-main-nav .sa-menu > li:focus-within > .sub-menu,
.sa-main-nav .sa-menu > li.sep-submenu-open > .sub-menu { display: flex; }
.sa-main-nav .sa-menu .sub-menu li { width: 100%; }
.sa-main-nav .sa-menu .sub-menu a {
  display: block; padding: 11px 16px; white-space: nowrap;
  color: #234236; font-size: 13px; line-height: 1.35;
}
.sa-main-nav .sa-menu .sub-menu a:hover { background: #f1f7f3; color: #087451; }
.sa-main-nav .sa-menu > li.menu-item-has-children > a:after {
  content: "⌄"; display: inline-block; margin-left: 6px; font-size: 11px;
}
@media (max-width: 1200px) {
  .sa-main-nav.is-open .sa-menu > li > .sub-menu {
    position: static; display: none; min-width: 0; border: 0; border-radius: 0;
    box-shadow: none; padding: 0 0 4px 14px; background: #f8fbf9;
  }
  .sa-main-nav.is-open .sa-menu > li.sep-submenu-open > .sub-menu { display: flex; }
  .sa-main-nav.is-open .sa-menu .sub-menu a { white-space: normal; padding: 10px 12px; }
}
