/*
 * Mobile Responsive Styles
 * 
 * @package Viva_Magenta_V1
 */

@media (max-width: 480px) {
  .container {
    padding: 0 15px;
  }

  /* Typography adjustments */
  .hero-title {
    font-size: 2.5rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }

  .section-title {
    font-size: 1.75rem;
  }

  .final-cta-title {
    font-size: 1.75rem;
  }

  .error-404-title,
  .page-title,
  .post-title {
    font-size: 1.75rem;
  }

  /* Component adjustments */
  .service-card {
    padding: 2rem 1.5rem;
  }

  .portfolio-gallery {
    grid-template-columns: 1fr;
    grid-auto-rows: 200px;
  }

  .gallery-item.tall {
    grid-row: span 1;
  }

  .testimonial-author {
    flex-direction: column;
    gap: 0.5rem;
  }

  .legal-links {
    flex-direction: column;
    gap: 0.5rem;
  }

  /* Contact page mobile */
  .contact-hero-content .page-title {
    font-size: 2rem;
  }

  .contact-hero-content .page-subtitle {
    font-size: 1.1rem;
  }

  .contact-form-wrapper {
    padding: 25px 15px;
  }

  .contact-layout {
    gap: 40px;
  }

  .contact-methods {
    gap: 25px;
  }

  .contact-method {
    gap: 15px;
  }

  .contact-icon {
    width: 45px;
    height: 45px;
  }

  .service-cta-card {
    padding: 30px 20px;
  }

  .service-cta-card .service-icon {
    width: 70px;
    height: 70px;
  }

  /* Animation optimizations for mobile */
  .service-card {
    animation: fadeInUp 0.6s ease-out both;
  }

  .service-card:nth-child(1) {
    animation-delay: 0.1s;
  }
  .service-card:nth-child(2) {
    animation-delay: 0.2s;
  }
  .service-card:nth-child(3) {
    animation-delay: 0.3s;
  }

  .blog-card {
    animation: fadeInUp 0.6s ease-out both;
  }

  .blog-card:nth-child(1) {
    animation-delay: 0.1s;
  }
  .blog-card:nth-child(2) {
    animation-delay: 0.2s;
  }
  .blog-card:nth-child(3) {
    animation-delay: 0.3s;
  }
}