/* =====================================================
   AutoLoc France - Responsive Styles
   ===================================================== */

/* Tablette paysage: 992px - 1199px */
@media (max-width: 1199px) {
  .content-sidebar-layout {
    grid-template-columns: 1fr 300px;
    gap: 36px;
  }
  .vehicles-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .counters-grid { gap: 16px; }
  .counter-number { font-size: 36px; }
}

/* Tablette portrait: 768px - 991px */
@media (max-width: 991px) {
  h1 { font-size: 28px; }
  h2 { font-size: 22px; }
  .section { padding: 60px 0; }

  /* Header */
  .header-search { display: none; }
  .main-nav { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero-article { height: 380px; }
  .hero-content h1 { font-size: 26px; max-width: 90%; }

  /* Layout */
  .content-sidebar-layout {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .sidebar { order: 2; }

  /* Vehicles */
  .vehicles-grid { grid-template-columns: repeat(2, 1fr); }
  .vehicles-grid-3 { grid-template-columns: repeat(2, 1fr); }

  /* Testimonials */
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid .testimonial-card:last-child {
    grid-column: 1 / -1;
    max-width: 480px;
    margin: 0 auto;
  }

  /* FAQ grid */
  .faq-grid { grid-template-columns: 1fr; }

  /* Contact section */
  .contact-section-layout { grid-template-columns: 1fr; }

  /* About */
  .about-intro-layout { grid-template-columns: 1fr; gap: 32px; }
  .about-intro-img { height: 280px; }
  .counters-grid { grid-template-columns: repeat(2, 1fr); }
  .values-grid { grid-template-columns: 1fr; }

  /* Options */
  .options-grid { grid-template-columns: repeat(2, 1fr); }

  /* Contact page */
  .contact-main-layout { grid-template-columns: 1fr; }

  /* Agencies */
  .agencies-grid { grid-template-columns: repeat(2, 1fr); }

  /* Article horizontal */
  .article-card-horizontal-img-wrap { width: 200px; min-width: 200px; }

  /* Tarif tabs */
  .tarif-tabs { flex-direction: column; align-items: center; }
  .tarif-tab { width: 280px; justify-content: center; }

  /* Filter bar */
  .filter-bar-inner { flex-direction: column; }
  .filter-bar select { width: 100%; }
}

/* Mobile paysage: 576px - 767px */
@media (max-width: 767px) {
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }
  .section { padding: 48px 0; }
  .container { padding: 0 16px; }

  /* Topbar */
  .topbar { display: none; }

  /* Hero */
  .hero-article { height: 280px; }
  .hero-content { padding: 20px; }
  .hero-content h1 { font-size: 20px; max-width: 100%; }
  .article-meta { gap: 10px; }

  /* Articles grid */
  .articles-grid { grid-template-columns: 1fr; }

  /* Article horizontal */
  .article-card-horizontal { flex-direction: column; }
  .article-card-horizontal-img-wrap {
    width: 100%;
    height: 200px;
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .article-card-horizontal-body { padding: 16px 0; }

  /* Vehicles */
  .vehicles-grid { grid-template-columns: 1fr; }
  .vehicles-grid-3 { grid-template-columns: 1fr; }

  /* Testimonials */
  .testimonials-grid { grid-template-columns: 1fr; }
  .testimonials-grid .testimonial-card:last-child { grid-column: auto; max-width: none; }

  /* Page banner */
  .page-banner { height: 200px; }
  .page-banner h1 { font-size: 24px; }
  .page-banner p { font-size: 14px; }

  /* Share bar */
  .share-bar .container { flex-direction: column; gap: 12px; }
  .share-left { flex-wrap: wrap; }

  /* CTA encart */
  .cta-encart { padding: 24px; }
  .cta-encart .btn-group { flex-direction: column; }
  .cta-encart .btn-group .btn { width: 100%; }

  /* Options */
  .options-grid { grid-template-columns: 1fr; }

  /* Team */
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .team-photo { width: 140px; height: 140px; }

  /* Counters */
  .counters-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }

  /* Forms */
  .form-row { grid-template-columns: 1fr; }

  /* Compare box */
  .compare-box { padding: 24px; }
  .compare-table { font-size: 13px; }
  .compare-table th, .compare-table td { padding: 8px 12px; }

  /* Info block */
  .info-block { padding: 24px; }
  .info-block-item { flex-direction: column; gap: 12px; }

  /* Author box */
  .author-box { flex-direction: column; }

  /* Agencies */
  .agencies-grid { grid-template-columns: 1fr; }

  /* Btn groups */
  .btn-group { flex-direction: column; }
  .btn-group .btn { width: 100%; }

  /* Article gallery */
  .article-gallery { grid-template-columns: 1fr; }

  /* TOC */
  .toc { padding: 16px; }

  /* Contact */
  .contact-form-card { padding: 24px; }
  .coords-card { padding: 20px; }

  /* FAQ Contact */
  .faq-contact-encart { padding: 32px 20px; }

  /* About intro */
  .about-intro-layout { grid-template-columns: 1fr; }

  /* Values */
  .values-grid { grid-template-columns: 1fr; }
}

/* Mobile portrait: moins de 576px */
@media (max-width: 575px) {
  h1 { font-size: 22px; }
  body { font-size: 15px; }

  .hero-article { height: 240px; }
  .hero-content h1 { font-size: 18px; }

  .team-grid { grid-template-columns: 1fr; }

  .sidebar-ad { width: 100%; }

  .tarif-tab { width: 100%; }

  .vehicle-specs { grid-template-columns: 1fr; }

  /* Footer copyright */
  .footer-lang { flex-wrap: wrap; justify-content: center; gap: 8px; }

  /* Pagination */
  .pagination .page-btn:not(.active):not(.arrow):not(:first-child):not(:last-child) {
    display: none;
  }
  .pagination .page-btn.active { display: flex; }

  /* Topbar hidden on mobile */
  .topbar-center { display: none; }
}

/* Extra large: 1400px+ */
@media (min-width: 1400px) {
  .container { max-width: 1200px; }
}

/* Print styles */
@media print {
  .site-header, .topbar, .site-footer, .sidebar, .share-bar { display: none; }
  .content-sidebar-layout { grid-template-columns: 1fr; }
  body { font-size: 12pt; }
  a { color: inherit; text-decoration: none; }
}