/* ==============================
   QUICKLINKS BANNER
============================== */

.quicklinks-banner {
  background: #003366;
  display: flex;
  align-items: center;
  height: 48px;
  margin: 0;
  padding: 0;
}

.quicklinks-banner ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
      flex: 1;  
}

.quicklinks-banner li {
  display: flex;
  align-items: center;
  padding: 0;
}

.quicklinks-banner a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 1rem;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}


/* ==============================
   SEARCH FIX
============================== */

/* Remove Drupal float */
.form--inline .form-item {
  float: none !important;
  margin: 0 !important;
}

/* Make the inline wrapper flex */
.form--inline {
  display: flex !important;
  align-items: center !important;
}

/* Make search <li> flex */
.quicklinks-banner li.site-header__search {
  margin-right: 20px;
  display: flex;
  align-items: center;
  height: 48px;
     margin-left: 1rem !important;
}


/* Input styling */
#edit-search-api-fulltext {
  width: 140px;
  height: 34px;
  padding: 0 30px 0 8px;
  box-sizing: border-box;
}

/* Hide submit */
#edit-submit-vector-search {
  display: none;
}

/* Magnifier relative to inline wrapper */
.form--inline {
  position: relative;
}

.form--inline::after {
  content: "\f002";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #003366;
  pointer-events: none;
}

.quicklinks-banner li:nth-child(4) {
  margin-left: auto;
}

 li.ultimenu__item.uitem.has-ultimenu:nth-child(8) {
    overflow: unset !important;
    display: none !important;
  }
  
    .path-search #block-uismain-page-title.page-ttl-views h1 {
    margin-top: 2em;
  }


/* =========================================
   MOBILE SEARCH STRIP 
========================================= */

@media (max-width: 499px),
       (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  /* Hide banner completely by default */
  .quicklinks-banner {
    display: none !important;
  }

  /* Show ONLY when menu is expanded */
  body.is-ultimenu-expanded .quicklinks-banner {
    display: flex !important;
    background: #003366 !important;
    height: 70px !important;
   padding: 0 20px !important;   
    align-items: center !important;
    justify-content: flex-start !important;
  }

  /* Hide everything except search */
  body.is-ultimenu-expanded .quicklinks-banner li:not(.site-header__search) {
    display: none !important;
  }

  /* Make search container 75% of banner */
  body.is-ultimenu-expanded .site-header__search {
    width: 75% !important;
    margin: 0 !important;
  }

  body.is-ultimenu-expanded #edit-search-api-fulltext {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: 42px !important;
     /* Make it visually consistent */
    box-sizing: border-box !important;
    padding: 0 42px 0 14px !important;

    /* Prevent iOS zoom + scaling weirdness */
    font-size: 16px !important;
    line-height: 1 !important;
}
 
  body.is-ultimenu-expanded #block-uismain-branding {
    display: none !important;
  }
  
  body.is-ultimenu-expanded ul#ultimenu-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* === RESTORE 3 SOLID CTA BANNERS (MOBILE) === */
  
   #ultimenu-main > li.ultimenu__item:nth-last-child(-n+3) {
    float: left !important;
    width: 33.333% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  #ultimenu-main > li.ultimenu__item:nth-last-child(-n+3) .ultimenu__link {
    display: block !important;
    width: 100% !important;
    padding: 22px 0 !important;
    text-align: center;
      max-height: none !important;
    height: auto !important;
    color: #ffffff !important;
  }

  /* Apply — EXACT banner green */
  #ultimenu-main > li.ultimenu__item:nth-last-child(3) {
    background-color: #1f7a3f !important;
  }

  /* Visit — EXACT banner blue */
  #ultimenu-main > li.ultimenu__item:nth-last-child(2) {
    background-color: #0b63ce !important;
  }

  /* Inquire — EXACT banner dark blue */
  #ultimenu-main > li.ultimenu__item:nth-last-child(1) {
    background-color: #0057ad !important;
  }
  
  
  /* Quicklinks flyout cleanup */

  .ultimenu__flyout {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .ultimenu__region.region.region-ultimenu-main-quick-links {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Optional: only if spacing issue persists */
  #ultimenu-main > li.ultimenu__item:nth-last-child(-n+3) {
    position: relative;
    top: -12px; /* reduced from -20px */
  }

  /* Quicklinks dark header */
  #ultimenu-main > li.ultimenu__item:has(.region-ultimenu-main-quick-links) {
    background-color: #003366 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  #ultimenu-main > li.ultimenu__item:has(.region-ultimenu-main-quick-links)
  > .ultimenu__link {
    color: #ffffff !important;
  }

  #ultimenu-main > li.ultimenu__item:has(.region-ultimenu-main-quick-links)
  .caret::before {
    border-top-color: #ffffff !important;
  }
}


@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

  #ultimenu-main > li:has(.region-ultimenu-main-quick-links) .caret {
    display: flex !important;
    align-items: center !important;
  }

  #ultimenu-main > li:has(.region-ultimenu-main-quick-links) .caret::before {
    position: relative;
    top: 34px;   /* adjust 2–4px if needed */
  }

}