/* NGtownhall — custom styles layered on the template theme (main.css) */

:root {
  /* Status tokens not provided by the template */
  --color-warning: #8A5A00;
  --color-warning-bg: #FBEFD5;
}

/* Wordmark mark: colours come from theme tokens, not hardcoded fills */
.ui-logo-tile {
  fill: var(--color-primary);
}

.ui-logo-ink {
  fill: none;
  stroke: var(--color-accent);
}

.ui-logo-dot {
  fill: var(--color-accent);
}

/* Sponsor line shown in the footer on every page */
.ui-sponsor-line {
  color: var(--color-text-on-dark);
}

/* Eyebrow inside dark sections */
.ui-eyebrow-on-dark {
  color: var(--color-text-on-dark-muted);
}

/* Smaller variant of the template button, for row actions */
.ui-btn-sm {
  font-size: 14px;
  padding: 10px 20px;
}

/* Townhall schedule */
.ui-schedule__note {
  font-size: 14.5px;
  color: var(--color-text-muted);
}

.ui-schedule__row {
  gap: var(--space-sm) var(--space-md);
  padding: var(--space-md) 0;
  border-bottom: 1px dashed var(--color-border);
}

.ui-schedule__row:first-child {
  border-top: 1px dashed var(--color-border);
}

.ui-schedule__main {
  min-width: 0;
}

.ui-schedule__link {
  color: var(--color-primary);
  text-decoration: none;
}

.ui-schedule__link:hover,
.ui-schedule__link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;
}

.ui-schedule__when {
  min-width: 11rem;
}

.ui-schedule__date {
  font-family: var(--font-heading);
  color: var(--color-primary);
}

.ui-schedule__meta {
  font-size: 14.5px;
  color: var(--color-text-muted);
}

.ui-schedule__actions {
  align-items: center;
}

@media (min-width: 992px) {
  .ui-schedule__actions {
    justify-content: flex-end;
    min-width: 21rem;
  }
}

.ui-schedule__pending {
  font-size: 14px;
  color: var(--color-text-muted);
}

/* Status label: always text, colour is only a secondary cue */
.ui-status {
  align-self: flex-start;
  font-family: var(--font-heading);
  font-size: 13px;
  padding: 6px 14px;
  border: 1px solid var(--color-border);
  white-space: nowrap;
}

@media (min-width: 992px) {
  .ui-schedule__row .ui-status {
    align-self: center;
  }
}

.ui-status--open {
  background-color: var(--color-accent);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.ui-status--neutral {
  background-color: transparent;
  color: var(--color-primary);
}

.ui-status--warning {
  background-color: var(--color-warning-bg);
  border-color: var(--color-warning);
  color: var(--color-warning);
}

.ui-status--muted {
  background-color: transparent;
  color: var(--color-text-muted);
}

/* Townhall day agenda (reuses the template price-row) */
.ui-agenda__note {
  font-size: 14px;
  color: var(--color-text-muted);
}