/* =========================================================
   Polish UX mobile pages internes
   - exemples clients plus lisibles sur mobile
   - bouton blanc du hero lisible
   - suppression des placeholders "photo client à intégrer"
   - typographie hero uniforme avec la home
   ========================================================= */

body.rb-redesign-page .rb-inner-title,
body.rb-redesign-page .rb-inner-hero h1,
body.rb-redesign-page .rb-inner-panel h2{
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:800 !important;
  letter-spacing:-.056em !important;
}

body.rb-redesign-page .rb-inner-title,
body.rb-redesign-page .rb-inner-hero h1{
  line-height:.92 !important;
  text-wrap:balance;
}

body.rb-redesign-page .rb-inner-panel h2{
  line-height:1 !important;
}

body.rb-redesign-page .rb-inner-panel .rb-inner-btn--ghost,
body.rb-redesign-page .rb-inner-panel a.rb-inner-btn--ghost{
  background:#fffaf2 !important;
  border-color:rgba(255,255,255,.78) !important;
  color:#1A1612 !important;
  -webkit-text-fill-color:#1A1612 !important;
  text-shadow:none !important;
}

body.rb-redesign-page .rb-inner-panel .rb-inner-btn--ghost:hover,
body.rb-redesign-page .rb-inner-panel a.rb-inner-btn--ghost:hover{
  background:#ffffff !important;
  color:#1A1612 !important;
  -webkit-text-fill-color:#1A1612 !important;
}

/* Jamais de faux encarts "photo client" sur les cartes de maillage ou de contenu. */
body.rb-redesign-page .rb-inner-content .cards-grid > .card::before,
body.rb-redesign-page .rb-inner-content .services-grid > .card::before,
body.rb-redesign-page .rb-inner-content article.card::before{
  content:none !important;
  display:none !important;
}

body.rb-redesign-page .rb-inner-content .cards-grid > .card,
body.rb-redesign-page .rb-inner-content .services-grid > .card,
body.rb-redesign-page .rb-inner-content article.card{
  padding-top:clamp(1.5rem,2.8vw,2.6rem) !important;
}

body.rb-redesign-page .rb-client-card{
  grid-template-rows:260px auto !important;
}

body.rb-redesign-page .rb-client-shot{
  min-height:260px !important;
  background-size:cover !important;
  background-position:top center !important;
}

@media(max-width:900px){
  body.rb-redesign-page .rb-client-band{
    width:min(calc(100% - 24px),1280px) !important;
  }

  body.rb-redesign-page .rb-client-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:0 14px 14px !important;
  }

  body.rb-redesign-page .rb-client-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:#10161b !important;
    overflow:hidden !important;
  }

  body.rb-redesign-page .rb-client-shot{
    min-height:260px !important;
    height:260px !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.rb-redesign-page .rb-client-body{
    padding:24px !important;
  }

  body.rb-redesign-page .rb-inner-hero{
    padding-top:34px !important;
  }

  body.rb-redesign-page .rb-inner-title,
  body.rb-redesign-page .rb-inner-hero h1{
    font-size:clamp(2.62rem,11.4vw,3.85rem) !important;
    line-height:.94 !important;
    letter-spacing:-.054em !important;
  }

  body.rb-redesign-page .rb-inner-lead{
    font-size:1.02rem !important;
    line-height:1.64 !important;
  }
}

@media(max-width:420px){
  body.rb-redesign-page .rb-client-shot{
    min-height:235px !important;
    height:235px !important;
  }

  body.rb-redesign-page .rb-inner-title,
  body.rb-redesign-page .rb-inner-hero h1{
    font-size:clamp(2.42rem,10.8vw,3.25rem) !important;
  }
}