/* Mobile Responsiveness Improvements */

/* Touch-friendly tap targets (minimum 44x44px) */
@media (max-width: 768px) {
 .btn {
 min-height: 44px;
 padding: 12px 20px;
 font-size: 16px; /* Prevent zoom on iOS */
 }
 
 input[type="checkbox"],
 input[type="radio"] {
 width: 22px;
 height: 22px;
 margin: 11px;
 }
 
 /* Touch-friendly form controls */
 .form-control {
 font-size: 16px; /* Prevent zoom on iOS */
 padding: 12px;
 min-height: 44px;
 }
 
 /* Improve navigation spacing */
 .nav-link {
 padding: 12px 16px;
 min-height: 44px;
 display: flex;
 align-items: center;
 }
 
 /* Stack form elements on mobile */
 .form-row {
 flex-direction: column;
 }
 
 .form-row .col,
 .form-row [class*="col-"] {
 max-width: 100%;
 margin-bottom: 1rem;
 }
 
 /* Full-width buttons on mobile */
 .btn-group-mobile {
 display: flex;
 flex-direction: column;
 width: 100%;
 }
 
 .btn-group-mobile .btn {
 width: 100%;
 margin-bottom: 0.5rem;
 }
 
 /* Improve card layouts */
 .card {
 margin-bottom: 1rem;
 }
 
 .card-deck {
 flex-direction: column;
 }
 
 /* Better modal experience */
 .modal-dialog {
 margin: 0.5rem;
 max-width: calc(100% - 1rem);
 }
 
 /* Responsive tables */
 .table-responsive {
 -webkit-overflow-scrolling: touch;
 }
}

/* Landscape orientation fixes */
@media (max-width: 768px) and (orientation: landscape) {
 .navbar {
 padding: 0.25rem 1rem;
 }
 
 .hero-section {
 min-height: auto;
 padding: 2rem 0;
 }
}