/* ============================================================
   responsive.css — Floortin Tunisia — Mobile-first
   ============================================================ */

/* ── Tablette ≤ 1024px ───────────────────────────────────── */
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .about-grid  { gap: 36px; }
  .contact-grid{ grid-template-columns: 1fr; }
  .stats-grid  { grid-template-columns: repeat(2, 1fr); }
}

/* ── Mobile ≤ 900px ──────────────────────────────────────── */
@media (max-width: 900px) {
  :root { --header-h: 64px; --topbar-h: 0px; }

  /* Topbar masquée */
  .topbar { display: none; }

  /* Header */
  .site-header { top: 0; }
  .site-logo   { height: 42px; }
  .burger-btn  { display: flex; }

  /* Nav desktop masquée */
  .main-nav    { display: none; }

  /* Hero */
  .hero-swiper .swiper-slide img { max-height: 340px; }

  /* Grilles produits */
  .products-grid     { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .realisations-grid { grid-template-columns: repeat(2, 1fr); }
  .valeurs-grid      { grid-template-columns: repeat(2, 1fr); }

  /* About */
  .about-grid { grid-template-columns: 1fr; }
  .about-img-wrap img { height: 280px; }

  /* Modale */
  .modal-inner { grid-template-columns: 1fr; }
  .modal-img-col { border-radius: var(--radius-lg) var(--radius-lg) 0 0; }

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

/* ── Petit mobile ≤ 600px ────────────────────────────────── */
@media (max-width: 600px) {
  .container { padding: 0 14px; }
  section    { padding: 50px 0; }

  /* Hero */
  .hero-swiper .swiper-slide img { max-height: 220px; }
  .swiper-button-next,
  .swiper-button-prev { display: none; }

  /* Produits */
  .products-grid     { grid-template-columns: 1fr; }
  .realisations-grid { grid-template-columns: 1fr; }
  .valeurs-grid      { grid-template-columns: 1fr; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .stat-number{ font-size: 38px; }

  /* Contact */
  .contact-form-card { padding: 22px 16px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }

  /* Footer */
  .footer-grid  { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom-inner { flex-direction: column; text-align: center; }
  .footer-certs-inner  { flex-direction: column; gap: 8px; }

  /* Modale */
  .product-modal-box { max-height: 95vh; border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
  .product-modal-overlay { align-items: flex-end; padding: 0; }

  /* Back to top */
  .back-to-top { bottom: 16px; right: 16px; width: 42px; height: 42px; }

  /* Titre de section */
  .section-header h2 { font-size: 26px; }
  .page-hero h1      { font-size: 30px; }

  /* Catalogue */
  .flipbook-swiper .swiper-slide { min-height: 320px; }
  .flipbook-swiper .swiper-slide img { max-height: 320px; }
}

/* ── RTL Adjustments ─────────────────────────────────────── */
[dir="rtl"] {
  text-align: right;
}
[dir="rtl"] .main-nav ul  { flex-direction: row-reverse; }
[dir="rtl"] .topbar-inner { flex-direction: row-reverse; }
[dir="rtl"] .footer-grid  { direction: rtl; }
[dir="rtl"] .timeline     { padding-left: 0; padding-right: 40px; }
[dir="rtl"] .timeline::before { left: auto; right: 14px; }
[dir="rtl"] .timeline-dot { left: auto; right: -40px; }
[dir="rtl"] .modal-product-close { right: auto; left: 14px; }
[dir="rtl"] .product-modal-close { right: auto; left: 14px; }
[dir="rtl"] .breadcrumb { flex-direction: row-reverse; }
[dir="rtl"] .section-header { direction: rtl; }
[dir="rtl"] .contact-info-item { flex-direction: row; }
[dir="rtl"] .filter-bar { direction: rtl; }
[dir="rtl"] .footer-col ul a { padding-left: 0; }
[dir="rtl"] .footer-col ul a:hover { padding-left: 0; padding-right: 4px; }
[dir="rtl"] .mobile-nav a { flex-direction: row-reverse; }