/* CSS specifique de /contact-bis/ — extraite du bloc <style> du gabarit (Phase 34, REQ-48).
   Enqueuee en dependance de theme.css : elle reste imprimee AVANT lui, comme dans le head d'origine. */
/* ---- Page Contact (spécifique) ---- */
.contact-wrap{max-width:720px;margin:0 auto;padding:0 24px}
/* Carte de contact centrale (variante .featcard centrée) */
.contactcard{text-align:center;padding:44px 32px}
.contactcard h2{font-size:clamp(22px,3vw,30px);font-weight:700;max-width:22ch;margin:0 auto}
.contactcard .lead{color:var(--ink-3);font-size:16.5px;margin:14px auto 0;max-width:46ch}
/* Téléphone en gros */
.phone-link{display:inline-flex;align-items:center;gap:14px;margin:28px auto 6px;font-family:'Poppins',sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--ink);font-size:clamp(26px,4.6vw,40px);transition:color .25s var(--ease),transform .25s var(--ease)}
.phone-link:hover{color:var(--g-700);transform:translateY(-2px)}
.phone-link .ph-ic{flex:none;width:clamp(50px,7vw,62px);height:clamp(50px,7vw,62px);border-radius:18px;background:var(--g-50);color:var(--g);display:grid;place-items:center;transition:background .25s var(--ease),color .25s var(--ease)}
.phone-link:hover .ph-ic{background:var(--g);color:#fff}
.phone-link .ph-ic .ico{width:50%;height:50%;stroke-width:2}
/* Boutons réseaux / mail */
.contact-channels{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.chan{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-weight:600;font-size:14.5px;padding:12px 20px;border-radius:100px;box-shadow:var(--sh-sm);transition:.25s var(--ease)}
.chan:hover{color:var(--g-700);border-color:var(--g-200);transform:translateY(-2px);box-shadow:var(--sh)}
.chan .ico{width:18px;height:18px;color:var(--g)}
.chan svg.brand-ic{width:18px;height:18px;fill:var(--g);stroke:none}
/* Formulaire visuel (placeholder) */
.cform{margin-top:18px}
.cform .sec-head{margin-bottom:30px}
.fcard{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-l);padding:30px;box-shadow:var(--sh-sm)}
.ffield{margin-bottom:18px;text-align:left}
.ffield label{display:block;font-size:13.5px;font-weight:600;color:var(--ink-2);margin-bottom:8px}
.ffield input,.ffield textarea{width:100%;font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;transition:border-color .2s,box-shadow .2s}
.ffield input::placeholder,.ffield textarea::placeholder{color:var(--ink-3)}
.ffield input:focus,.ffield textarea:focus{outline:none;border-color:var(--g-300);box-shadow:0 0 0 3px var(--g-50)}
.ffield textarea{resize:vertical;min-height:120px}
.fnote{font-size:12.5px;color:var(--ink-3);margin-top:14px;display:flex;align-items:center;gap:7px;justify-content:center}
.fnote .ico{width:14px;height:14px;color:var(--g);stroke-width:2}
.fsubmit{margin-top:6px;text-align:center}