/*
 * CommunityHero Styles
 * Main application stylesheet
 */

/* Custom utilities beyond Tailwind */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Smooth transitions */
.transition-colors {
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Fix for Tailwind v4 responsive class specificity issue */
/* Desktop sidebar - always visible on screens 768px+ */
@media (min-width: 768px) {
  .desktop-sidebar {
    display: flex !important;
  }

  .mobile-only {
    display: none !important;
  }

  .desktop-filters {
    display: block !important;
  }

  .mobile-filters {
    display: none !important;
  }
}

/* Mobile - hide sidebar, show mobile nav on screens below 768px */
@media (max-width: 767px) {
  .desktop-sidebar {
    display: none !important;
  }

  .mobile-only {
    display: flex !important;
  }

  .desktop-filters {
    display: none !important;
  }

  .mobile-filters {
    display: block !important;
  }
}