/* ==========================================
   SEARCH BAR STYLING
   ========================================== */

/* Highlight the search input background with #74DFE7 */
.search-input,
input[type="search"],
.search-block input {
  background-color: #74DFE7 !important;
  border-color: #74DFE7 !important;
  color: #000 !important;
}

/* Placeholder text color */
.search-input::placeholder,
input[type="search"]::placeholder,
.search-block input::placeholder {
  color: rgba(0, 0, 0, 0.6) !important;
}

/* Search wrapper background */
.search-container,
.search-block,
.search-wrapper {
  background-color: #74DFE7 !important;
}

/* Search button */
.search-button,
.search-block button,
button[type="submit"] {
  background-color: #074A5F !important;
  color: #fff !important;
  border: none !important;
}

/* Search input focus */
.search-input:focus,
.search-input:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(116, 223, 231, 0.5);
}


/* ==========================================
   FAQ SECTION HEADERS
   SLAS NAVY WITH ROUNDED CORNERS
   ========================================== */

/* Common accordion and category heading elements */
.accordion-heading,
.accordion-header,
.accordion-title,
.category-title,
.category-header,
.topic-title,
.article-category,
.panel-heading {
  background-color: #000038 !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  overflow: hidden;
}

/* Header text and links */
.accordion-heading a,
.accordion-header a,
.accordion-title a,
.category-title a,
.category-header a,
.topic-title a,
.article-category a,
.panel-heading a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  padding: 14px 18px !important;
  display: block;
  text-decoration: none !important;
}

/* Hover effect */
.accordion-heading a:hover,
.accordion-header a:hover,
.accordion-title a:hover,
.category-title a:hover,
.category-header a:hover,
.topic-title a:hover,
.article-category a:hover,
.panel-heading a:hover {
  color: #74DFE7 !important;
}

/* Rounded outline when a header is focused */
.accordion-heading a:focus-visible,
.accordion-header a:focus-visible,
.accordion-title a:focus-visible,
.category-title a:focus-visible,
.category-header a:focus-visible,
.topic-title a:focus-visible,
.article-category a:focus-visible,
.panel-heading a:focus-visible {
  outline: 2px solid #74DFE7 !important;
  outline-offset: -2px;
}