/* === Event meta row (single + archive card) ===
 *
 * Dot separators between top-line items (date · time · location chip).
 * Uses ::before pseudo-elements inside each non-first flex child.
 */

/* --- Dot separators between top-line items --- */

.lfdk-meta-topline > *:not(:first-child)::before {
  content: "\00B7";
  margin-right: 0.4em;
  font-weight: 400;
}

/* Chips: move dot outside the chip border.
   Suppress ::before on chip elements; add ::after to the preceding sibling. */
.lfdk-meta-topline > [class*="lfdk-chip"]::before {
  content: none;
}

.lfdk-meta-topline > *:has(+ [class*="lfdk-chip"])::after {
  content: "\00B7";
  margin-left: 0.4em;
  font-weight: 400;
}

/* --- Meta row button: stretch right column so justify-end aligns button at bottom --- */

.is-layout-flex:has(.lfdk-meta-topline) > .is-vertical:has(.wp-block-buttons) {
  align-self: stretch;
}

/* --- Event status (availability) styling --- */

.lfdk-event-status {
  color: var(--wp--preset--color--secondary-d);
}

.lfdk-event-status--sold-out {
  font-weight: 700;
}

.lfdk-event-status--bookable {
  color: var(--wp--preset--color--primary);
}