/* Age restriction overlay – builds on base.css age-gate styles */

#wr-age-gate.age-gate-backdrop {
  /* Ensure it sits above other UI like cookie banner */
  z-index: 9999;
}

#wr-age-gate[aria-hidden="true"] {
  display: none;
}

#wr-age-gate[aria-hidden="false"] {
  display: flex;
}

/* Minor refinements for this project */
#wr-age-gate .age-gate-modal {
  text-align: left;
}

#wr-age-gate .age-gate-modal__title {
  margin-bottom: var(--space-3);
}

#wr-age-gate .age-gate-modal__text {
  max-width: 40rem;
}

#wr-age-gate .btn {
  font-size: var(--font-size-xs);
}