/*
 * Global hero title scale.
 * Keeps header titles compact without changing in-page section headings.
 */

:root {
  --lt-hero-title-compact: clamp(1.6rem, 3vw, 2.65rem);
  --lt-hero-title-compact-large: clamp(2rem, 4.4vw, 3.1rem);
  --lt-hero-title-compact-mobile: clamp(1.35rem, 5.8vw, 1.95rem);
}

html body.lt-acheter-gl .ae-title,
html body.lt-vendre-gl .vendre-gl-hero h1,
html body .lt26-deposer .lt-hero h1,
html body .lt26-communaute .lt-hero h1,
html body .lt26-actualites .lt-hero h1,
html body .lt26-chasseur .lt-hero h1,
html body .lt26-manifeste .ccm-hero h1,
html body .carte-page__h1,
html body .auth-header h1,
html body .auth-card-title,
html body .seller-hero h1,
html body .offers-hero h1,
html body .notifications-hero h1,
html body .ma-collection-page h1,
html body .vit-hero__h1,
html body .mvr-hero h1 {
  font-size: var(--lt-hero-title-compact) !important;
  line-height: 1.08 !important;
}

html body.lt-acheter-gl .ae-hero {
  min-height: clamp(340px, 44svh, 440px) !important;
  padding: calc(var(--gl-nav-h, 76px) + 1.25rem) 1.5rem 3rem !important;
}

html body.lt-acheter-gl .ae-hero-inner {
  max-width: 760px !important;
}

html body.lt-acheter-gl .ae-hero-inner::before {
  height: 24px !important;
  margin-bottom: 0.55rem !important;
}

html body.lt-acheter-gl .ae-title {
  max-width: none !important;
  padding: 0 !important;
}

html body.lt-acheter-gl .ae-lead {
  max-width: 560px !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

html body.lt-acheter-gl .ae-search {
  width: min(560px, 100%) !important;
  margin-top: 0.85rem !important;
  padding: 0.28rem !important;
}

html body.lt-acheter-gl .ae-search input {
  min-height: 40px !important;
  font-size: 0.95rem !important;
}

html body.lt-acheter-gl .ae-search-submit {
  min-height: 36px !important;
  padding-inline: 0.95rem !important;
  font-size: 0.58rem !important;
}

html body.lt-acheter-gl .ae-hero-actions {
  margin-top: 0.9rem !important;
  gap: 0.7rem !important;
}

html body.lt-acheter-gl .ae-hero-btn {
  min-height: 38px !important;
  padding: 0.6rem 1.1rem !important;
  font-size: 0.62rem !important;
}

html body.lt-acheter-gl .ae-hero-stats {
  margin-top: 0.75rem !important;
}

html body.lt-acheter-gl .ae-hero-wave svg {
  height: 44px !important;
}

html body.lt-acheter-gl .ae-toolbar {
  margin-top: -0.7rem !important;
}

html body.lt-vendre-gl .vendre-gl-hero {
  min-height: clamp(360px, 48svh, 460px) !important;
  padding: calc(var(--gl-nav-h, 76px) + 1.7rem) 1.5rem 2.75rem !important;
}

html body .lt26-deposer .lt-hero,
html body .lt26-communaute .lt-hero,
html body .lt26-actualites .lt-hero,
html body .lt26-chasseur .lt-hero {
  padding: calc(var(--gl-nav-h, 76px) + 2rem) 1.5rem 2.25rem !important;
}

html body .lt26-manifeste .ccm-hero {
  padding-top: calc(var(--gl-nav-h, 76px) + 2rem) !important;
  padding-bottom: 2.5rem !important;
}

html body.lt-acheter-gl .ae-lead,
html body.lt-vendre-gl .vendre-gl-lead,
html body .lt26-deposer .lt-lead,
html body .lt26-communaute .lt-lead,
html body .lt26-actualites .lt-lead,
html body .lt26-chasseur .lt-lead {
  margin-top: 0.75rem !important;
}

@media (max-width: 768px) {
  html body.lt-acheter-gl .ae-title,
  html body.lt-vendre-gl .vendre-gl-hero h1,
  html body .lt26-deposer .lt-hero h1,
  html body .lt26-communaute .lt-hero h1,
  html body .lt26-actualites .lt-hero h1,
  html body .lt26-chasseur .lt-hero h1,
  html body .lt26-manifeste .ccm-hero h1,
  html body .carte-page__h1,
  html body .auth-header h1,
  html body .auth-card-title,
  html body .seller-hero h1,
  html body .offers-hero h1,
  html body .notifications-hero h1,
  html body .ma-collection-page h1,
  html body .vit-hero__h1,
  html body .mvr-hero h1 {
    font-size: var(--lt-hero-title-compact-mobile) !important;
    line-height: 1.12 !important;
  }

  html body.lt-acheter-gl .ae-hero,
  html body.lt-vendre-gl .vendre-gl-hero {
    min-height: auto !important;
    padding: calc(var(--gl-nav-h, 64px) + 1rem) 1rem 2.25rem !important;
  }

  html body.lt-acheter-gl .ae-hero-inner::before {
    height: 16px !important;
    margin-bottom: 0.4rem !important;
  }

  html body.lt-acheter-gl .ae-search {
    margin-top: 0.65rem !important;
  }

  html body.lt-acheter-gl .ae-hero-actions {
    margin-top: 0.75rem !important;
  }

  html body.lt-acheter-gl .ae-hero-wave svg {
    height: 32px !important;
  }

  html body .lt26-deposer .lt-hero,
  html body .lt26-communaute .lt-hero,
  html body .lt26-actualites .lt-hero,
  html body .lt26-chasseur .lt-hero {
    padding: calc(var(--gl-nav-h, 64px) + 1rem) 1rem 1.5rem !important;
  }
}