/* Ajustements ciblés validés pour les écrans d'administration ProChampi. */

/* Newsletter — panneau d'état compact et sans hauteur perdue. */
.pc-newsletter-control{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:minmax(220px,285px) minmax(0,1fr)!important;
    align-items:start!important;
    gap:18px!important;
    padding:18px 20px!important;
}
.pc-newsletter-control>div:first-child{min-width:0}
.pc-newsletter-control>div:first-child .eyebrow{margin:0 0 7px!important}
.pc-newsletter-control>div:first-child h2{margin:0 0 8px!important;font-size:clamp(27px,2.1vw,36px)!important;line-height:1.02!important}
.pc-newsletter-control>div:first-child>p:last-child{margin:0!important;max-width:32ch!important;font-size:13px!important;line-height:1.45!important}
.pc-newsletter-health{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(135px,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
}
.pc-newsletter-health>span{
    min-width:0!important;
    min-height:0!important;
    padding:9px 11px!important;
    border-radius:12px!important;
    align-content:center!important;
}
.pc-newsletter-health>span b{font-size:12px!important;line-height:1.2!important}
.pc-newsletter-health>span:not(:has(b)){font-size:11px!important}
.pc-newsletter-health>form,.pc-newsletter-health>a{
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
}
.pc-newsletter-health>form{grid-column:1/3!important}
.pc-newsletter-health>a{grid-column:3/5!important}
.pc-newsletter-health .button,.pc-newsletter-health a.button{min-height:38px!important;padding:9px 13px!important;white-space:nowrap!important}

@media(max-width:1180px){
    .pc-newsletter-control{grid-template-columns:1fr!important}
    .pc-newsletter-control>div:first-child>p:last-child{max-width:72ch!important}
    .pc-newsletter-health{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
    .pc-newsletter-health>form,.pc-newsletter-health>a{grid-column:auto!important}
}
@media(max-width:680px){
    .pc-newsletter-control{padding:15px!important}
    .pc-newsletter-health{grid-template-columns:1fr!important}
    .pc-newsletter-health>form,.pc-newsletter-health>a{width:100%!important}
    .pc-newsletter-health .button,.pc-newsletter-health a.button{width:100%!important;justify-content:center!important}
}
