
.caae-hero{width:100%;padding:clamp(60px,7vw,105px) 24px;background:#142443;color:#fff;position:relative;isolation:isolate;overflow:hidden;font-family:inherit;box-sizing:border-box}
.caae-hero *,.caae-hero *::before,.caae-hero *::after{box-sizing:border-box}.caae-hero [hidden]{display:none!important}
.caae-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("https://courtieramiens.fr/wp-content/uploads/2026/10/assurance-emprunteur-famille-scaled.jpg") center/cover no-repeat}
.caae-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,36,67,.94),rgba(20,36,67,.76) 45%,rgba(20,36,67,.25))}
.caae-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,5vw,75px)}
.caae-eyebrow{display:block;color:#e0bf87;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.17em;margin-bottom:22px}
.caae-copy h1{color:#fff;margin:0;font-size:clamp(35px,4vw,55px);line-height:1.13;font-weight:600;letter-spacing:-.025em}
.caae-copy p{color:#e7ebf2;font-size:18px;line-height:1.75;margin:25px 0 30px;max-width:480px}
.caae-phone{display:inline-flex;padding:13px 22px;border:2px solid #d7b782;border-radius:50px;color:#fff!important;text-decoration:none!important;font-size:clamp(22px,2.5vw,29px);font-weight:700;transition:background .2s,transform .2s}.caae-phone:hover{background:#d7b782;color:#142443!important;transform:translateY(-2px)}
.caae-card{min-width:0;padding:clamp(25px,3vw,38px);border:1px solid rgba(215,183,130,.55);border-radius:23px;background:#f8f5ef;color:#142443;box-shadow:0 24px 65px rgba(0,0,0,.2);scroll-margin-top:35px}
.caae-progress{margin-bottom:28px}.caae-progress span{font-size:12px;color:#6a655c;font-weight:700}.caae-progress>div{display:flex;gap:7px;margin-top:12px}.caae-progress i{height:4px;background:#e4ddd1;flex:1;border-radius:8px}.caae-progress i.is-active{background:#80602a}
.caae-step{border:0;padding:0;margin:0 0 24px;min-width:0}.caae-step legend{font-size:24px;font-weight:600;line-height:1.3;color:#142443;margin-bottom:24px;padding:0;width:100%}
.caae-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.caae-option{position:relative;margin:0;cursor:pointer}.caae-option:last-child{grid-column:1/-1}.caae-option input{position:absolute;opacity:0;width:1px;height:1px}.caae-option>span{display:flex;align-items:center;gap:12px;min-height:91px;padding:16px;border:1px solid #ded8cc;border-radius:13px;background:#fff;transition:border-color .2s,transform .2s,background .2s}.caae-option svg{flex:0 0 28px;width:28px;height:28px;color:#80602a}.caae-option b{font-size:14px;line-height:1.45;font-weight:600;color:#142443}.caae-option:hover>span{transform:translateY(-2px);border-color:#80602a}.caae-option input:checked+span{background:#eee6d8;border:2px solid #80602a;padding:15px}.caae-option input:focus-visible+span{outline:2px solid #80602a;outline-offset:3px}
.caae-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px}.caae-fields>div{min-width:0}.caae-wide{grid-column:1/-1}.caae-field{display:block;color:#142443;font-weight:600;font-size:13px;line-height:1.55;margin:0}.caae-field small{font-weight:400}.caae-field input,.caae-field select,.caae-field textarea{display:block;width:100%;min-width:0;margin-top:8px;padding:12px 13px;min-height:49px;border:1px solid #d8d6d0;border-radius:9px;background:#fff;color:#142443;font-family:inherit;font-size:16px;line-height:1.4}.caae-field textarea{resize:vertical}.caae-hint,.caae-footnote{font-size:12px;line-height:1.65;color:#667080;margin:15px 0 0}.caae-fields .caae-hint{margin:0}
.caae-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65;margin-top:23px;color:#596373}.caae-consent input{flex:0 0 17px;width:17px;height:17px;margin-top:3px;accent-color:#80602a}.caae-consent a{color:#80602a!important;text-decoration:underline!important}
.caae-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:25px}.caae-nav button{font:inherit;font-size:14px;font-weight:700;line-height:1.4;border-radius:50px;padding:14px 20px;cursor:pointer;transition:transform .2s,background .2s;border:1px solid #142443}.caae-next,.caae-submit{margin-left:auto;background:#142443!important;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:17px}.caae-back{background:transparent!important;color:#142443!important;border-color:#d3c8b7!important}.caae-next:hover,.caae-submit:hover{background:#80602a!important;border-color:#80602a;transform:translateY(-2px)}.caae-back:hover{background:#eee6d8!important}.caae-submit:disabled{opacity:.7;cursor:wait}.caae-footnote{font-size:11px;text-align:center}
.caae-hero button:focus-visible,.caae-hero input:focus-visible,.caae-hero select:focus-visible,.caae-hero textarea:focus-visible,.caae-hero a:focus-visible{outline:2px solid #b68f52;outline-offset:4px}.caae-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.caae-error{color:#843c32;border:1px solid #d2a39d;background:#fff;padding:14px;border-radius:8px;font-size:14px}.caae-success h2{font-size:26px;color:#142443;line-height:1.3}.caae-success p{color:#596373;line-height:1.7}.caae-success a{color:#80602a!important;font-weight:700}
.caae-landing{background:#f8f5ef}.caae-landing::before,.caae-landing::after{display:none}.caae-landing .caae-copy h1{color:#142443}.caae-landing .caae-copy p{color:#596373}.caae-landing .caae-eyebrow{color:#80602a}.caae-landing .caae-phone{color:#142443!important;border-color:#80602a}.caae-landing .caae-card{background:#fff;box-shadow:0 20px 50px rgba(20,36,67,.07)}
@media(max-width:950px){.caae-inner{grid-template-columns:1fr;max-width:700px}.caae-copy{max-width:620px}.caae-hero::after{background:linear-gradient(180deg,rgba(20,36,67,.65),rgba(20,36,67,.95))}.caae-hero::before{background-position:65% top}.caae-copy h1{font-size:clamp(34px,6vw,49px)}}
@media(max-width:550px){.caae-hero{padding:45px 18px}.caae-card{padding:25px 20px;border-radius:18px}.caae-fields{grid-template-columns:1fr}.caae-options{gap:10px}.caae-option>span{flex-direction:column;align-items:flex-start;padding:14px;min-height:122px}.caae-option input:checked+span{padding:13px}.caae-option:last-child>span{flex-direction:row;align-items:center;min-height:66px}.caae-step legend{font-size:22px}.caae-nav button{padding:13px 16px}.caae-submit{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.caae-hero *{transition:none!important}.caae-option:hover>span,.caae-phone:hover,.caae-nav button:hover{transform:none}}


.caae-other{margin-top:20px}

.caae-option:last-child{grid-column:auto}.caae-option>span{min-height:105px}.caae-step textarea{min-height:160px}.caae-checkmark{display:none;color:#80602a;font-weight:700}.caae-option input:checked+span .caae-checkmark{display:inline}

.caae-option:last-child{grid-column:1/-1}.caae-step textarea{min-height:95px}


/* Version 1.0.2 : photo en filigrane, fond continu sur la page demande. */
.caae-hero:not(.caae-landing)::before{background-position:left center}
.caae-hero:not(.caae-landing)::after{background:linear-gradient(90deg,rgba(20,36,67,.57) 0%,rgba(20,36,67,.63) 42%,rgba(20,36,67,.22) 100%)}
.caae-hero:not(.caae-landing) .caae-copy{text-shadow:0 2px 14px rgba(0,0,0,.55)}
.caae-landing{overflow:visible;box-shadow:0 0 0 100vmax #f8f5ef;clip-path:inset(0 -100vmax)}
body:has(.caae-landing) .site-content>.ast-container{padding-top:0!important;padding-bottom:0!important}
.site-content .entry-content:has(.caae-landing),
.site-content .entry-content:has(.caae-landing)>.elementor{margin-top:0!important;margin-bottom:0!important}
.elementor .e-con:has(.caae-landing){padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
.elementor .elementor-widget-shortcode:has(.caae-landing),
.elementor .elementor-widget-container:has(.caae-landing){margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
@media(max-width:950px){
.caae-hero:not(.caae-landing)::before{background-position:25% top}
.caae-hero:not(.caae-landing)::after{background:linear-gradient(180deg,rgba(20,36,67,.55),rgba(20,36,67,.72))}
}

/* Version 1.0.3 : photo uniquement sur la version demande. */
.caae-hero.caae-landing{background:#142443;box-shadow:none;overflow:visible;clip-path:inset(0 -100vmax)}
.caae-hero.caae-landing::before,
.caae-hero.caae-landing::after{display:block;left:calc(50% - 50vw);right:calc(50% - 50vw)}
.caae-hero.caae-landing::before{background-position:left center}
.caae-hero.caae-landing::after{background:linear-gradient(90deg,rgba(20,36,67,.57) 0%,rgba(20,36,67,.63) 42%,rgba(20,36,67,.22) 100%)}
.caae-hero.caae-landing .caae-copy{text-shadow:0 2px 14px rgba(0,0,0,.55)}
.caae-hero.caae-landing .caae-copy h1{color:#fff}
.caae-hero.caae-landing .caae-copy p{color:#e7ebf2}
.caae-hero.caae-landing .caae-eyebrow{color:#e0bf87}
.caae-hero.caae-landing .caae-phone{color:#fff!important;border-color:#d7b782}
.caae-hero.caae-landing .caae-phone:hover{background:#d7b782;color:#142443!important}
.caae-hero.caae-landing .caae-card{background:#f8f5ef;box-shadow:0 24px 65px rgba(0,0,0,.2)}
@media(max-width:950px){
.caae-hero.caae-landing::before{background-position:25% top}
.caae-hero.caae-landing::after{background:linear-gradient(180deg,rgba(20,36,67,.55),rgba(20,36,67,.72))}
}

/* Version 1.0.4 : supprimer les marges Astra uniquement autour de la version demande. */
body #primary:has(.caae-hero.caae-landing){margin-top:0!important;margin-bottom:0!important}
