/* enrollForm.css: Styles for enrollForm.ejs */
@media (max-width: 576px) {
  .enroll-bottom-btn-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    z-index: 1100;
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
    padding: 0.75rem 1rem 1.1rem 1rem;
    display: flex;
    justify-content: center;
  }
  .enroll-bottom-btn {
    width: 100%;
    font-size: 1.15rem;
    padding: 0.85rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 8px rgba(13,110,253,0.08);
  }

  /* Add margin-bottom to availability table card on mobile */
  .card.shadow-sm.mb-4 {
    margin-bottom: 100px !important;
  }
}
/* Optional polish for button-radios */
.btn-choice-group .btn { min-width: 96px; }
.btn-check:checked + .btn-outline-primary {
  color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary);
}
.btn-check:focus + .btn,
.btn:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb,13,110,253), .25); }