/* ===== Dele SuperApp Quick Links Overlap Fix ===== */

html, body {
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}

/* Main page containers get enough breathing room */
main,
.page,
.page-content,
.main-content,
.content,
.content-wrapper,
.landing,
.landing-page,
.hero,
.hero-section,
.next-page,
.section,
.section-content,
.app,
.app-shell,
.app-content {
  position: relative !important;
  z-index: 1 !important;
}

/* Fix bottom quick-links style sections that overlay content */
.quick-links,
.quick-links-section,
.quick-links-container,
.quick-links-bar,
.bottom-quick-links,
.quicklinks,
.quicklinks-section,
.quicklinks-container,
.quicklinks-bar,
.footer-quick-links,
.links-dock,
.links-panel,
.links-bar {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 24px !important;
  clear: both !important;
}

/* If the quick links are inside a footer/nav shell, keep them below content */
footer .quick-links,
footer .quicklinks,
nav .quick-links,
nav .quicklinks,
aside .quick-links,
aside .quicklinks {
  position: relative !important;
}

/* Prevent fixed/sticky overlays from blocking next content screens */
.quick-links[style*="position: fixed"],
.quicklinks[style*="position: fixed"],
.quick-links-section[style*="position: fixed"],
.quicklinks-section[style*="position: fixed"] {
  position: relative !important;
}

/* Add safe bottom spacing so content is never trapped behind link bars */
body,
main,
.page,
.page-content,
.main-content,
.content,
.content-wrapper,
.landing,
.landing-page,
.hero,
.hero-section,
.next-page,
.section,
.section-content,
.app,
.app-shell,
.app-content {
  padding-bottom: 96px !important;
}

/* Make buttons and CTA areas stay above lower bars */
button,
a.button,
.cta,
.cta-button,
.get-started,
.get-started-btn {
  position: relative !important;
  z-index: 5 !important;
}

/* Mobile safety */
@media (max-width: 768px) {
  body,
  main,
  .page,
  .page-content,
  .main-content,
  .content,
  .content-wrapper,
  .landing,
  .landing-page,
  .hero,
  .hero-section,
  .next-page,
  .section,
  .section-content,
  .app,
  .app-shell,
  .app-content {
    padding-bottom: 120px !important;
  }

  .quick-links,
  .quick-links-section,
  .quick-links-container,
  .quick-links-bar,
  .bottom-quick-links,
  .quicklinks,
  .quicklinks-section,
  .quicklinks-container,
  .quicklinks-bar,
  .footer-quick-links,
  .links-dock,
  .links-panel,
  .links-bar {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
}