/* Specifiekere selectors die WordPress overrulen */
form.wp-block-search .wp-block-search__inside-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}

form.wp-block-search .wp-block-search__input {
  flex: 1 !important;
  height: 44px !important;
  padding: 0 1rem !important;
  border: 1px solid var(--base-3) !important;
  border-radius: 0.5rem !important;
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
  transition: all 0.2s ease !important;
  background: var(--base) !important;
  color: var(--base-4) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

form.wp-block-search .wp-block-search__input::placeholder {
  color: var(--base-5) !important;
  opacity: 0.7 !important;
}

form.wp-block-search .wp-block-search__input:hover {
  border-color: var(--accent-2) !important;
}

form.wp-block-search .wp-block-search__input:focus {
  outline: none !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-3), 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

form.wp-block-search .wp-block-search__button {
  height: 44px !important;
  padding: 0 1.25rem !important;
  border: none !important;
  border-radius: 0.5rem !important;
  background: var(--accent) !important;
  color: var(--base) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

form.wp-block-search .wp-block-search__button:hover {
  background: #b08566 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
}

form.wp-block-search .wp-block-search__button svg {
  width: 18px !important;
  height: 18px !important;
  fill: var(--base) !important;
}