  /* James White Library search visual refresh (2027)
   Pairs with the JWL 2027 ÐÇ¿ÕÎÞÏÞ´«Ã½-inspired header.
   Presentation only: no changes to search destinations, forms, inputs,
   options, URL parameters, tabs, or event handlers.

   Deliberately repeats the component ID in selectors because the existing
   search.tt contains component-scoped CSS with !important declarations.
   The extra specificity allows this external stylesheet to win regardless
   of whether global2.wrap puts it before the legacy inline style block.
*/


/* Move half the original 50px gap above the search component.
   The 25px removed from section 1's top is added to section 0's top.
   Scope both adjustments to the library homepage only. */
body.homepage-advanced section#section-0.columns,
.homepage-advanced section#section-0.columns {
  padding-top: 35px !important;
  padding-bottom: 0 !important;
}
body.homepage-advanced section#section-1.columns,
.homepage-advanced section#section-1.columns {
  padding-top: 8px !important;
}

/* Strip legacy section wrappers of their extra lower whitespace. */
.homepage-advanced section#section-0 .feature-inner,
.homepage-advanced section#section-0 .feature-text,
.homepage-advanced section#section-0 article {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.homepage-advanced #section-0.background_color_chathams-blue {
  background: #003366 !important;
}

#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search {
  --jwl-blue: #003366;
  --jwl-blue-dark: #001a33;
  --jwl-gold: #d4a02a;
  --jwl-gold-dark: #e6b74e;
  --jwl-white: #fff;
  --jwl-text: #17304b;
  --jwl-muted: #516173;
  width: min(100%, 1140px) !important;
  margin: 0 auto !important;
  background: #003366 !important;
  border: 0 !important; /* remove decorative hairline outline */
  border-radius: 18px !important;
  box-shadow: none !important; /* panel and section backgrounds merge seamlessly */
  font-family: "JWL Plex Sans", "IBM Plex Sans", Arial, sans-serif !important;
  isolation: isolate !important;
}

/* Rounded navigation tabs; maintain the original buttons/ARIA behavior. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tablist {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: end !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #003366 !important;
  border-radius: 17px 17px 0 0 !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #a8bfd4 #001a33;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tab {
  flex: 1 1 0 !important;
  min-width: 135px !important;
  min-height: 47px !important;
  height: auto !important;
  position: relative !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #fff !important;
  border-bottom: 0 !important;
  border-radius: 11px 11px 0 0 !important;
  background: #17446f !important;
  color: #f5f8fb !important;
  font: 600 clamp(14px,1.16vw,16px)/1.2 "JWL Plex Sans", "IBM Plex Sans", Arial, sans-serif !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  transition: background-color .16s ease, color .16s ease !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tab:hover {
  background: #285d8d !important;
  color: #fff !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tab[aria-selected="true"] {
  z-index: 2 !important;
  color: #003366 !important;
  background: #fff !important;
  border-color: #003366 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tab:focus-visible {
  outline: 3px solid #e8bd5b !important;
  outline-offset: -3px !important;
}

/* Unified rounded navy panel. Keep existing panel visibility rules. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panels {
  background: #003366 !important;
  border-radius: 0 0 17px 17px !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panel > div {
  background: #003366 !important;
  border-radius: 0 0 17px 17px !important;
  padding: clamp(12px,2vw,24px) 0 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search form {
  max-width: none !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search img[class*="logo-image"] {
  object-fit: contain !important;
}

/* Each original tab-heading image contains a lighter blue rectangle.
   Replace only its visible artwork with live, centered text. Keep the
   original anchor, destination, accessible label and search form intact.
   Using the same #003366 background as every panel eliminates the seam. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 70px !important;
  margin: 0 0 .8rem !important;
  text-align: center !important;
  text-decoration: none !important;
  background: #003366 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"] img[class*="logo-image"] {
  display: none !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"]::after {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 70px !important;
  padding: 0 12px !important;
  background: #003366 !important;
  color: #fff !important;
  font: 700 clamp(21px, 2.15vw, 28px)/1.2 "JWL Plex Sans", "IBM Plex Sans", Arial, sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-eds-2026-dd-logo-link::after {
  content: "Search Everything";
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-catalog-2026-logo-link::after {
  content: "Search Library Catalog";
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-db-2026-logo-link::after {
  content: "Search All Databases";
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-periodicals-2026-logo-link::after {
  content: "Search Specific Journals";
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-digital-commons-2026-logo-link::after {
  content: "Search AU Scholarship";
}

/* One joined search field with round ends and a crisp gold CTA; no outer border. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-row"] {
  border: 0 !important; /* remove gold outline; keep rounded corners */
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 5px 13px rgba(0, 13, 34, .15) !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-row"]:focus-within {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search input[type="search"],
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search select[class*="-select"],
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search button[type="submit"],
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-label"] {
  min-height: 58px !important;
  border-radius: 0 !important;
  font-family: "JWL Plex Sans", "IBM Plex Sans", Arial, sans-serif !important;
  font-size: clamp(16px,1.34vw,19px) !important;
  line-height: 1.25 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search input[type="search"] {
  padding: 12px 16px !important;
  color: #17304b !important;
  background: #fff !important;
  font-weight: 400 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search input[type="search"]::placeholder {
  color: #506275 !important;
  opacity: 1 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search select[class*="-select"],
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-label"] {
  flex-basis: 165px !important;
  width: 165px !important;
  background-color: #f5f8fb !important;
  border-right: 1px solid #c3cfda !important;
  color: #003366 !important;
  font-weight: 600 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search button[type="submit"] {
  flex: 0 0 150px !important;
  width: 150px !important;
  background: #d4a02a !important;
  color: #001a33 !important;
  border: 0 !important;
  font-weight: 700 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search button[type="submit"]:hover,
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search button[type="submit"]:focus {
  background: #e8ba4e !important;
  color: #001a33 !important;
}

/* Small option controls, badges and links; don't change their input states. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="options-row"] {
  margin-top: 13px !important;
  gap: 10px 22px !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search label[class*="limiter"],
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search label[class*="filter"],
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="tools"] a,
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search span[class*="ai-label"] {
  font-family: "JWL Plex Sans", "IBM Plex Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search label[class*="limiter"],
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search label[class*="filter"] {
  padding: 4px 0 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a:focus-visible,
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search button:focus-visible,
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search input:focus-visible,
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search select:focus-visible {
  outline-color: #e8ba4e !important;
}

/* Keep responsive behavior: five usable tabs on desktop, swipeable on mobile. */
@media (max-width: 850px) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tab {
    flex: 0 0 auto !important;
    min-width: 152px !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tablist {
    justify-content: flex-start !important;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tab {
    scroll-snap-align: start;
  }
}
@media (max-width: 700px) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search {
    border-radius: 14px !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tablist {
    border-radius: 13px 13px 0 0 !important;
    padding: 0 !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panel > div {
    min-height: 0 !important;
    padding: 12px 0 !important;
    border-radius: 0 0 13px 13px !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-row"] {
    flex-direction: column !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search input[type="search"],
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search select[class*="-select"],
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search button[type="submit"],
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-label"] {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 50px !important;
    font-size: 16px !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search select[class*="-select"],
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-label"] {
    border-right: 0 !important;
    border-bottom: 1px solid #c3cfda !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search button[type="submit"] {
    border-radius: 0 0 8px 8px !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="options-row"] {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="tools"] {
    justify-content: flex-start !important;
    gap: 10px 20px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-tab {
    transition: none !important;
  }
}

@media (max-width: 700px) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"],
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"]::after {
    min-height: 62px !important;
    font-size: clamp(21px, 5vw, 25px) !important;
  }
}

/* 2027 compact search panel: reduce vertical space below search controls,
   while leaving form actions, controls, filters, and tab JavaScript intact. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search form,
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panel > div {
  min-height: 0 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panel > div {
  padding: 12px 0 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"] {
  min-height: 70px !important;
  margin-bottom: 8px !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"]::after {
  min-height: 70px !important;
}
/* Keep the actual content block flush with the following page section. */
.homepage-advanced section#section-0.columns { padding-bottom: 0 !important; }
.homepage-advanced section#section-1.columns { padding-top: 8px !important; }
@media (max-width: 700px) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panel > div { padding: 12px 0 !important; }
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"],
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search a[class*="logo-link"]::after { min-height: 62px !important; }
}

/* OPTIONAL VERSION B: centered library tagline at bottom of the search box.
   Same type size as the Keyword field label, in bold white with subtle shadow.
   Text is decorative; all five tab forms and buttons stay unchanged. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search::after {
  content: "Globally engaged scholars made here";
  display: block !important;
  position: relative;
  margin: 0 !important;
  padding: 10px 15px 10px !important;
  border: 0 !important;
  color: #ffffff !important;
  background: #003366 !important;
  font: 400 24px/1.15 "JWL Plex Serif", Georgia, serif !important;
  text-align: center !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .40) !important;
  border-radius: 0 0 17px 17px;
}
@media (max-width: 700px) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search::after {
    font: 400 24px/1.15 "JWL Plex Serif", Georgia, serif !important;
    padding: 8px 12px 10px !important;
  }
}

#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panels,
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panel > div {
  border-radius: 0 !important;
}

/* Equal-width search tabs and search inputs; align with the 2027 header shell.
   Tab row and each active search-row share the same outer left/right edges.
   The original search forms/labels/checkboxes/scripts remain untouched. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search {
  max-width: 1140px !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search .au-jwl-u7-unified-2026-panel > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search form {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="search-row"] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Leave a small touch-friendly inset for the limiter / advanced link line only. */
#au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search div[class*="options-row"] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search { max-width: 940px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #au-jwl-u7-unified-2026-search#au-jwl-u7-unified-2026-search { max-width: 720px !important; }
}
