/* styles chargés uniquement sur la page /contact/ (bloc contact, functions.php) ; tokens et composants communs dans ../indexpert.css */
/* les 3 moyens de contact */
.ix-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.7vw,24px);margin-top:clamp(40px,4.25vw,56px)}
.ix-way{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.38vw,31px);background:var(--ix-ink-2);box-shadow:inset 0 0 0 2px var(--ix-ink-3)}
.ix-way--main{background:var(--ix-paper);color:var(--ix-ink)}
.ix-site.ix-site .ix-way__h{font-size:1.5rem}
.ix-way p{flex:1;color:var(--ix-muted-dark)}
.ix-way--main p{color:var(--ix-muted)}
.ix-way .ix-btn{align-self:flex-start}
.ix-site .ix-way__link{display:inline-flex;align-items:center;min-height:48px;font:700 clamp(1.15rem,.95rem + .5vw,1.35rem)/1.2 var(--ix-display);color:var(--ix-paper);text-decoration:underline;text-decoration-color:var(--ix-coral);text-decoration-thickness:3px;text-underline-offset:6px;overflow-wrap:anywhere}
.ix-site .ix-way__link:hover{color:var(--ix-coral)}

/* ce que vous pouvez m'envoyer */
.ix-send{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.7vw,24px);margin-top:clamp(40px,4.25vw,56px);counter-reset:ix-send}
.ix-send__item{position:relative;padding:clamp(22px,2.38vw,31px);padding-top:64px;background:var(--ix-paper-2);counter-increment:ix-send}
.ix-send__item::before{content:counter(ix-send);position:absolute;left:clamp(22px,2.38vw,31px);top:20px;display:grid;place-content:center;width:34px;height:34px;background:var(--ix-coral);color:var(--ix-ink);font:700 1rem/1 var(--ix-display)}
.ix-site.ix-site .ix-send__item h3{font-size:1.3rem}
.ix-send__item p{margin-top:10px;color:var(--ix-muted)}

/* après votre message */
.ix-cnext{align-items:start}
.ix-cnext .ix-lead{margin-top:24px}
.ix-cnext__steps{margin-top:0}

/* formulaire : zone de message */
.ix-site .ix-field textarea{min-height:150px;resize:vertical}

@media (max-width:900px){.ix-ways,.ix-send{grid-template-columns:minmax(0,1fr)}}