
/*
 * Estimation Nantes — Habillage Vendre son bien v1.0.0
 * Harmonisation graphique autour du bloc .enbv.
 * Le composant .enbv n'est volontairement pas redéfini.
 */

body.en-vendre-unifie{
    --en-navy:#062b59;
    --en-teal:#0498aa;
    --en-text:#0b1f43;
    --en-border:#dde4ec;
    --en-soft:#f4f8fb;
    --en-soft-blue:#eef8fb;
    --en-shadow:0 8px 24px rgba(0,20,50,.06);
}

/* Le contenu éditorial reprend exactement la largeur du bloc Vente */
body.en-vendre-unifie .en-vendre-hero,
body.en-vendre-unifie .en-vendre-editorial,
body.en-vendre-unifie .en-vendre-faq{
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding-left:16px;
    padding-right:16px;
    box-sizing:border-box;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
    color:var(--en-text);
}

/* Supprime uniquement le doublon exact éventuellement placé au-dessus du H1 */
body.en-vendre-unifie .en-vendre-duplicate-lead{
    display:none!important;
}

/* ---------- HERO ---------- */

body.en-vendre-unifie .en-vendre-hero{
    margin-top:28px;
    margin-bottom:8px;
    padding-top:42px;
    padding-bottom:42px;
    text-align:center;
    background:linear-gradient(180deg,#f7fafc 0%,#ffffff 100%);
    border:1px solid #e8edf2;
    border-radius:18px;
}

body.en-vendre-unifie .en-vendre-hero h1,
body.en-vendre-unifie .en-vendre-hero-title{
    max-width:940px;
    margin:0 auto 18px!important;
    color:var(--en-navy)!important;
    font-size:clamp(34px,4.6vw,54px)!important;
    line-height:1.06!important;
    letter-spacing:-.03em;
    font-weight:800!important;
}

body.en-vendre-unifie .en-vendre-hero p,
body.en-vendre-unifie .en-vendre-hero-text{
    max-width:820px;
    margin:0 auto 12px!important;
    font-size:17px!important;
    line-height:1.65!important;
    color:#30435d;
}

body.en-vendre-unifie .en-vendre-hero strong{
    color:var(--en-navy);
}

/* évite une grosse cassure avant le bloc existant */
body.en-vendre-unifie .en-vendre-hero + .enbv,
body.en-vendre-unifie .en-vendre-hero + * .enbv{
    margin-top:26px;
}

/* ---------- CONTENU ÉDITORIAL APRÈS LE BLOC ---------- */

body.en-vendre-unifie .en-vendre-editorial{
    position:relative;
    margin-top:44px;
    margin-bottom:22px;
    padding-top:36px;
    padding-bottom:36px;
    padding-right:min(43%, 470px);
    background:var(--en-soft);
    border:1px solid #e4ebf1;
    border-radius:16px;
    box-shadow:var(--en-shadow);
    min-height:390px;
}

body.en-vendre-unifie .en-vendre-editorial h2,
body.en-vendre-unifie .en-vendre-editorial h3{
    color:var(--en-navy)!important;
    font-weight:800!important;
    line-height:1.18!important;
}

body.en-vendre-unifie .en-vendre-editorial h2{
    font-size:clamp(27px,3vw,36px)!important;
    margin:0 0 16px!important;
}

body.en-vendre-unifie .en-vendre-editorial h3{
    font-size:22px!important;
    margin:27px 0 10px!important;
}

body.en-vendre-unifie .en-vendre-editorial p{
    font-size:16px!important;
    line-height:1.68!important;
    color:#30435d;
    margin:0 0 13px!important;
}

body.en-vendre-unifie .en-vendre-editorial strong{
    color:var(--en-navy);
}

/* photo existante, repositionnée à droite sans la remplacer */
body.en-vendre-unifie .en-vendre-photo{
    position:absolute!important;
    top:32px;
    right:24px;
    width:calc(min(39%, 420px))!important;
    height:calc(100% - 64px)!important;
    margin:0!important;
    overflow:hidden;
    border-radius:14px;
    box-shadow:0 10px 28px rgba(4,35,72,.12);
    background:#fff;
}

body.en-vendre-unifie .en-vendre-photo img,
body.en-vendre-unifie img.en-vendre-photo-img{
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:14px;
}

/* ---------- FAQ ---------- */

body.en-vendre-unifie .en-vendre-faq{
    margin-top:18px;
    margin-bottom:52px;
    padding-top:30px;
    padding-bottom:34px;
}

body.en-vendre-unifie .en-vendre-faq-title{
    text-align:center;
    color:var(--en-navy)!important;
    font-size:clamp(28px,3vw,38px)!important;
    line-height:1.12!important;
    font-weight:800!important;
    margin:0 0 24px!important;
}

body.en-vendre-unifie .en-vendre-faq-card{
    max-width:940px;
    margin:0 auto 12px;
    padding:20px 22px;
    background:#fff;
    border:1px solid var(--en-border);
    border-radius:13px;
    box-shadow:var(--en-shadow);
}

body.en-vendre-unifie .en-vendre-faq-card h3,
body.en-vendre-unifie .en-vendre-faq-card h4{
    margin:0 0 7px!important;
    color:var(--en-navy)!important;
    font-size:18px!important;
    line-height:1.3!important;
    font-weight:800!important;
}

body.en-vendre-unifie .en-vendre-faq-card p{
    margin:0!important;
    color:#40516a;
    font-size:15px!important;
    line-height:1.6!important;
}

/* trait WordPress inutile entre éditorial et FAQ */
body.en-vendre-unifie .en-vendre-editorial hr,
body.en-vendre-unifie .en-vendre-faq > hr{
    display:none!important;
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:900px){
    body.en-vendre-unifie .en-vendre-hero{
        padding-top:34px;
        padding-bottom:34px;
    }

    body.en-vendre-unifie .en-vendre-editorial{
        padding-right:16px;
        min-height:0;
    }

    body.en-vendre-unifie .en-vendre-photo{
        position:relative!important;
        top:auto;
        right:auto;
        width:100%!important;
        height:390px!important;
        margin:26px 0 0!important;
    }
}

@media(max-width:620px){
    body.en-vendre-unifie .en-vendre-hero{
        margin-top:18px;
        padding:28px 18px;
        border-radius:14px;
    }

    body.en-vendre-unifie .en-vendre-hero h1,
    body.en-vendre-unifie .en-vendre-hero-title{
        font-size:32px!important;
    }

    body.en-vendre-unifie .en-vendre-hero p,
    body.en-vendre-unifie .en-vendre-hero-text{
        font-size:15px!important;
    }

    body.en-vendre-unifie .en-vendre-editorial{
        margin-top:32px;
        padding:26px 18px;
        border-radius:14px;
    }

    body.en-vendre-unifie .en-vendre-photo{
        height:300px!important;
    }

    body.en-vendre-unifie .en-vendre-faq{
        padding-top:20px;
        margin-bottom:34px;
    }

    body.en-vendre-unifie .en-vendre-faq-card{
        padding:17px 16px;
    }
}
