/* Landing Layout CSS */

.landing-page {
  min-height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--font-ui);
}

/* Reset default Blazor styles for landing page */
.landing-page * {
  box-sizing: content-box;
}

.landing-page body {
  margin: 0;
  padding: 0;
}

/* Global loading state */
body:not(.app-loaded) {
  opacity: 0.9;
}

.app-loaded {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

/* Remove default browser styles */
.landing-page h1, 
.landing-page h2, 
.landing-page h3, 
.landing-page h4, 
.landing-page h5, 
.landing-page h6 {
  margin: 0;
  padding: 0 0 20px 0;
  font-weight: 600;
}

.landing-page p {
  margin: 0;
  padding: 0;
}

.landing-page ul, 
.landing-page ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Smooth scrolling for the whole page */
html {
  scroll-behavior: smooth;
}

/* Hide scrollbar for cleaner look while keeping functionality */
body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: var(--light-gray);
}

body::-webkit-scrollbar-thumb {
  background: var(--text-gray);
  border-radius: 4px;
}

body::-webkit-scrollbar-thumb:hover {
  background: var(--dark-gray);
}