/*
 * Hide certain category labels on single posts that aren't useful to readers
 */

.wp-block-post-terms a[href*="category/uncategorized"],
.wp-block-post-terms a[href*="category/featured"] {
  display: none !important;
}

/*
 * The Events Calendar styles
 */

/** Primarily used for the Calendar page **/

:root {
  --tec-font-family-sans-serif: "Interstate", sans-serif !important;
  --tec-font-weight-bold: 600 !important;
}

.tribe-common-l-container {
  padding: 0 !important;
}

/** Single event **/

/* Reset container max width in the editor only, which somehow differs from the frontend */
body.post-type-tribe_events
  .block-editor-block-list__layout.is-root-container
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: initial !important;
}

.single-tribe_events .tribe-events-schedule {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.tribe-events-schedule .tribe-events-schedule__datetime,
/* Editor */
.tribe-editor__subtitle :is(.tribe-editor__btn--label, .tribe-editor__btn--label span) {
  font-family: "Overpass Mono", ui-monospace;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: var(--font-size-md);
}

.tribe-editor__subtitle .tribe-editor__subtitle__headline-date {
  display: block;
}

.tribe-editor__subtitle .tribe-editor__separator {
  margin: 0;
}

/* TEC blocks don't render CSS classes in the block editor, so we have to force it by adding a white color to its parent column, then selectively targeting just that block */
.block-editor-block-list__block.wp-block-column.has-white-color
  :is(
    .tribe-editor__subtitle .tribe-editor__btn--label,
    .tribe-editor__subtitle .tribe-editor__subtitle__headline-date
  ) {
  color: white;
}

/* TEC blocks don't support font or appearance controls, so we have to force it */
.tribe-events-schedule .tribe-events-schedule__datetime span {
  font-size: var(--font-size-md);
}

.tribe-events-schedule.white .tribe-events-schedule__datetime {
  color: white;
}

/* Opinionated display styles, specific to DSG events */
.tribe-events-schedule__date--start {
  display: block;
}

.tribe-events-schedule__separator--date {
  display: none;
}

.tribe-events-schedule__separator--time {
  display: none;
}

.tribe-events-schedule__time--end {
  display: none;
}

.tribe-events-schedule__datetime span.tribe-events-schedule__timezone {
  font-weight: 700;
  font-size: 1.05em !important;
  color: var(--wp--preset--color--gray-900) !important;
}

/* Reset TEC's inscrutable font size styling */
body.post-type-tribe_events p.wp-block-paragraph {
  font-size: unset;
}

/*
 * TODO: Fill out "Register Now" details block styles
 */