/* ============================================================
   responsive.css — Additional responsive tweaks
   (Complements Tailwind breakpoints for edge cases)
   ============================================================ */

/* Hero headline fluid sizing fallback */
.hero-title {
  font-size: clamp(2.8rem, 8vw, 7rem);
  line-height: 0.95;
}

/* Stats number fluid sizing */
.stat-number {
  font-size: clamp(2.5rem, 5vw, 4rem);
}

/* Container padding on very small screens */
@media (max-width: 375px) {
  .container { padding-inline: 1rem; }
  .hero-title { font-size: 2.2rem; }
}

/* Fix Swiper carousel on mobile */
@media (max-width: 640px) {
  .swiper-slide { width: 100% !important; }
  .portfolio-swiper { padding-bottom: 2.5rem; }
}

/* Testimonials card height equalization */
@media (min-width: 768px) {
  .testimonial-card { height: 100%; }
}

/* Admin panel responsive table */
@media (max-width: 768px) {
  .admin-table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* Lottie animation sizing */
lottie-player {
  max-width: 200px;
  width: 100%;
}

@media (max-width: 640px) {
  lottie-player { max-width: 120px; }
}