/**
 * Landing Page Styles
 * Specific styles for the landing page, including logo handling
 */

/* Landing page logo wrapper */
.landing-logo-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Landing page logo - SVG optimized */
.landing-logo {
  width: 100%;
  max-width: 400px;
  height: auto !important;
  display: block;
  object-fit: contain;
}

/* Override inherited height from theme CSS */
.landing-logo-wrapper img.landing-logo,
.landing-logo-wrapper picture {
  height: auto !important;
}

/* Ensure proper spacing below the logo section */
.landing-logo-wrapper + * {
  margin-top: var(--space-6, 2rem);
}

/* Header image section specific overrides */
.header-image.landing-logo-wrapper {
  height: auto !important;
  min-height: 80px;
  padding: var(--space-4, 1rem) 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .landing-logo-wrapper {
    max-width: 300px;
  }

  .landing-logo {
    max-width: 300px;
  }

  .header-image.landing-logo-wrapper {
    min-height: 60px;
    padding: var(--space-3, 0.75rem) 0;
  }
}

@media (max-width: 600px) {
  .landing-logo-wrapper {
    max-width: 250px;
  }

  .landing-logo {
    max-width: 250px;
  }

  .header-image.landing-logo-wrapper {
    min-height: 50px;
    padding: var(--space-2, 0.5rem) 0;
  }
}

/* Print styles */
@media print {
  .landing-logo-wrapper {
    max-width: 300px;
  }

  .landing-logo {
    max-width: 300px;
  }
}