/* ==========================================================================
   CODAR TECH AFRICA - RESPONSIVE OVERRIDES
   Additional fine-tuning for various screen sizes
   ========================================================================== */

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

/* ===== Large screens (laptops) ===== */
@media (max-width: 1199.98px) {
  .section-padding { padding: 80px 0; }
  .pricing-card.featured { transform: none; }
  .pricing-card.featured:hover { transform: translateY(-6px); }
}

/* ===== Tablets ===== */
@media (max-width: 991.98px) {
  .section-padding { padding: 70px 0; }
  .section-heading { margin-bottom: 40px; }
  .codar-form-wrap { padding: 32px 28px; }
  .pre-footer-cta { padding: 50px 36px; }
  .stats-strip { padding: 36px 24px; }
}

/* ===== Mobile ===== */
@media (max-width: 767.98px) {
  body { font-size: 15px; }
  .section-padding { padding: 56px 0; }
  .section-heading { margin-bottom: 32px; }
  .section-heading p { font-size: 0.95rem; }

  .btn { padding: 11px 22px; font-size: 0.9rem; }
  .btn-lg-codar { padding: 14px 28px; font-size: 0.95rem; }

  .feature-card { padding: 24px; }
  .testimonial-card { padding: 24px; }
  .pricing-card { padding: 32px 24px; }
  .codar-form-wrap { padding: 24px 20px; }

  .hero-home { padding: 50px 0 60px; }
  .hero-home h1 { font-size: 2.25rem !important; }
  .hero-home .lead { font-size: 1rem; }

  .stat-item .stat-num { font-size: 2rem; }
  .stat-item .stat-label { font-size: 0.85rem; }

  .page-banner { padding: 70px 0 60px; }

  .stats-strip { padding: 30px 18px; }
}

/* ===== Small mobile ===== */
@media (max-width: 575.98px) {
  h1 { font-size: 1.85rem; }
  h2 { font-size: 1.55rem; }
  h3 { font-size: 1.3rem; }
  h4 { font-size: 1.15rem; }

  .section-padding { padding: 48px 0; }
  .section-heading { margin-bottom: 28px; }

  .hero-home .hero-cta { flex-direction: column; align-items: stretch; }
  .hero-home .hero-cta .btn { width: 100%; justify-content: center; }
  .hero-home .hero-trust { flex-direction: column; align-items: flex-start; gap: 12px; }

  .pre-footer-cta { padding: 36px 22px; }
  .pre-footer-cta h2 { font-size: 1.5rem; }

  .stats-strip { padding: 28px 14px; }
  .stat-item { padding: 10px; }

  .course-card .course-img { height: 180px; }
  .blog-card .blog-img { height: 180px; }
  .instructor-card .instructor-img { height: 240px; }

  .codar-navbar .navbar-brand { font-size: 1.2rem; }
  .codar-navbar .navbar-brand .brand-logo { width: 36px; height: 36px; font-size: 0.95rem; }
  .codar-navbar .navbar-brand .brand-text small { font-size: 0.62rem; }

  .footer-newsletter { flex-direction: column; padding: 8px; gap: 8px; border-radius: var(--radius-md); }
  .footer-newsletter input { width: 100%; }
  .footer-newsletter button { width: 100%; }

  .pricing-card .price-tag { font-size: 2.1rem; }
  .feature-card { padding: 22px; }
}

/* ===== No content overflow safety net ===== */
img, video, iframe { max-width: 100%; }
table { display: block; overflow-x: auto; }
pre, code { white-space: pre-wrap; word-wrap: break-word; }

/* ===== Horizontal scroll prevention ===== */
html, body { overflow-x: hidden; max-width: 100%; }

/* ===== Print Styles ===== */
@media print {
  .codar-navbar, .announcement-bar, .floating-actions,
  .cookie-banner, .codar-footer, .pre-footer-cta { display: none !important; }
  body { color: #000; background: #fff; }
}