/*
 * Responsive Overrides — Mobile-First
 * /assets/css/responsive.css
 */

/* ─── Extra Small (<576px) ───────────────────────────────────────────────── */
@media (max-width: 575.98px) {
  .hero { min-height: 70vh; padding: 4rem 0; }
  .hero__title { font-size: 2.2rem; }
  .quiz-wrapper { padding: 1.75rem 1.25rem; }
  .section { padding: 3rem 0; }
  .feature-block { padding: 3rem 0; }
  .mcp-card { padding: 1.5rem; }
  .footer-main .col-lg-4,
  .footer-main .col-sm-6 { text-align: center; }
  .footer-social { justify-content: center; }
  .admin-sidebar { width: 100%; min-height: auto; }
}

/* ─── Small (576px–767px) ────────────────────────────────────────────────── */
@media (min-width: 576px) and (max-width: 767.98px) {
  .hero__title { font-size: 2.8rem; }
  .section { padding: 3.5rem 0; }
}

/* ─── Medium (768px–991px) ───────────────────────────────────────────────── */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero { min-height: 80vh; }
  .hero__title { font-size: 3.2rem; }
  .admin-sidebar { width: 220px; }
}

/* ─── Large (992px+) ─────────────────────────────────────────────────────── */
@media (min-width: 992px) {
  .feature-block__image { max-height: 520px; }
}

/* ─── Print ──────────────────────────────────────────────────────────────── */
@media print {
  .site-header, .site-footer, .quiz-popup-overlay, .sidebar { display: none !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
}