/* Index page overrides: force edge-to-edge header/hero on small screens */
@media (max-width: 768px) {
  body.index-page .content-wrap,
  body.index-page .navbar,
  body.index-page .hero-section,
  body.index-page .hero-container,
  body.index-page .quote-ticker {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
  }

  /* Keep a small inner padding for touch targets inside the navbar */
  body.index-page .navbar .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: none !important;
  }

  /* Ensure hero content still has comfortable inner spacing */
  body.index-page .hero-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* hide navbar name on mobile */
  body.index-page .navbar-brand .brand-text {
    display: none;
  }

  /* Prevent horizontal scroll when using 100vw widths */
  html, body {
    overflow-x: hidden !important;
  }
}