/* Age restriction modal adjustments (building on base modal styles) */

#age-modal-overlay.modal-overlay {
  align-items: center;
  justify-content: center;
}

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

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

#age-modal-overlay .modal {
  max-width: 520px;
}

#age-modal-overlay .modal-body p {
  margin-bottom: 0;
}

#age-modal-overlay .modal-actions {
  justify-content: flex-start;
}

@media (max-width: 600px) {
  #age-modal-overlay .modal-actions {
    flex-direction: column;
  }

  #age-modal-overlay .modal-actions .btn {
    width: 100%;
    justify-content: center;
  }
}