/*
 * Sections migrées de la page Contact (61) vers la cible "structure dans le
 * thème" (pivot session 30, D1 : Hero + Formulaire + Policy — la FAQ reste
 * uagb/faq intacte, hors scope D1). Déclarations identiques à celles qui
 * vivaient jusqu'ici en <style> inline dans post_content : reprises telles
 * quelles, pas réécrites, pour ne courir aucun risque visuel sur le premier
 * portage. Seul changement de comportement : les deux icônes SVG qui
 * vivaient en <div> brute dans un bloc core/html (interdit, ARCHITECTURE.md
 * §2.2) sont recréées en CSS pur via ::before sur le conteneur natif
 * (`.ss-form-section__reassurance`, `.ss-policy__icon`), pixel identiques
 * (même tracé, même couleur #091A2A, même stroke-width 2).
 */

/* Hero */
.ss-hero-contact{padding:80px 24px 64px;background-color:#091A2A}
@media (max-width:767px){.ss-hero-contact{padding:64px 16px}}
.ss-hero-contact__inner{max-width:680px;margin:0 auto;text-align:center}
.ss-hero-contact__inner h1{color:#fff;font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-0.01em;margin:0 0 16px}
.ss-hero-contact__inner h2{color:#fff;font-size:18px;font-weight:500;line-height:1.5;margin:0 0 24px}
.ss-hero-contact__inner p{color:#778899;font-size:15px;line-height:1.6;margin:0 0 12px}
.ss-hero-contact__inner p.ss-signature{color:#fff;font-weight:700;margin-top:16px}

/* Formulaire */
.ss-form-section{padding:96px 24px}
@media (max-width:767px){.ss-form-section{padding:48px 16px}}
.ss-form-section__title{max-width:680px;margin:0 auto 24px;text-align:left}
.ss-form-section__title h2{color:#091A2A;font-size:24px;font-weight:500;margin:0}
.ss-form-section__form{max-width:680px;margin:0 auto}
.ss-form-section__reassurance{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}
.ss-form-section__reassurance p{color:#667788;font-size:13px;margin:0}
.ss-form-section__reassurance::before{content:"";flex:none;width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E") no-repeat center/contain}
#wpforms-form-1302 input[type=text],#wpforms-form-1302 input[type=email],#wpforms-form-1302 input[type=tel],#wpforms-form-1302 select,#wpforms-form-1302 textarea{background-color:#E9EDF2;border:1px solid #D5DEE8;border-radius:8px;min-height:44px}
#wpforms-form-1302 input::placeholder,#wpforms-form-1302 textarea::placeholder{color:#5A6B7A;opacity:1}
#wpforms-form-1302 textarea{min-height:120px}
#wpforms-form-1302 input:focus,#wpforms-form-1302 select:focus,#wpforms-form-1302 textarea:focus{outline:2px solid #0F6B8F;outline-offset:1px}
#wpforms-form-1302 .wpforms-submit{background-color:#0F6B8F;color:#FFFFFF;border-radius:8px;border:none;transition:filter .2s ease}
#wpforms-form-1302 .wpforms-submit:hover,#wpforms-form-1302 .wpforms-submit:focus{filter:brightness(1.08)}

/* Policy / réassurance */
.ss-policy{padding:96px 24px}
@media (max-width:767px){.ss-policy{padding:48px 16px}}
.ss-policy__card{max-width:680px;margin:0 auto;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:32px;display:flex;gap:20px}
@media (max-width:767px){.ss-policy__card{flex-direction:column;padding:24px;gap:16px}}
.ss-policy__icon{flex:none;width:40px;height:40px;border-radius:50%;background:#F8FAFC;display:flex;align-items:center;justify-content:center}
.ss-policy__icon::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 8h18'/%3E%3C/svg%3E") no-repeat center/contain}
.ss-policy__text{margin-top:0}
.ss-policy__text h2{font-size:18px;font-weight:500;margin:0 0 14px}
.ss-policy__text p{color:#667788;font-size:15px;line-height:1.7;margin:0 0 12px;text-align:left}
.ss-policy__text p:last-child{margin-bottom:0}