/* File: 11-responsive.css */

/* =========================
   Global Responsive (layout/footer only)
   IMPORTANT:
   - لا تكتب أي قواعد للهيدر/الناف هون
   - الهيدر + الدراور موجودين بالكامل في 02-header.css
========================= */

@media (max-width: 1200px) {

  .footer-content { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
  .footer-content { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  /* ✅ ONLY footer/layout */
  .footer-bottom-content { flex-direction: column; text-align: center; }
}

@media (max-width: 480px) {

  .footer-content { grid-template-columns: 1fr; gap: 2rem; }
}