/**
 * Auth landing (Először járok / hash link) – premium shell overrides
 */

body.login-page {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(10, 22, 96, 0.06), transparent 55%),
    linear-gradient(180deg, #f7f8fb 0%, #eef1f6 100%);
}

body.login-page .app-content,
body.login-page .app-content.app-content--full {
  min-height: calc(100vh - var(--header-height, 4rem) - var(--footer-height, 3rem));
  overflow-x: clip;
  padding: 0;
  max-width: none;
  width: 100%;
}

.auth-landing-page {
  display: flex;
  flex-direction: column;
  min-height: inherit;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.auth-landing-page__alert-wrap {
  max-width: 560px;
  width: 100%;
  margin: 1rem auto 0;
  padding: 0 clamp(1rem, 4vw, 1.25rem);
  box-sizing: border-box;
}

.auth-landing-page__alert {
  margin-bottom: 0;
  padding: 0.85rem 1rem;
  border-radius: var(--border-radius-md, 0.75rem);
  border: 1px solid color-mix(in srgb, var(--color-error, #dc3545) 35%, transparent);
  background: color-mix(in srgb, var(--color-error, #dc3545) 8%, #fff);
  color: var(--color-error, #b42318);
  font-size: var(--font-size-sm, 0.875rem);
}

.auth-landing-page__mount {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 !important;
}

/* Hero: teljes szélesség, arányos magasság (mobil + desktop) */
body.login-page .auth-landing-hero,
body.login-page .auth-landing-hero__image {
  width: 100% !important;
  max-width: 100% !important;
}

body.login-page .auth-landing-hero__image {
  height: auto !important;
  aspect-ratio: 1920 / 737;
  object-fit: contain;
}