/* =========================================================
   SOLAR NEXUS — RESPONSIVE OVERRIDES
   ========================================================= */

/* ---- Large desktops already covered by fluid clamp() in style.css ---- */

/* ---- Tablet / small laptop ----
   The full nav has 10 links plus a logo and a text CTA button — that
   simply does not fit in less than ~1400px, so the hamburger now
   takes over below that point. (Links are no longer allowed to shrink
   below their own text width — see .nav-links in style.css — so
   without this wider berth they'd get clipped instead of wrapping.) */
@media (max-width: 1399.98px) {
  .nav-links { display: none; }
  .nav-toggle { display: flex; }
  .nav-cta .btn-nexus:not(.nav-toggle) span.label-full { display: none; }

  .hero-content h1 { max-width: 100%; }
  .hero-stats { gap: 26px; }

  .cta-band { padding: 50px 30px; text-align: center; }
  .cta-band .cta-actions { justify-content: center; }

  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ---- Mobile menu responsive-only tweaks ----
   Base fixed positioning for .mobile-menu / .mobile-menu-backdrop
   now lives unconditionally in style.css so it can never render
   inline in normal document flow at any viewport width. ---- */

/* ---- Small phones ---- */
@media (max-width: 575.98px) {
  .navbar-nexus .nav-inner { padding: 0 16px; }
  .section-pad { padding: 64px 0; }
  .hero-content h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn-nexus { justify-content: center; }
  .glass-card { padding: 26px 20px; }
  .cta-band h2 { font-size: 1.6rem; }
  .float-actions { right: 14px; bottom: 14px; }
  .float-btn { width: 50px; height: 50px; font-size: 1.2rem; }
  .back-to-top { right: 14px; bottom: 142px; width: 44px; height: 44px; }
}

/* ---- Large screens ---- */
@media (min-width: 1600px) {
  :root { --container-max: 1440px; }
}

/* ---- Print ---- */
@media print {
  .navbar-nexus, .float-actions, .back-to-top, .page-loader, #sky-canvas, .circuit-layer { display: none !important; }
}