body {
  background-color: #f8f9fa;
  color: #212529;
}

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

/* Custom styles to complement Bootstrap */
.list-group-item-action {
  cursor: pointer;
}

.z-3 {
  z-index: 1030;
}

.brand-font {
  font-family: 'Righteous', cursive;
  color: #0d6efd;
}

.bg-warning-dark {
  background-color: #f66106; /* darker amber */
  color: #fff;
}

.text-warning-dark {
  color: #f66106; /* darker amber */
}

/* Ensure font size on mobile is at least 16px to prevent iOS auto-zoom */
@media (max-width: 767px) {
  .form-control, .btn {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .border-start-md {
    border-left: 1px solid #dee2e6 !important;
  }
  .border-end-md {
    border-right: 1px solid #dee2e6 !important;
  }
  .border-md-0 {
    border: 0 !important;
  }
}

.min-w-300 {
  min-width: 300px;
}