/* Mobile responsiveness improvements */

/* Ensure minimum touch target size on mobile */
@media (max-width: 575.98px) {
  .btn-sm {
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  }
  
  .btn {
    min-height: 48px;
    font-size: 1rem;
  }
  
  /* Improve button group spacing on mobile */
  .btn-group-sm .btn {
    min-height: 40px;
  }
  
  /* Better dropdown button sizing */
  .dropdown-toggle {
    min-height: 44px;
  }
  
  /* Improve card padding on mobile */
  .card-body {
    padding: 1rem 0.75rem;
  }
  
  .card-footer {
    padding: 0.75rem;
  }
  
  /* Better list group item spacing */
  .list-group-item {
    padding: 1rem 0.75rem;
  }
  
  /* Ensure text doesn't overflow */
  .text-break {
    word-break: break-word;
    overflow-wrap: break-word;
  }
  
  /* Improve link spacing */
  h1, h2, h3, h4, h5 {
    line-height: 1.3;
  }
  
  /* Better spacing for mobile headers */
  .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}