/* Harvey Community Radio — What's on cards (Duncan 27 Sep 2026)
   1) "Set a reminder" sits inside each list card's shaded body, bottom-left.
   2) White space between list cards stays as before (6.75px list gap + 11.7px the reminder used to add = 18.45px).
   3) Closing soon only: white gap between cards doubled, 6.75px -> 13.5px. */

/* —— Reminder inside the card —— */
.hcr-wo-reminder-host.hcr-wo-reminder-in-card {
  margin: 10px 0 2px !important;
  padding: 0 !important;
  display: flex;
  justify-content: flex-start;
}
.hcr-wo-reminder-in-card .hcr-wo-reminder {
  position: relative;
  isolation: isolate;               /* keeps the ::before fill behind the label but above the card tint */
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
/* chip-kill.js paints reminder pills with inline "transparent !important" styles, which no
   stylesheet can beat, so the white pill + clearer border is drawn on ::before instead. */
.hcr-wo-reminder-in-card .hcr-wo-reminder::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: #FFFFFF;
  border: 1px solid #C9D0DA;
  pointer-events: none;
}
.hcr-wo-reminder-in-card .hcr-wo-reminder:hover::before { background: #F3F5F8; }
.hcr-wo-reminder-in-card .hcr-wo-reminder:active::before { background: #EEF1F5; }
/* "✓ Added" keeps the soft green from cool-studio-override.css (chip-kill drops its inline styles then) */
.hcr-wo-reminder-in-card .hcr-wo-reminder.hcr-reminder-added::before { display: none; }

/* —— Keep the white space between list cards exactly as before —— */
li.hcr-wo-has-reminder { margin-bottom: 11.7px; }

/* —— Closing soon only: double the white gap between cards (6.75px -> 13.5px) —— */
#closing-soon :is(ul, ol, div):has(> article),
#closing-soon :is(ul, ol):has(> li > article) {
  gap: 13.5px !important;
}