/* RossLüt 1.7 light-theme contrast repair.
 * The original search component used white copy on a dark panel. The editorial
 * theme changed the panel to an off-white surface without changing those copy
 * colours, which made the mobile detail-filter toggle and labels disappear.
 */
.rn-directory .rn-search {
  color: var(--rn-ink, #173d35);
}

.rn-directory .rn-search label > span,
.rn-directory .rn-search__filter-summary-title {
  color: var(--rn-ink, #173d35) !important;
}

.rn-directory .rn-search label small,
.rn-directory .rn-search__filter-summary-help {
  color: var(--rn-muted, #63736d) !important;
}

.rn-directory .rn-search__filters {
  border-top-color: var(--rn-line, rgba(23, 61, 53, .14));
}

.rn-directory .rn-search__filters > summary {
  min-height: 52px;
  padding: 11px 14px;
  border: 1px solid var(--rn-line, rgba(23, 61, 53, .14));
  border-radius: 11px;
  background: #f1f4e6;
  color: var(--rn-ink, #173d35) !important;
}

.rn-directory .rn-search__filters > summary::after {
  background: #fff;
  color: var(--rn-ink, #173d35) !important;
  box-shadow: inset 0 0 0 1px var(--rn-line, rgba(23, 61, 53, .14));
}

.rn-directory .rn-search__filters > summary:hover {
  background: #e9eed8;
}

.rn-directory .rn-search .rn-button--reset {
  border-color: var(--rn-line, rgba(23, 61, 53, .14));
  background: #fff;
  color: var(--rn-ink, #173d35);
}

.rn-directory .rn-search .rn-button--reset:hover {
  border-color: rgba(23, 107, 135, .35);
  background: #eef6f7;
  color: var(--rn-ink, #173d35);
}

.rn-directory .rn-search__context {
  border-color: var(--rn-line, rgba(23, 61, 53, .14));
  background: #fbfaf5;
  color: var(--rn-ink, #173d35);
}

.rn-directory .rn-search__context-head h3 {
  color: var(--rn-ink, #173d35);
}

.rn-directory .rn-search__context-head p {
  color: var(--rn-muted, #63736d);
}

.rn-directory .rn-search__assurance {
  background: #edf2dc;
  color: #4d6420;
}

@media (max-width: 620px) {
  .rn-directory .rn-search__filters > summary {
    width: 100%;
    min-height: 56px;
  }
}