/* IMMOPRO 974 — bandeau photo fourni par l'utilisateur */
.hero.hero-new{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1927 / 1047!important;
  margin:0!important;
  padding:0!important;
  background:#8fd3f4!important;
}
.hero-new-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url("/images/hero-original-banner.jpg?v=20261008-user-photo-final")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.hero-new::before,
.hero-new::after{
  content:none!important;
  display:none!important;
}
.hero-new-panel{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  top:0!important;
  width:58%!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:7% 5.5%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  color:#fff!important;
  text-shadow:0 2px 4px rgba(0,0,0,.78),0 4px 14px rgba(0,0,0,.42)!important;
  background:transparent!important;
}

.hero-new-panel h1{font-size:clamp(38px,4.2vw,68px)!important;line-height:1.02!important;margin:0 0 20px!important;color:#fff!important}
.hero-new-panel p{font-size:clamp(17px,1.45vw,24px)!important;line-height:1.45!important;max-width:760px!important;margin:0 0 24px!important;color:#fff!important}
.hero-new-panel .hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important}
.hero-new-panel .hero-points{display:flex!important;gap:18px!important;flex-wrap:wrap!important;margin-top:20px!important;font-size:14px!important}
.hero-new-panel .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
@media(max-width:800px){.hero-new-panel{width:100%!important;padding:42px 5%!important;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.12))!important}.hero-new-panel h1{font-size:clamp(36px,8vw,56px)!important}.hero-new-panel p{font-size:17px!important}.hero-new-panel .hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-new-panel .hero-actions .btn{width:100%!important}.hero-new-panel .hero-points{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}}
@media(max-width:430px){.hero-new-panel{padding:38px 5%!important}.hero-new-panel h1{font-size:clamp(32px,10vw,46px)!important}.hero-new-panel p{font-size:16px!important}}
@media(max-width:800px){
  .hero.hero-new{
    aspect-ratio:auto!important;
    height:clamp(300px, 70vw, 420px)!important;
    min-height:0!important;
  }
}
@media(max-width:430px){
  .hero.hero-new{
    aspect-ratio:auto!important;
    height:clamp(300px, 70vw, 420px)!important;
    min-height:0!important;
  }
}

/* Correctif 2026-10-21 : actions principales ancrées en bas du bandeau */
.hero-new-panel .hero-actions{
  position:absolute!important;
  left:5.5%!important;
  right:5.5%!important;
  bottom:76px!important;
  margin:0!important;
  z-index:5!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
}
.hero-new-panel .hero-actions .btn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  min-height:48px!important;
  padding:13px 20px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.24)!important;
  font-size:15px!important;
  line-height:1.2!important;
}
@media(max-width:800px){
  .hero-new-panel .hero-actions{
    left:5%!important;
    right:5%!important;
    bottom:116px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .hero-new-panel .hero-actions .btn{
    width:100%!important;
    min-height:42px!important;
    padding:10px 14px!important;
  }
}

/* Accueil : écran d'entrée uniquement, les services s'ouvrent via les boutons */
.home-page{
  height:100vh!important;
  height:100dvh!important;
  overflow:hidden!important;
}
.home-page header{
  flex:0 0 72px!important;
  height:72px!important;
  min-height:72px!important;
}
.home-page main{
  height:calc(100vh - 72px)!important;
  height:calc(100dvh - 72px)!important;
  overflow:hidden!important;
}
.home-page main > *:not(.hero){
  display:none!important;
}
.home-page .hero.hero-new{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
}
@media(max-width:800px){
  .home-page header{
    flex-basis:64px!important;
    height:64px!important;
    min-height:64px!important;
  }
  .home-page main{
    height:calc(100vh - 64px)!important;
    height:calc(100dvh - 64px)!important;
  }
  .home-page .hero-new-panel{
    padding-bottom:190px!important;
  }
}

/* Liens de service discrets conservés sur la page d’accueil plein écran */
.hero-new-panel .hero-utility-links{
  position:absolute!important;
  right:5.5%!important;
  bottom:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  z-index:6!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 3px rgba(0,0,0,.85)!important;
}
.hero-new-panel .hero-utility-links a{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px!important}
@media(max-width:800px){
  .hero-new-panel .hero-utility-links{
    left:5%!important;right:5%!important;bottom:164px!important;
    justify-content:center!important;flex-wrap:wrap!important;font-size:12px!important;
  }
}


/* Correctif visuel 2026-10-21 : boutons nets, lisibles et bien alignés */
.hero-new-panel .hero-actions{
  left:5.5%!important;
  right:5.5%!important;
  bottom:92px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:12px!important;
  width:auto!important;
}
.hero-new-panel .hero-actions .btn{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  filter:none!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#f36b5d!important;
  border:2px solid #f36b5d!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 4px 12px rgba(15,35,55,.22)!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  font-weight:800!important;
}
.hero-new-panel .hero-actions .btn.alt{
  background:#fff!important;
  color:#17334d!important;
  border-color:#fff!important;
}
.hero-new-panel .hero-actions .ad-space-cta{
  background:#f36b5d!important;
  color:#fff!important;
  border-color:#f36b5d!important;
}
.hero-new-panel .hero-utility-links{
  left:5.5%!important;
  right:auto!important;
  bottom:22px!important;
  width:max-content!important;
  max-width:89%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-new-panel .hero-utility-links a{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-new-panel .hero-utility-links .hero-ad-create{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  background:#f36b5d!important;
  color:#fff!important;
  border:2px solid #f36b5d!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  text-shadow:none!important;
  box-shadow:0 4px 12px rgba(15,35,55,.22)!important;
}
@media(max-width:800px){
  .hero-new-panel .hero-actions{
    left:5%!important;
    right:5%!important;
    bottom:145px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
  }
  .hero-new-panel .hero-actions .btn{
    width:100%!important;
    white-space:normal!important;
    min-height:40px!important;
  }
  .hero-new-panel .hero-utility-links{
    left:5%!important;
    right:5%!important;
    bottom:12px!important;
    width:auto!important;
    max-width:none!important;
    justify-content:center!important;
    gap:7px!important;
    font-size:11px!important;
  }
  .hero-new-panel .hero-utility-links .hero-ad-create{
    min-height:32px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }
}


/* CTA espace publicitaire dans le menu supérieur */
#mobileNav a.nav-ad-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f36b5d!important;
  color:#fff!important;
  border:2px solid #f36b5d!important;
  border-radius:999px!important;
  padding:10px 15px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 3px 10px rgba(15,35,55,.15)!important;
}
#mobileNav a.nav-ad-cta:hover{
  background:#e85d51!important;
  border-color:#e85d51!important;
  color:#fff!important;
}
@media(max-width:800px){
  #mobileNav a.nav-ad-cta{display:inline-flex!important;width:100%!important;box-sizing:border-box!important;margin-top:8px!important}
}