/**
 * Minor tweaks for the 403 member-content splash.
 * Base styling comes from the theme's event-splash-page classes.
 */

/* The theme centers .block-system-main-block on 403 pages (meant for the
   plain "Access denied" message). Reset it for the splash. */
.access-denied-splash {
  text-align: left;
}

.access-denied-splash .no-access-message {
  margin-top: 2rem;
}

.access-denied-splash .register-container .register-button a {
  text-decoration: none;
}

/* Content type label: same treatment as the "Need help?" copy (regular body
   text) instead of the small uppercase label from the event splash styles. */
.access-denied-splash .event-splash-page__label {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: capitalize;
  color: inherit;
  margin-bottom: 1rem;
}

/* Teaser: same treatment as the "Trouble logging in or unsure..." copy,
   with spacing between paragraphs. */
.access-denied-splash .event-splash-page__preview {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  color: inherit;
}

.access-denied-splash .event-splash-page__preview p {
  margin-bottom: 1rem;
}

/* "Email us ->" link: bold, green, slightly larger so it stands out. */
.access-denied-splash__email-link {
  font-weight: 700;
  font-size: 1.125rem;
  color: #13712D;
  text-decoration: underline;
}

.access-denied-splash__email-link:hover {
  color: #0C4B1E;
}

/* Event splash page: match the grey background of the 403 pages
   (.page-container-403 uses the theme's gray-800 = #CCC). */
.layout-container:has(.event-splash-page) {
  background-color: #CCC;
}

/* Breathing room between the splash content and the footer. */
.event-splash-page {
  padding-bottom: 3rem;
}

.layout-container:not(.page-container-403) .event-splash-page__header {
  padding-top: 5rem;
}