/* Audit UX 2026 : hiérarchie par intention, moins de chrome répétitif */
body.rb-redesign-page .rb-inner-hero__grid--single{
  grid-template-columns:minmax(0,920px)!important;
  justify-content:start!important;
}
body.rb-redesign-page .rb-inner-hero__grid--single .rb-inner-title{
  max-width:900px!important;
}

/* Les pages d'action doivent montrer l'action, pas un second bloc commercial générique. */
body.page-contact .rb-inner-hero,
body.page-audit-seo-local .rb-inner-hero,
body.page-audit-site-web-entreprise .rb-inner-hero,
body.rb-theme-portfolio .rb-inner-hero{
  padding-bottom:clamp(2rem,3.5vw,3.4rem)!important;
}
body.page-contact .rb-inner-content,
body.page-audit-seo-local .rb-inner-content,
body.page-audit-site-web-entreprise .rb-inner-content,
body.rb-theme-portfolio .rb-inner-content{
  gap:clamp(22px,2.5vw,32px)!important;
}

/* Le premier bloc métier doit arriver plus vite sous le hero. */
body.page-contact .rb-inner-content>.section-block:first-child,
body.page-audit-seo-local .rb-inner-content>.section-block:first-child,
body.page-audit-site-web-entreprise .rb-inner-content>.section-block:first-child{
  margin-top:0!important;
}

/* Preuves visuelles contextuelles : 3 cas maximum, jamais une seconde galerie. */
body.rb-redesign-page .rb-context-work{
  padding:clamp(30px,4vw,48px) 0!important;
  background:rgba(245,237,224,.44)!important;
  border-top:1px solid rgba(17,16,14,.08)!important;
  border-bottom:1px solid rgba(17,16,14,.08)!important;
}
body.rb-redesign-page .rb-context-work__head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:20px!important;
}
body.rb-redesign-page .rb-context-work__head span{
  display:block!important;
  margin-bottom:7px!important;
  color:#786B5F!important;
  -webkit-text-fill-color:#786B5F!important;
  font:800 .7rem/1 var(--body)!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
body.rb-redesign-page .rb-context-work__head h2{
  margin:0!important;
  color:#17110E!important;
  -webkit-text-fill-color:#17110E!important;
  font-family:var(--title)!important;
  font-size:clamp(1.55rem,2.5vw,2.45rem)!important;
  line-height:1.04!important;
  letter-spacing:-.05em!important;
}
body.rb-redesign-page .rb-context-work__head>a{
  color:#17110E!important;
  -webkit-text-fill-color:#17110E!important;
  font:800 .78rem/1.2 var(--body)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.rb-redesign-page .rb-context-work__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.rb-redesign-page .rb-context-case{
  position:relative!important;
  display:block!important;
  min-height:220px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(17,16,14,.10)!important;
  background:#17110E!important;
  box-shadow:0 16px 42px rgba(17,16,14,.08)!important;
  text-decoration:none!important;
}
body.rb-redesign-page .rb-context-case:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(17,16,14,.01) 32%,rgba(17,16,14,.84) 100%)!important;
}
body.rb-redesign-page .rb-context-case img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  transition:transform .22s ease!important;
}
body.rb-redesign-page .rb-context-case>span{
  position:absolute!important;
  z-index:2!important;
  left:18px!important;
  right:18px!important;
  bottom:17px!important;
}
body.rb-redesign-page .rb-context-case strong{
  display:block!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:800 1.08rem/1.08 var(--title)!important;
  letter-spacing:-.035em!important;
}
body.rb-redesign-page .rb-context-case em{
  display:block!important;
  margin-top:5px!important;
  color:rgba(255,255,255,.74)!important;
  -webkit-text-fill-color:rgba(255,255,255,.74)!important;
  font:700 .72rem/1.25 var(--body)!important;
  font-style:normal!important;
}
body.rb-redesign-page .rb-context-case:hover img{
  transform:scale(1.025)!important;
}

/* Les chemins de maillage ne doivent pas devenir une seconde page dans la page. */
body.rb-redesign-page .rb-seo-pathway .cards-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
}
body.rb-redesign-page .rb-seo-pathway .card{
  min-height:0!important;
  padding:clamp(20px,2.2vw,26px)!important;
}
body.rb-redesign-page .rb-seo-pathway .card p{
  font-size:.92rem!important;
  line-height:1.5!important;
}

/* Contact : le formulaire et les coordonnées deviennent le vrai centre de gravité. */
body.page-contact .rb-inner-content form{
  border-radius:26px!important;
  box-shadow:0 24px 70px rgba(17,16,14,.08)!important;
}
body.page-contact .rb-inner-content :is(input,textarea,select){
  min-height:48px!important;
}
body.page-contact .rb-inner-content textarea{
  min-height:150px!important;
}

/* Audit : l'URL et le bouton doivent être visibles très vite. */
body.page-audit-seo-local .rb-inner-content form,
body.page-audit-site-web-entreprise .rb-inner-content form{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:900px){
  body.rb-redesign-page .rb-context-work__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.rb-redesign-page .rb-context-case:last-child{
    grid-column:1/-1!important;
  }
}
@media(max-width:720px){
  body.page-contact .rb-inner-hero,
  body.page-audit-seo-local .rb-inner-hero,
  body.page-audit-site-web-entreprise .rb-inner-hero,
  body.rb-theme-portfolio .rb-inner-hero{
    padding-bottom:1.7rem!important;
  }
  body.rb-redesign-page .rb-context-work__head{
    align-items:start!important;
    flex-direction:column!important;
  }
  body.rb-redesign-page .rb-context-work__grid{
    grid-template-columns:1fr!important;
  }
  body.rb-redesign-page .rb-context-case,
  body.rb-redesign-page .rb-context-case:last-child{
    grid-column:auto!important;
    min-height:230px!important;
  }
}