/*
-----------------------------------------
SEARCH
Sökresultatet (källans .search-teasers): rubrik med sökordet, ett nytt sökfält och träffarna som inläggskort (teasers.css).
-----------------------------------------
*/

.search__term {
  color: var(--text-link);
}

.search__form {
  margin-block: var(--space-30);
  text-align: center;
}

.search__label {
  display: inline-block;
  max-inline-size: 100%;
  margin-block-end: var(--space-5);
  font-family: var(--font-family-ui);
  font-weight: var(--font-weight-regular);
}

@media (width < 768px) {
  .search__label {
    display: block;
  }
}

/* Sökfältet har webbläsarens egen ram (2 px inset), som på källsajten: temat sätter bara luften inuti och kursiv text */
.search__input {
  box-sizing: content-box;
  block-size: 3.1rem;
  padding: 0.2rem 0.6rem 0.4rem;
  font-style: italic;
}

.search__submit {
  box-sizing: content-box;
  block-size: 2.6rem;
  padding: 0.6rem var(--space-10) 0.5rem;
  border: var(--border-width-button) solid var(--text-link);
  background: transparent;
  color: var(--text-link);
  font-family: var(--font-family-heading);
  font-size: var(--fs-12);
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

.search__submit:hover,
.search__submit:focus {
  background: var(--text-link);
  color: var(--text-inverse);
}