/* ==========================================================================
   Responsive rules — Karibi-Whyte & Partners
   ========================================================================== */

@media (max-width: 1199px) {
  :root { --section-pad: 6rem; }
  .cta-band { padding: 3rem; }
}

@media (max-width: 991px) {
  :root { --section-pad: 5rem; --section-pad-sm: 3.5rem; }
  .kw-nav-menu { display: none !important; }
  .hero-seal-mark { width: 76px; height: 76px; top: 6rem; right: 1.5rem; }
  #heroCarousel .carousel-control-prev,
  #heroCarousel .carousel-control-next { width: 44px; height: 44px; }
  #heroCarousel .carousel-control-prev { left: 0.75rem; }
  #heroCarousel .carousel-control-next { right: 0.75rem; }
  .page-header { padding: 8.5rem 0 3.5rem; }
  .cta-band { padding: 2.5rem 1.75rem; text-align: center; }
  .cta-band .d-flex.justify-content-end { justify-content: center !important; margin-top: 1.5rem; }
  .logo-strip { gap: 2rem 2.5rem; }
}

@media (max-width: 767px) {
  :root { --section-pad: 4rem; --section-pad-sm: 3rem; }
  h1 { font-size: 2rem; }
  .hero-full .lead { font-size: 1rem; }
  .hero-cta-group { flex-direction: column; }
  .hero-cta-group .btn { width: 100%; text-align: center; }
  .testimonial-card { padding: 1.8rem; }
  .job-item { flex-direction: column; align-items: flex-start; }
  .job-item .btn { width: 100%; text-align: center; }
  #backToTop { right: 1.2rem; bottom: 1.2rem; width: 42px; height: 42px; }
  .whatsapp-float { left: 1.2rem; bottom: 1.2rem; width: 48px; height: 48px; }
  .error-code { font-size: 5.2rem; }
  #heroCarousel .carousel-control-prev,
  #heroCarousel .carousel-control-next { display: none; }
}

@media (max-width: 575px) {
  .container-xl { padding-inline: 1.1rem; }
  .cta-band { padding: 2rem 1.25rem; }
  .search-overlay input { font-size: 1.5rem; }
  .practice-card, .attorney-info, .testimonial-card, .contact-info-card { padding: 1.6rem 1.4rem; }
}

/* Print */
@media print {
  .kw-navbar, .whatsapp-float, #backToTop, #scroll-progress, .kw-footer, #preloader { display: none !important; }
}