.vpnl-site-slot{margin:56px auto 12px;padding:0 20px;clear:both}
.vpnl-site-slot__inner{max-width:980px;margin:0 auto}
.vpnl-site-slot--home{margin:70px auto 54px}

/* Page Voyons la semaine : intégration au thème VP */
.vpnl-landing-page .breadcrumb,
.vpnl-landing-page .breadcrumbs,
.vpnl-landing-page .yoast-breadcrumb,
.vpnl-landing-page .rank-math-breadcrumb,
.vpnl-landing-page nav[aria-label="Breadcrumb"],
.vpnl-landing-page nav[aria-label="breadcrumb"],
.vpnl-landing-page .vp-breadcrumbs,
.vpnl-landing-page .site-breadcrumbs{
    display:none!important
}

/* Centre le hero dans la grille principale sans toucher au header/navigation. */
.vpnl-landing-page main .entry-header,
.vpnl-landing-page main .page-header,
.vpnl-landing-page main .page-hero__inner,
.vpnl-landing-page main .hero__inner,
.vpnl-landing-page main .hero-inner{
    max-width:1180px;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px;
    padding-right:24px;
    box-sizing:border-box
}

/* Le contenu du shortcode est volontairement vertical :
   texte -> badges -> formulaire Kit. Aucun second cadre gris. */
.vpnl-landing{
    max-width:760px;
    margin:0 auto;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    text-align:center
}
.vpnl-landing__copy{
    max-width:700px;
    margin:0 auto 32px
}
.vpnl-landing h2,
.vpnl-thanks h2{
    font-family:Georgia,'Times New Roman',serif;
    color:#0b1f36;
    font-size:44px;
    line-height:1.08;
    margin:0 auto 18px
}
.vpnl-landing__lead{
    max-width:680px;
    margin:0 auto 22px;
    font-size:18px;
    line-height:1.65;
    color:#3d4c5d
}
.vpnl-landing__points{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:9px
}
.vpnl-landing__points span{
    font-size:13px;
    font-weight:700;
    color:#163a63;
    border:1px solid #d8e0e9;
    background:#fff;
    border-radius:999px;
    padding:7px 11px
}
.vpnl-landing__form{
    width:100%;
    max-width:640px;
    margin:0 auto;
    min-width:0
}

/* Quand le thème entoure le contenu d'une carte blanche, on laisse cette carte
   devenir l'unique cadre de la page. Les wrappers ajoutés par le plugin restent transparents. */
.vpnl-landing-page .vpnl-landing,
.vpnl-landing-page .vpnl-landing__copy,
.vpnl-landing-page .vpnl-landing__form{
    box-shadow:none
}

.vpnl-thanks{
    max-width:820px;
    margin:46px auto;
    padding:42px;
    border-radius:22px;
    background:#f8f9fa;
    border:1px solid #e1e6ec;
    text-align:center
}
.vpnl-thanks p{
    font-size:18px;
    line-height:1.65;
    color:#3d4c5d
}
.vpnl-thanks__actions{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:22px
}
.vpnl-thanks__actions a{
    display:inline-block;
    text-decoration:none;
    border-radius:999px;
    padding:11px 16px;
    font-weight:700;
    background:#163a63;
    color:#fff
}
.vpnl-thanks__actions a:last-child{
    background:#c9a14a;
    color:#0b1f36
}

@media(max-width:820px){
    .vpnl-landing-page main .entry-header,
    .vpnl-landing-page main .page-header,
    .vpnl-landing-page main .page-hero__inner,
    .vpnl-landing-page main .hero__inner,
    .vpnl-landing-page main .hero-inner{
        padding-left:18px;
        padding-right:18px
    }
    .vpnl-landing{
        max-width:100%
    }
    .vpnl-landing h2,
    .vpnl-thanks h2{
        font-size:34px
    }
    .vpnl-landing__lead{
        font-size:17px
    }
    .vpnl-landing__copy{
        margin-bottom:26px
    }
    .vpnl-site-slot{
        padding:0 14px;
        margin-top:38px
    }
    .vpnl-site-slot--home{
        margin-top:48px
    }
    .vpnl-thanks{
        padding:28px 20px
    }
}

@media(max-width:520px){
    .vpnl-landing__points{
        gap:7px
    }
    .vpnl-landing__points span{
        font-size:12px;
        padding:6px 9px
    }
}


/* v0.5.3 — mêmes règles de structure que le critical inline. */
.vpnl-landing-page .vp-page-hero .vp-breadcrumbs,
.vpnl-thanks-page .vp-page-hero .vp-breadcrumbs{display:none!important}
.vpnl-landing-page .vpnl-landing{display:block!important;grid-template-columns:none!important;gap:0!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;text-align:center!important}
.vpnl-landing-page .vpnl-landing__copy{display:block!important;width:100%!important;max-width:700px!important;margin:0 auto 30px!important;text-align:center!important}
.vpnl-landing-page .vpnl-landing__form{display:block!important;width:100%!important;max-width:640px!important;margin:0 auto!important}
.vpnl-thanks-page .vpnl-thanks{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 4px!important;margin:0 auto!important}


/* v0.5.4 — alignement grille VP 3.2.7 */
.vpnl-landing-page .vp-page-hero>.vp-wrap,
.vpnl-thanks-page .vp-page-hero>.vp-wrap{
    width:min(var(--vp-max),calc(100% - 40px))!important;
    max-width:var(--vp-max)!important;
}
.vpnl-landing-page .vp-page-body,
.vpnl-thanks-page .vp-page-body{padding:52px 0 82px!important}
.vpnl-landing-page .vp-page-body>.vp-page-card,
.vpnl-thanks-page .vp-page-body>.vp-page-card{
    width:min(var(--vp-max),calc(100% - 40px))!important;
    max-width:var(--vp-max)!important;
    padding:48px 56px!important;
}
.vpnl-landing-page .vpnl-landing{max-width:860px!important}
.vpnl-landing-page .vpnl-landing__form{max-width:720px!important}
.vpnl-landing-page .vpnl-landing__points{margin-top:24px!important}
@media(max-width:600px){
    .vpnl-landing-page .vp-page-hero>.vp-wrap,
    .vpnl-thanks-page .vp-page-hero>.vp-wrap,
    .vpnl-landing-page .vp-page-body>.vp-page-card,
    .vpnl-thanks-page .vp-page-body>.vp-page-card{
        width:min(100% - 28px,var(--vp-max))!important;
    }
    .vpnl-landing-page .vp-page-body,
    .vpnl-thanks-page .vp-page-body{padding:34px 0 48px!important}
    .vpnl-landing-page .vp-page-body>.vp-page-card,
    .vpnl-thanks-page .vp-page-body>.vp-page-card{padding:30px 24px!important}
}


/* v0.6.2 — le slogan de la landing devient le sous-titre natif du Hero. */
.vpnl-landing-page .vp-page-hero .vp-lead{
    max-width:760px!important;
    margin-top:8px!important;
    margin-bottom:0!important;
    font-size:18px!important;
    line-height:1.55!important;
}
.vpnl-landing-page .vpnl-landing__copy{
    display:none!important;
}


/* ==========================================================
   v0.6.7 — architecture stabilisée
   Le formulaire embarqué est stylé directement dans Kit.
   Le plugin VP ne pilote plus ses couleurs, fonds, textes,
   badge Powered by Kit ou états visiteur.
   Il ne gère ici que la géométrie de la landing autour du form.
   ========================================================== */

.vpnl-landing-page .vpnl-landing__form{
    width:100%!important;
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.vpnl-landing-page .vpnl-landing__points{
    margin-top:24px!important;
}


/* ==========================================================
   v0.6.8 — suppression du cadre intermédiaire Kit uniquement.
   Kit reste responsable de tout le style interne du formulaire.
   ========================================================== */

.vpnl-landing-page .vpnl-landing__form > .vpnl-form{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
}

.vpnl-landing-page .vpnl-landing__form .seva-form,
.vpnl-landing-page .vpnl-landing__form [data-sv-form],
.vpnl-landing-page .vpnl-landing__form [data-format="inline"],
.vpnl-landing-page .vpnl-landing__form .formkit-form{
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* On ne touche volontairement ni aux champs, ni au bouton,
   ni aux textes, ni au badge Built with Kit. */