/* PRJ-004 event site: content page styles (EMS-10, EMS-19).
   Load after quartz.css and layout.css. Quartz tokens only. */

/* ---------- Day picker ---------- */
.day-picker {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--qds-control-standard-gap-siblings-related);
}
.day-picker__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--qds-control-standard-height);
  padding: 0.5rem;
  border: var(--qds-control-border-width) solid var(--qds-theme-divider-standard);
  border-radius: var(--qds-control-border-radius);
  background: var(--qds-theme-control-background-default);
  color: var(--qds-theme-text-standard);
  font: var(--qds-control-standard-text);
  cursor: pointer;
}
.day-picker__button:hover { background: var(--qds-theme-interactive-background-hover); }
.day-picker__button[aria-pressed="true"] {
  background: var(--qds-theme-signature-color-default);
  border-color: var(--qds-theme-signature-color-default);
  color: var(--qds-theme-signature-color-contrast);
}
.day-picker__label { font-weight: 700; }
.day-picker__date { font: var(--qds-text-subdued); font-family: var(--qds-font-family-brand); }

/* ---------- Session list ---------- */
.session-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.session-row {
  display: grid;
  gap: 0.125rem;
  padding: var(--qds-main-subsection-padding-top) var(--qds-main-subsection-padding-start);
  background: var(--qds-theme-main-subsection-standard-background);
  border-radius: var(--qds-main-subsection-border-radius);
  box-shadow: var(--qds-main-subsection-elevation);
  color: var(--qds-theme-text-standard);
  text-decoration: none;
}
.session-row:hover { background: var(--qds-theme-interactive-background-hover); color: var(--qds-theme-text-standard); }
.session-row__time { font: var(--qds-text-subdued); font-family: var(--qds-font-family-brand); color: var(--qds-theme-text-subdued); }
.session-row__title { font: var(--qds-main-subsection-title-emphasized); color: var(--qds-theme-title); }
.session-row__meta { font: var(--qds-text-subdued); font-family: var(--qds-font-family-brand); color: var(--qds-theme-text-subdued); }
.session-row--support { box-shadow: none; background: transparent; border: 1px dashed var(--qds-theme-divider-subdued); }
.session-row--support .session-row__title { font: var(--qds-text-emphasized); font-family: var(--qds-font-family-brand); }

/* ---------- Detail cards ---------- */
.detail-list {
  display: grid;
  grid-template-columns: 6rem 1fr;
  gap: 0.5rem 1rem;
  margin: 0;
}
.detail-list dt { color: var(--qds-theme-text-subdued); }
.detail-list dd { margin: 0; }
.card-header { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.card-header h2 { margin: 0; }
.status-tag {
  display: inline-flex;
  align-items: center;
  min-height: var(--qds-feedback-tag-small-height);
  padding: 0 var(--qds-feedback-tag-small-padding-horizontal);
  border-radius: var(--qds-feedback-tag-small-border-radius);
  background: var(--qds-theme-feedback-message-important-dimmed);
  color: var(--qds-theme-feedback-message-important);
  font: var(--qds-feedback-tag-small-text);
}
.consent-list { margin: 0; padding-left: 1.25rem; display: grid; gap: 0.5rem; }

/* ---------- Links styled as actions ---------- */
.button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: var(--qds-control-standard-height);
  padding: 0 var(--qds-control-button-standard-padding-horizontal);
  border-radius: var(--qds-control-border-radius);
  background: var(--qds-theme-signature-color-default);
  color: var(--qds-theme-signature-color-contrast);
  font: var(--qds-control-standard-text-emphasized);
  text-decoration: none;
}
.button-link:hover { background: var(--qds-theme-signature-color-hover); color: var(--qds-theme-signature-color-contrast); }
.back-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--qds-control-standard-height);
  font: var(--qds-control-standard-link);
}
.page-content { display: flex; flex-direction: column; gap: var(--qds-main-section-gap-children-related); }

/* ---------- Home (EMS-19) ---------- */
/* A session row inside a card: outlined instead of a second shadow. */
.session-row--inset { box-shadow: none; border: 1px solid var(--qds-theme-divider-subdued); }
.home-label {
  font: var(--qds-text-subdued);
  font-family: var(--qds-font-family-brand);
  color: var(--qds-theme-text-subdued);
}
/* The simulated-time notice, so a test view is never mistaken for the real time. */
.home-note { border-left: 4px solid var(--qds-theme-feedback-message-important); }