/* =====================================================================
   ARM Investments — responsive.css
   Breakpoint overrides (mobile-first base lives in style.css).
   Breakpoints:  992px (tablet/landscape), 768px (tablet), 560px (mobile)
   ===================================================================== */

/* ---- <= 992px : collapse two-column layouts, mobile nav ---------- */
@media (max-width: 992px) {
  .hero-split { grid-template-columns: 1fr; }
  .hero-media { order: -1; }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .icon-row { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid .footer-about { grid-column: 1 / -1; }

  .faq-layout { grid-template-columns: 1fr; gap: 2.2rem; }
  .faq-aside { position: static; }

  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .main-nav {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(82vw, 340px);
    background: #fff;
    flex-direction: column;
    align-items: stretch;
    padding: 5rem 1.25rem 2rem;
    gap: .2rem;
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform .25s ease;
    overflow-y: auto;
    z-index: 1100;
  }
  .main-nav.open { transform: translateX(0); }
  .main-nav a { padding: .8rem .6rem; border-radius: 8px; }
  .submenu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    border-left: 2px solid var(--line);
    border-radius: 0;
    margin: .2rem 0 .4rem .8rem;
    padding: 0;
  }
  .nav-backdrop {
    position: fixed; inset: 0;
    background: rgba(10,34,64,.45);
    opacity: 0; visibility: hidden;
    transition: opacity .25s ease;
    z-index: 999;
  }
  .nav-backdrop.show { opacity: 1; visibility: visible; }
}

/* ---- <= 768px : single-column, simplify CTA form ---------------- */
@media (max-width: 768px) {
  .split { grid-template-columns: 1fr; }
  .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: 1fr; }
  .icon-row { grid-template-columns: 1fr; }
  .cta-form { grid-template-columns: 1fr; }
  .cta-form .btn { width: 100%; justify-content: center; }
  .form-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .news-featured { grid-template-columns: 1fr; }
  .news-featured .news-featured-media img { min-height: 220px; }
  .footer-bottom .container { flex-direction: column; align-items: flex-start; }
  .footer-bottom a { margin-left: 0; margin-right: 1.2rem; }
  .topbar .container { font-size: .76rem; }
  .topbar .topbar-contact { display: none; }
}

/* ---- <= 560px : tighten type & spacing -------------------------- */
@media (max-width: 560px) {
  .brand img { width: 140px; }
  .hero .hero-cta { width: 100%; }
  .hero .hero-cta .btn { flex: 1; justify-content: center; }
  .leader-card img { width: 120px; height: 120px; }
  .quote-card { padding: 1.5rem; }
}