/* =====================================================
   AQUA CLEAR – NAVIGATION CUSTOMIZATIONS
   ===================================================== */

/* ---- 1. Smaller search bar + align input & button heights ---- */
.wp-block-search__inside-wrapper {
  max-width: 200px !important;
  display: flex !important;
  align-items: center !important;     /* line input + button up evenly */
  gap: 4px !important;
}
.wp-block-search__input {
  box-sizing: border-box !important;
  height: 34px !important;            /* must match button height below */
  padding: 2px 10px !important;
  font-size: 14px !important;
  margin: 0 !important;
}
.wp-block-search__button {
  box-sizing: border-box !important;
  height: 34px !important;            /* same height as the input */
  min-width: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;     /* center magnifying glass vertically */
  justify-content: center !important; /* center magnifying glass horizontally */
}
.wp-block-search__button svg {
  width: 16px;
  height: 16px;
  display: block !important;
}

/* ---- 2. Mobile: search below "Request a Quote" + even spacing ---- */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column !important;
  }
  .wp-block-navigation__responsive-container-content > .wp-block-navigation__container,
  .wp-block-navigation__responsive-container-content > .wp-block-navigation {
    display: contents !important;
  }
  .wp-block-navigation__responsive-container-content .wp-block-navigation-item:first-child {
    order: 1 !important;
  }
  .wp-block-navigation__responsive-container-content .wp-block-search {
    order: 2 !important;
    margin: 16px 0 !important;   /* equal space above & below search */
  }
  .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    order: 3 !important;
  }
}

/* ---- 3. Style ONLY the top-level "Request a Quote" as a blue button ---- */
.wp-block-navigation__container > .wp-block-navigation-item:first-child > .wp-block-navigation-item__content {
  background-color: #4F6FB5 !important;  /* button color – swap hex to taste */
  color: #ffffff !important;
  padding: 10px 22px !important;
  border-radius: 4px !important;         /* 0 = square corners, higher = rounder */
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  display: inline-block !important;
}
.wp-block-navigation__container > .wp-block-navigation-item:first-child > .wp-block-navigation-item__content:hover,
.wp-block-navigation__container > .wp-block-navigation-item:first-child > .wp-block-navigation-item__content:focus {
  background-color: #3F5C9A !important;  /* slightly darker on hover */
  color: #ffffff !important;
}