/* Small corrections to the theme, applied on every page. */

/* Menu arrow ("tail"): the theme drew one under every top-level item, and
   mis-centred it on the wider ones. Show it only on items that open a
   dropdown, and keep it centred on the label. */
.fusion-main-menu > ul > li:not(.menu-item-has-children) .fusion-arrow-highlight .fusion-arrow-svg,
.fusion-main-menu .sub-menu .fusion-arrow-svg {
  display: none !important;
}
.fusion-main-menu > ul > li.menu-item-has-children .fusion-arrow-highlight .fusion-arrow-svg {
  width: var(--menu_arrow_size-width, 20px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Header: the theme floats the logo and the menu, which left the logo sitting
   above centre and the green button low. Centring them in a flex row fixes
   both, and keeps working when the header shrinks on scroll. Desktop only —
   below 1025px the theme switches to its mobile header. */
@media (min-width: 1025px) {
  .fusion-header .fusion-header-has-flyout-menu-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .fusion-header .fusion-logo {
    float: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .fusion-header .fusion-main-menu { float: none; }
  .fusion-main-menu > ul > li.btn {
    display: flex;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Header on smaller laptop screens (1025–1365px): the menu items' 45px spacing made the
   green "Schedule Inspection" button wrap under the logo. Tighten the spacing just enough. */
@media (min-width: 1025px) and (max-width: 1365px) {
  .fusion-main-menu > ul > li { padding-right: 24px !important; }
  .fusion-main-menu > ul > li.btn { padding-right: 0 !important; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .fusion-main-menu > ul > li { padding-right: 14px !important; }
  .fusion-main-menu > ul > li.btn > a { padding-left: 18px !important; padding-right: 18px !important; }
}