/* Elektro Andrade — Responsive (media queries only)
   Loaded after style.css, contains all width-based breakpoints
   plus reduced-motion and print rules. */

/* Grid */
@media (min-width: 720px) {
  .grid--2 { grid-template-columns: 1fr 1fr; }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .grid--3 { grid-template-columns: repeat(3, 1fr); }
  .grid--4 { grid-template-columns: repeat(4, 1fr); }
}

/* Header / nav */
@media (min-width: 1024px) { .nav { display: block; } }
@media (min-width: 1024px) { .nav-toggle { display: none; } }

/* Mobile CTA bar — only shown on small screens */
@media (min-width: 1024px) { .mobile-cta-bar { display: none; } }
/* Add bottom spacing on mobile so fixed bar doesn't cover content */
@media (max-width: 1023.98px) {
  body { padding-bottom: 4.75rem; }
}

/* Split */
@media (min-width: 880px) {
  .split { grid-template-columns: 1fr 1fr; gap: 4rem; }
  .split--reverse > :first-child { order: 2; }
}

/* Stats */
@media (min-width: 720px) { .stats { grid-template-columns: repeat(4, 1fr); } }

/* CTA block */
@media (min-width: 880px) {
  .cta-block { grid-template-columns: 1.4fr 1fr; gap: 3rem; }
}
@media (min-width: 540px) {
  .cta-block__actions { flex-direction: row; flex-wrap: wrap; }
}

/* Contact grid */
@media (min-width: 720px) { .contact-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .contact-grid { grid-template-columns: repeat(4, 1fr); } }

/* Footer */
@media (min-width: 720px) { .site-footer__grid { grid-template-columns: 1.2fr 1fr 1fr; } }
@media (min-width: 1024px) { .site-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1.1fr; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Print */
@media print {
  .site-header, .site-footer, .nav-toggle, .mobile-nav, .mobile-cta-bar, .hero__actions, .cta-block, .video-embed { display: none; }
  .hero { color: #000; background: none; }
  .hero::before { display: none; }
  body { color: #000; background: #fff; padding-bottom: 0; }
}