/*
 * Explorer Dynamic Min Stay — zero-results empty state.
 *
 * Class prefix: hrtk-edms-empty
 *
 * Visual language mirrors the SBP flexible-dates empty state
 * (flexible-search.css .hrtk-fs-empty) so the two read as one system on
 * sites running both; the classes stay separate because this module
 * ships without SearchBar Pro.
 *
 * BUILD: edit this file only. The committed .min.css/.debug.css are
 * generated (`npm run build:css`) and are what production/SCRIPT_DEBUG
 * load. The build raises every selector here to (2,x,0) via :not(#\9);
 * see scripts/postcss-hrtk-scope.js and scripts/css-manifest.js.
 */

/* =========================================================================
   Isolation boundary — see assets/css/searchbar-pro.css for the full
   doctrine. ONE ROOT: the block edms-frontend.js appends into core's
   .hfse-properties-no-items container. BLEND-IN: it renders inside the
   Explorer results area and must read as part of the site, so
   `font-family: inherit` and `color: inherit` are restored AFTER
   `all: revert` — the chip is a real <button>, and the UA stylesheet
   sets its own font/color on form controls.
   ========================================================================= */
.hrtk-edms-empty:not(#\9):not(#\9),
.hrtk-edms-empty:not(#\9):not(#\9)::before,
.hrtk-edms-empty:not(#\9):not(#\9)::after,
.hrtk-edms-empty:not(#\9):not(#\9) *:where(:not(svg, svg *)),
.hrtk-edms-empty:not(#\9):not(#\9) *:where(:not(svg, svg *))::before,
.hrtk-edms-empty:not(#\9):not(#\9) *:where(:not(svg, svg *))::after {
  all: revert;
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
}

.hrtk-edms-empty:not(#\9):not(#\9) {
  padding: 32px 24px;
  text-align: center;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f9fafb;
  margin: 16px 0;
}

.hrtk-edms-empty-title:not(#\9):not(#\9) {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 6px;
  color: #111827;
}

.hrtk-edms-empty-subtitle:not(#\9):not(#\9) {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 16px;
}

.hrtk-edms-empty-chips:not(#\9):not(#\9) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.hrtk-edms-empty-chip:not(#\9):not(#\9) {
  border: 1px solid #d1d5db;
  background: #ffffff;
  border-radius: 999px;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 13px;
  color: inherit;
  white-space: nowrap;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.hrtk-edms-empty-chip:hover:not(#\9):not(#\9) {
  border-color: #2c5282;
  background: #f0f5fa;
}