/* Native Guardian navigation: only dropdown interiors, never header geometry. */
@media (min-width: 1025px) {
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] {
    box-sizing: border-box;
    width: 280px;
    min-width: 280px;
    max-width: calc(100vw - 32px);
    max-height: min(70vh, 600px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 10px;
    border: 1px solid #e3e6ec;
    border-top: 3px solid #ff7621;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 16px 36px rgba(48, 52, 66, .16);
    transition: opacity 150ms ease, visibility 150ms ease;
  }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li:nth-last-child(-n+4) > ul[data-guardian-dropdown-menu] {
    left: auto;
    right: 0;
  }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li:hover > ul[data-guardian-dropdown-menu],
  #menu-primary-menu[data-guardian-dropdown-navigation] > li:focus-within > ul[data-guardian-dropdown-menu] {
    /* Keep keyboard opening reliable after native fadeOut writes inline styles. */
    display: block !important;
    opacity: 1 !important;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] > li > a {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 11px 14px;
    border-radius: 6px;
    color: #303442;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: color 150ms ease, background-color 150ms ease;
  }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] > li > a:hover,
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] > li > a:focus-visible {
    background: #fff1e7;
    color: #a33c00;
  }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] > li > a:focus-visible {
    outline: 3px solid #b74600;
    outline-offset: -3px;
  }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu="services"] {
    width: 580px;
    min-width: 580px;
    padding: 16px;
    column-gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    grid-template-rows: auto repeat(6, minmax(48px, auto));
  }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li:hover > ul[data-guardian-dropdown-menu="services"],
  #menu-primary-menu[data-guardian-dropdown-navigation] > li:focus-within > ul[data-guardian-dropdown-menu="services"] {
    /* Native hover handlers write display:block inline; preserve a two-column panel. */
    display: grid !important;
  }
  #menu-primary-menu [data-guardian-dropdown-group] {
    align-self: end;
    padding: 0 14px 10px;
    color: #636978;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
  }
  #menu-primary-menu [data-guardian-dropdown-group="property"] { grid-column: 1; grid-row: 1; }
  #menu-primary-menu [data-guardian-dropdown-group="devices"] { grid-column: 2; grid-row: 1; }
  #menu-primary-menu [data-guardian-dropdown-item^="property-"] { grid-column: 1; }
  #menu-primary-menu [data-guardian-dropdown-item^="device-"] { grid-column: 2; }
  #menu-primary-menu [data-guardian-dropdown-item$="-1"] { grid-row: 2; }
  #menu-primary-menu [data-guardian-dropdown-item$="-2"] { grid-row: 3; }
  #menu-primary-menu [data-guardian-dropdown-item$="-3"] { grid-row: 4; }
  #menu-primary-menu [data-guardian-dropdown-item$="-4"] { grid-row: 5; }
  #menu-primary-menu [data-guardian-dropdown-item$="-5"] { grid-row: 6; }
  #menu-primary-menu [data-guardian-dropdown-item$="-6"] { grid-row: 7; }
}

/* The existing mmenu clones these flat nodes into its native Services panel. */
#mobile-menu [data-guardian-dropdown-group] {
  padding: 18px 30px 8px;
  color: #ffb17f;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
#mobile-menu [data-guardian-dropdown-menu] > li > a:not(.mm-close):not(.mm-prev-level),
#mobile-menu [data-guardian-dropdown-item] > a {
  min-height: 48px;
  padding-top: 13px;
  padding-bottom: 13px;
}
#mobile-menu [data-guardian-dropdown-menu] > li > a:focus-visible,
#mobile-menu [data-guardian-dropdown-item] > a:focus-visible {
  outline: 3px solid #ffb17f;
  outline-offset: -4px;
  background: #3b4052;
}
@media (prefers-reduced-motion: reduce) {
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu],
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] > li > a { transition: none; }
}
@media (forced-colors: active) {
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] { border: 1px solid CanvasText; }
  #menu-primary-menu [data-guardian-dropdown-group],
  #mobile-menu [data-guardian-dropdown-group] { color: CanvasText; }
  #menu-primary-menu[data-guardian-dropdown-navigation] > li > ul[data-guardian-dropdown-menu] > li > a:focus-visible,
  #mobile-menu [data-guardian-dropdown-menu] > li > a:focus-visible { outline-color: Highlight; }
}