/* ==========================================================
   TFK Search Disclosure
   ========================================================== */

.tfk-search__toggle[aria-expanded="true"] {
  color: var(--tfk-color-text);
  background: var(--tfk-color-surface-muted);
}

.tfk-search__panel {
  background: var(--tfk-color-surface-muted);
  border-top: 1px solid var(--tfk-color-border);
  box-shadow: var(--tfk-shadow-raised);
}

.tfk-search__panel[hidden] {
  display: none;
}

.tfk-search__panel .region-search,
.tfk-search__panel .region-search.active {
  max-height: none;
  overflow: visible;
  background: transparent;
  transition: none;
}

/*
 * TheMAG entfernt das Drupal-Suchlabel mit display:none.
 * Das zugängliche Visually-Hidden-Muster wird hier
 * innerhalb der TFK-Suche wiederhergestellt.
 */
.tfk-search__panel .block--region-search .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.tfk-search__panel .block--region-search form {
  min-height: 3.75rem;
  gap: 0.75rem;
}

.tfk-search__panel .block--region-search input[type="text"],
.tfk-search__panel .block--region-search input[type="search"] {
  color: var(--tfk-color-text);
}

@media (max-width: 575.98px) {
  .tfk-search__panel .block--region-search form {
    align-items: stretch;
    flex-direction: column;
    padding-block: 0.75rem;
  }

  .tfk-search__panel .block--region-search .form-actions {
    margin-top: 0;
  }

  .tfk-search__panel .block--region-search input[type="submit"] {
    width: 100%;
  }
}