/* Emergency Display Fix - Force all elements visible */
/* This file should be loaded AFTER design-system.css */

/* Force all sections to be visible */
.lj-hero,
.lj-stats,
.lj-section,
.lj-footer,
main,
footer,
section,
.lj-nav-links,
.lj-categories,
.lj-results-layout {
  display: block !important;
  display: grid !important; /* for grids */
  display: flex !important; /* for flex containers */
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  position: relative !important;
}

/* Ensure body and html don't hide content */
html,
body {
  overflow: auto !important;
  height: auto !important;
  width: 100% !important;
  display: block !important;
}

/* Reset potentially problematic positioning */
.lj-navbar {
  position: sticky !important;
  top: 0 !important;
  min-height: 84px !important;
}

.lj-navbar__inner {
  display: flex !important;
  flex-wrap: wrap !important;
}

.lj-nav-links {
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  list-style: none !important;
}

.lj-hero {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  padding: 36px 0 52px !important;
}

.lj-hero__inner {
  position: relative !important;
  display: block !important;
}

.lj-hero__title {
  display: block !important;
  font-size: clamp(2.6rem, 6vw, 4rem) !important;
}

.lj-hero__subtitle {
  display: block !important;
}

.lj-search-box {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr auto !important;
}

.lj-stats {
  display: block !important;
  padding: 34px 0 44px !important;
}

.lj-stats__inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.lj-categories {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* On small screens, ensure responsive grid works */
@media (max-width: 860px) {
  .lj-nav-links {
    display: flex !important;
  }

  .lj-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lj-stats__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .lj-navbar__inner,
  .lj-section,
  .lj-stats__inner,
  .lj-footer__inner,
  .lj-results-layout,
  .lj-hero__inner {
    width: min(100% - 20px, 100%) !important;
  }

  .lj-hero-highlights,
  .lj-stats__inner,
  .lj-categories,
  .lj-categories--search {
    grid-template-columns: 1fr !important;
  }

  .lj-nav-links {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* Disable any transforms that might be hiding elements */
* {
  transform: none !important;
}