/* Route Selection Component Styles */

.route-selection-container {
  background-color: var(--bels-light-bg);
}

[data-bs-theme='dark'] .route-selection-container {
  background-color: var(--dark-surface);
  border-color: var(--dark-border);
}

.route-card {
  transition: all var(--transition-base);
  border: 1px solid var(--bels-border);
}

.route-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--bels-shadow-rgb), 0.1);
}

[data-bs-theme='dark'] .route-card {
  background-color: var(--dark-surface);
  border-color: var(--dark-border);
}

[data-bs-theme='dark'] .route-card:hover {
  box-shadow: 0 4px 12px rgba(var(--bels-shadow-rgb), 0.3);
}

.route-card.border-primary {
  border-color: var(--bels-primary);
  background-color: rgba(var(--bels-primary-rgb), 0.05);
}

[data-bs-theme='dark'] .route-card.border-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.15);
  border-color: var(--bs-primary);
}

.form-check-container .form-check {
  margin-bottom: 0.25rem;
}

.form-check-container .form-check-label {
  font-size: 0.8rem;
  margin-bottom: 0;
}

/* Form validation styles */
.was-validated .form-control:valid,
.was-validated .form-select:valid {
  border-color: var(--bels-success);
}

.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
  border-color: var(--bels-danger);
}

.form-label.required::after {
  content: " *";
  color: var(--bels-danger);
  font-weight: bold;
}

/* Responsive improvements */
@media (max-width: 768px) {
  .store-selection-container {
    max-height: 250px;
  }
  
  .card-body {
    padding: 1rem;
  }
  
  .btn-group-sm .btn {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
  }
}

/* Store search input improvements */
.input-group .form-control:focus {
  z-index: 3;
}

#store-search {
  border-radius: 0.375rem 0 0 0.375rem;
}

.input-group-text {
  border-radius: 0 0.375rem 0.375rem 0;
}

/* Custom scrollbar for route container */
.route-selection-container::-webkit-scrollbar {
  width: 8px;
}

.route-selection-container::-webkit-scrollbar-track {
  background: var(--bels-light-bg);
  border-radius: 4px;
}

.route-selection-container::-webkit-scrollbar-thumb {
  background: var(--bels-border);
  border-radius: 4px;
}

.route-selection-container::-webkit-scrollbar-thumb:hover {
  background: var(--bels-muted);
}

[data-bs-theme='dark'] .route-selection-container::-webkit-scrollbar-track {
  background: var(--dark-surface-hover);
}

[data-bs-theme='dark'] .route-selection-container::-webkit-scrollbar-thumb {
  background: var(--dark-border);
}

[data-bs-theme='dark'] .route-selection-container::-webkit-scrollbar-thumb:hover {
  background: var(--bels-accent);
}