/*
 * Ehopto Quiet UI / Release 3 — Home and Find.
 * Opt-in on exactly two discovery pages. No search, filtering, image or
 * publishing behaviour is modified. Match the existing --e-* theme dial.
 */

/* Home: filter values read like navigation, not three filled buttons. */
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-controls {
  margin-bottom: var(--e-space-4,16px);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-lenses { gap: 4px 12px; }
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-button {
  min-height:44px; max-width:min(100%,260px);
  padding:9px 10px; gap:7px;
  border:0; border-bottom:2px solid transparent; border-radius:7px;
  color:var(--e-ink); background:transparent; box-shadow:none;
  font-size:12.75px; font-weight:620;
  transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-button:hover {
  border-color:transparent;
  background:color-mix(in srgb,var(--e-accent) 7%,transparent);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-button[aria-expanded="true"] {
  background:transparent; border-color:var(--e-accent); color:var(--e-accent-soft);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-button:focus-visible,
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog :is(button,input,label):focus-visible,
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog label:focus-within {
  outline:2px solid var(--e-accent);
  outline-offset:3px;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-button .eh-chevron {
  width:14px; height:14px; flex-basis:14px; stroke-width:1.8; opacity:.7;
}

/* Home: one dialog panel with open, scannable choices. */
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog,
html.ehopto-theme-light body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog,
body.ehopto-light-mode.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog {
  background:var(--e-card); color:var(--e-ink);
  border:1px solid var(--e-line); border-radius:16px;
  box-shadow:0 14px 40px rgba(0,0,0,.19);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .inside {padding:18px}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog h2 {
  color:var(--e-ink);font-size:17px;font-weight:710;letter-spacing:-.018em;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog :is(.desc,.soft-interests p,.note),
html.ehopto-theme-light body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog :is(.desc,.soft-interests p,.note) {
  color:var(--e-ink-muted);line-height:1.55;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .dismiss,
html.ehopto-theme-light body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .dismiss {
  display:grid;place-items:center;min-width:40px;min-height:40px;padding:8px;
  border:0;background:transparent;color:var(--e-ink-muted);border-radius:8px;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .dismiss:hover {
  background:color-mix(in srgb,var(--e-ink) 5%,transparent);color:var(--e-ink);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog :is(.quick-grid,.type-grid) {gap:0 12px}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .quick-grid button,
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .type-grid label,
html.ehopto-theme-light body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog :is(.quick-grid button,.type-grid label) {
  display:flex;align-items:center;justify-content:flex-start;gap:8px;
  min-height:44px;padding:10px 8px; margin:0;
  border:0;border-bottom:1px solid var(--e-line);border-radius:0;
  background:transparent;color:var(--e-ink);font-size:12.75px;font-weight:580;
  box-shadow:none;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .quick-grid button:hover,
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .type-grid label:hover {
  background:color-mix(in srgb,var(--e-accent) 6%,transparent);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .quick-grid button[aria-current="true"],
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .type-grid label:has(input:checked) {
  border-bottom-color:var(--e-accent);
  color:var(--e-accent-soft);
  background:color-mix(in srgb,var(--e-accent) 8%,transparent);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog :is(input[type="date"],input[type="text"]),
html.ehopto-theme-light body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog :is(input[type="date"],input[type="text"]) {
  min-height:44px;background:var(--e-sunk);color:var(--e-ink);
  border:1px solid var(--e-control-line);border-radius:9px;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .eh-format-section,
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .soft-interests {
  border-top:1px solid var(--e-line);margin-top:18px;padding-top:16px;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .eh-format-section h3 {color:var(--e-ink);font-size:14px}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .eh-format-grid {gap:7px}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .eh-format-choice {
  min-height:70px;border:1px solid transparent;border-bottom-color:var(--e-line);
  border-radius:8px;background:transparent;color:var(--e-ink-muted);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .eh-format-choice:has(input:checked) {
  border-color:var(--e-accent);background:color-mix(in srgb,var(--e-accent) 10%,transparent);
  color:var(--e-ink);
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .eh-format-choice:focus-within {
  outline:2px solid var(--e-accent);outline-offset:2px;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .topics button,
html.ehopto-theme-light body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .topics button {
  border:0;border-bottom:1px solid var(--e-line);border-radius:5px;
  background:transparent;color:var(--e-accent-soft);min-height:36px;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .apply,
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .interest-submit button {
  min-height:44px;background:var(--e-action);color:var(--e-on-action);
  border:0;border-radius:9px;font-size:13px;font-weight:650;
}
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .type-grid input,
body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .quick-grid input {accent-color:var(--e-accent)}
@media(max-width:600px){
  body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-lenses {gap:4px 6px}
  body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-button {min-height:44px;padding:8px 7px;font-size:12px}
  body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog {border-radius:16px 16px 0 0}
  body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-dialog .inside {padding:16px 14px calc(16px + env(safe-area-inset-bottom))}
}

/* Find: keep "one search", calm the optional refine panel and results actions. */
body.ehopto-find-design.ehopto-quiet-discovery[data-find-method="search"] .find-refine-toggle {
  min-height:44px!important; padding:8px 10px!important;
  border:0!important; border-bottom:2px solid transparent!important;
  border-radius:7px!important;background:transparent!important;
  color:var(--e-accent-soft);font-size:12.75px!important;font-weight:620;
}
body.ehopto-find-design.ehopto-quiet-discovery .find-refine-toggle[aria-expanded="true"] {
  border-bottom-color:var(--e-accent)!important;
}
body.ehopto-find-design.ehopto-quiet-discovery .find-filterbar .radios label {
  min-height:44px; border:0!important; border-bottom:2px solid transparent!important;
  border-radius:7px!important;background:transparent!important;
  font-size:12.75px;padding:9px 10px!important;
}
body.ehopto-find-design.ehopto-quiet-discovery .radios label:has(input:checked) {
  border-bottom-color:var(--e-accent)!important;
  color:var(--e-accent-soft);box-shadow:none!important;
  background:color-mix(in srgb,var(--e-accent) 7%,transparent)!important;
}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-panel {
  max-height:min(78dvh,650px);overflow-y:auto;
  padding:16px 18px;gap:6px;
  border:1px solid var(--e-line);border-radius:14px;
  background:var(--e-card);color:var(--e-ink);box-shadow:0 14px 36px rgba(0,0,0,.18);
}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-heading {margin-bottom:4px}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-heading strong {font-size:15px;font-weight:700}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-heading button {
  min-width:40px;min-height:40px;color:var(--e-ink-muted);
  border-radius:8px;font-size:19px;
}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-panel>label {
  min-height:44px;padding:8px 3px;
  border-bottom:1px solid var(--e-line);color:var(--e-ink);
}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-panel input {accent-color:var(--e-accent)}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-panel small {color:var(--e-ink-muted)}
body.ehopto-find-design.ehopto-quiet-discovery .find-more-panel :is(input,select,button,a):focus-visible,
body.ehopto-find-design.ehopto-quiet-discovery .find-refine-toggle:focus-visible {
  outline:2px solid var(--e-accent);outline-offset:3px;
}
body.ehopto-find-design.ehopto-quiet-discovery .find-card-actions>a,
body.ehopto-find-design.ehopto-quiet-discovery .find-card-actions>button {
  min-height:40px;padding:8px 10px;
  border:0;border-radius:7px;box-shadow:none;
  background:transparent;color:var(--e-accent-soft);font-size:12px;font-weight:620;
}
body.ehopto-find-design.ehopto-quiet-discovery .find-card-actions>:first-child:not(:only-child) {
  background:var(--e-action);color:var(--e-on-action);border:0;
}
body.ehopto-find-design.ehopto-quiet-discovery .find-card-actions>:not(:first-child):hover {
  background:color-mix(in srgb,var(--e-accent) 6%,transparent);
}
body.ehopto-find-design.ehopto-quiet-discovery .find-card-feedback {
  color:var(--e-accent-soft);border-top:1px solid var(--e-line);min-height:40px;
}
@media(max-width:700px) {
  body.ehopto-find-design.ehopto-quiet-discovery .find-more-panel {
    width:min(380px,100%);max-height:70dvh;
  }
}
@media(prefers-reduced-motion:reduce){
  body.ehopto-theme-audit-home.ehopto-quiet-discovery .eh-discover-button {transition:none}
}