/**
 * Final section treatment for single WVARC event pages.
 * The template uses the registered WVARC Gutenberg section styles directly.
 */

.wp-block-group.is-style-wvarc-section-gold.wvarc-event-single__header {
  margin: 0;
  background: var(--wvarc-sand);
  color: var(--wvarc-navy);
  border-bottom: 0;
}

.wp-block-group.is-style-wvarc-section-gold.wvarc-event-single__header > .wvarc-event-single__header-inner,
.wp-block-group.is-style-wvarc-section-black.wvarc-event-single__body-section > .wvarc-event-single__shell {
  width: min(100% - 2rem, 72rem);
  margin-inline: auto;
}

.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__back,
.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__kicker,
.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__header-inner h1 {
  color: var(--wvarc-navy);
}

.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__back:hover,
.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__back:focus-visible {
  color: var(--wvarc-blue);
}

.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__badge {
  border-color: var(--wvarc-navy);
  background: var(--wvarc-navy);
  color: var(--wvarc-ink);
}

.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__badge--status {
  background: var(--wvarc-blue);
}

.wp-block-group.is-style-wvarc-section-gold .wvarc-event-single__badge--visibility {
  background: var(--wvarc-ink);
  color: var(--wvarc-navy);
}

.wp-block-group.is-style-wvarc-section-black.wvarc-event-single__body-section {
  margin: 0;
}

.wp-block-group.is-style-wvarc-section-black.wvarc-event-single__body-section > .wvarc-event-single__shell {
  padding: 0;
}

.wvarc-event-button--secondary {
  border-color: var(--wvarc-sky);
  background: var(--wvarc-blue);
  color: var(--wvarc-ink);
}

.wvarc-event-button--secondary:hover,
.wvarc-event-button--secondary:focus-visible {
  border-color: var(--wvarc-gold);
  background: var(--wvarc-navy);
  color: var(--wvarc-gold);
}

.wp-block-group.is-style-wvarc-section-gold a:focus-visible {
  outline-color: var(--wvarc-navy);
}

@media (max-width: 42rem) {
  .wp-block-group.is-style-wvarc-section-gold.wvarc-event-single__header > .wvarc-event-single__header-inner,
  .wp-block-group.is-style-wvarc-section-black.wvarc-event-single__body-section > .wvarc-event-single__shell {
    width: min(100% - 1.5rem, 72rem);
  }
}