/* ============================================================
   NEUROLOGY SUBPAGES — MOBILE RESPONSIVE OVERRIDES
   Only adds breakpoints. Does NOT change any desktop styling.
   ============================================================ */

/* ---- 768px: Tablets ---- */
@media (max-width: 768px) {

  /* Inner page hero banner */
  .inner-page-header { padding: 50px 20px 60px !important; }
  .inner-page-header h1 { font-size: 2rem !important; }
  .inner-page-header p  { font-size: 0.97rem !important; }

  /* All inline 2-col grids → 1 col */
  [style*="grid-template-columns: 1.1fr 0.9fr"],
  [style*="grid-template-columns: 0.9fr 1.1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns: 1fr; 1fr"],
  [style*="grid-template-columns: repeat(2, 1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* General sections */
  section { padding: 50px 0 !important; }

  /* Section headings */
  h2 { font-size: 1.8rem !important; }
  h3 { font-size: 1.3rem !important; }

  /* Button groups — stack on mobile */
  .btn-group, .cta-group {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* Containers */
  .container { padding: 0 16px !important; }
}

/* ---- 600px: Small phones ---- */
@media (max-width: 600px) {

  /* Inner page hero banner */
  .inner-page-header { padding: 40px 16px 50px !important; }
  .inner-page-header h1 { font-size: 1.75rem !important; }

  /* All multi-col grids collapse to 1 col */
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Cards */
  [style*="border-radius"][style*="padding: 24px"],
  [style*="border-radius"][style*="padding: 28px"],
  [style*="border-radius"][style*="padding: 32px"] {
    padding: 18px 16px !important;
  }

  /* Text size scaling */
  p  { font-size: 0.95rem !important; line-height: 1.65 !important; }
  h1 { font-size: 1.75rem !important; }
  h2 { font-size: 1.55rem !important; }

  /* Images inside grids fill full width */
  img { max-width: 100% !important; height: auto !important; }

  /* Footer */
  [style*="grid-template-columns: repeat(3"] .footer-col,
  [style*="grid-template-columns: 1fr 1fr"] .footer-col {
    margin-bottom: 24px;
  }
}

/* ---- 480px: Very small phones ---- */
@media (max-width: 480px) {
  .inner-page-header h1 { font-size: 1.5rem !important; }
  .container { padding: 0 12px !important; }

  /* Tighter card padding */
  [style*="padding: 20px"],
  [style*="padding: 24px"],
  [style*="padding: 28px"],
  [style*="padding: 32px"],
  [style*="padding: 40px"] {
    padding: 14px 12px !important;
  }
}