/**
 * @file
 * Styles for simple search blocks - matching BEF exposed form styling.
 */

/* Ensure megamenu dropdowns appear above search block */
.we-mega-menu-submenu,
.we-mega-menu .we-mega-menu-submenu,
.header-lower .we-mega-menu-submenu {
  z-index: 10000 !important;
}

/* Make region-header-lower a flexbox container */
.header-lower .region-header-lower {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

/* Position megamenu blocks */
.header-lower .region-header-lower .block-we-megamenu {
  flex: 0 1 auto;
}

.header-lower .region-header-lower .block-solutions-simple-search {
  width: auto;
  flex: 0 0 auto;
}

.header-lower .region-header-lower .block-solutions-simple-search .simple-search-wrapper {
  margin-bottom: auto;
}

/* Position search block in header-lower region */
.header-lower .simple-search-block {
  width: 207px;
  margin: 0;
  padding: 0;
  flex: 0 0 207px;
}

/* Ensure search form takes full width */
.header-lower .simple-search-form {
  width: 100%;
}

@media screen and (max-width: 86.5rem) {
  .header-lower .simple-search-block {
    margin-right: 12px;
  }
}

.simple-search-form {
  margin: 0;
  padding: 0;
}

.simple-search-wrapper {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  position: relative;
}

.simple-search-input {
  flex: 1;
  height: 37px;
  font-size: 0.875rem;
  padding: 0.5rem 35px 0.5rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 0;
  width: 100%;
}

.simple-search-input:focus {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.simple-search-submit {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent !important;
  background-image: url("../../../../themes/custom/solutions/images/icons/magnifying.png") !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  width: 35px !important;
  height: 37px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent !important;
  cursor: pointer;
  box-shadow: none !important;
  outline: none;
}

.simple-search-submit:hover,
.simple-search-submit:focus {
  background-color: transparent !important;
  border: none !important;
  opacity: 0.8;
  box-shadow: none !important;
}

.simple-search-submit:active {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}