/* PORCH-WO-14ak: the WNM Church directory element. Loads only on a page that carries it, after events-calendar.css and resources.css,
   whose search field, chips, count line, list-row text and empty state it reuses. Only the row layout is its own. Tokens only. */

.cdir { margin-top: clamp(24px, 4vw, 40px); }
/* Opening the page (no head above it): the sheet's opening padding is the whole gap (#191). */
.wpb_wrapper > .cdir:first-child { margin-top: 0; }
.cdir [hidden] { display: none !important; }
.cdir .res-count { margin-bottom: 8px; }
.cdir .res-controls { margin-bottom: var(--s-5); }
@media (min-width: 768px) { .cdir .res-controls { margin-bottom: var(--s-6); } }
.cdir-city { margin-top: 32px; }
.cdir-city .evc-list__month { margin-top: 0; }
.cdir-rows { list-style: none; margin: 0; padding: 0; }
.cdir-row {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px clamp(14px, 3vw, 32px);
  padding: 20px 0; border-top: 1px solid var(--color-border);
}
.cdir-rows li:last-child { border-bottom: 1px solid var(--color-border); }
.cdir-row .evc-fb__t { margin: 0; }
.cdir-row__links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px var(--s-5); }
.cdir__open { margin-top: clamp(32px, 5vw, 48px); }
@media (max-width: 767px) {
  .cdir-row { grid-template-columns: minmax(0, 1fr); }
  .cdir-row__links { justify-content: flex-start; }
}