/*
 * BONJOUR — CONTRIBUER 1.21.37
 * Étalon de hiérarchie typographique forte.
 */

body[data-bonjour-pwa="1"] .contribution-modal .modal-head h3{
  margin-top:2px!important;
  font-family:var(--bonjour-display-font-strong)!important;
  font-size:clamp(31px,3.1vw,38px)!important;
  line-height:.98!important;
  font-weight:600!important;
  letter-spacing:-.026em!important;
}

body[data-bonjour-pwa="1"] .contribution-modal>.modal-subtitle{
  margin-top:11px!important;
}

/* Sous-titres forts : même langage que le titre principal, à échelle réduite. */
body[data-bonjour-pwa="1"] .contribution-idea-card h4,
body[data-bonjour-pwa="1"] .contribution-support-card h4{
  font-family:var(--bonjour-display-font-strong)!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:-.014em!important;
}

body[data-bonjour-pwa="1"] .contribution-idea-card label{
  font-family:var(--bonjour-display-font-strong)!important;
  font-weight:600!important;
}

body[data-bonjour-pwa="1"] .contribution-credit span,
body[data-bonjour-pwa="1"] .contribution-submit{
  font-family:var(--bonjour-display-font-strong)!important;
  font-weight:600!important;
}

/* ---- Signature Soutenir Bonjour, conforme à la maquette utilisateur ---- */
body[data-bonjour-pwa="1"] .contribution-support-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:28px auto 40px!important;
  text-align:center!important;
}

body[data-bonjour-pwa="1"] .contribution-support-icon{
  width:112px!important;
  height:112px!important;
  margin:0 0 15px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:23px!important;
  border:4px solid #efbd48!important;
  background:linear-gradient(145deg,rgba(7,63,55,.98),rgba(5,43,38,.99))!important;
  color:#efbd48!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.025)!important;
  font-size:0!important;
}

body[data-bonjour-pwa="1"] .contribution-support-icon svg{
  width:58px!important;
  height:58px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body[data-bonjour-pwa="1"] .contribution-support-brand-name{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
  font-family:var(--bonjour-display-font-strong)!important;
  font-size:34px!important;
  line-height:.92!important;
  letter-spacing:-.028em!important;
}

body[data-bonjour-pwa="1"] .contribution-support-brand-name>span{
  color:#efbd48!important;
  font-weight:600!important;
}

body[data-bonjour-pwa="1"] .contribution-support-brand-name>strong{
  color:#f2f6f4!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:600!important;
  letter-spacing:inherit!important;
}

body[data-bonjour-pwa="1"] .contribution-support-kicker{
  display:none!important;
}

body[data-bonjour-pwa="1"] .contribution-support-card>h4{
  margin-top:0!important;
}

/* Buttons keep a clear but not heavy emphasis. */
body[data-bonjour-pwa="1"] .contribution-support-button,
body[data-bonjour-pwa="1"] .contribution-page-button{
  font-family:var(--bonjour-display-font)!important;
  font-weight:500!important;
}

@media(max-width:760px){
  body[data-bonjour-pwa="1"] .contribution-modal .modal-head h3{
    font-size:clamp(28px,8vw,34px)!important;
  }

  body[data-bonjour-pwa="1"] .contribution-support-brand{
    margin:13px auto 25px!important;
  }

  body[data-bonjour-pwa="1"] .contribution-support-icon{
    width:88px!important;
    height:88px!important;
    border-width:3px!important;
    border-radius:19px!important;
  }

  body[data-bonjour-pwa="1"] .contribution-support-icon svg{
    width:46px!important;
    height:46px!important;
  }

  body[data-bonjour-pwa="1"] .contribution-support-brand-name{
    font-size:28px!important;
  }
}