/* wg:prefixe */
/* ══════════════════════════════════════════════════════════
   WONDERGUIDE — Pages du site vitrine, langage du Design App
   S'appuie sur accueil.css : mêmes couleurs, mêmes sections.
   Nuit #04080F · Surface #0B1120 · Beige #C8B89A
   Angles nets partout.
   ══════════════════════════════════════════════════════════ */
html body .wgp *{border-radius:0 !important;}
/* ── Héros sur une colonne ──────────────────────────── */
html body .wga__hero--seul{grid-template-columns:1fr;padding-bottom:64px;}
html body .wga__hero--seul .wga__hero-texte{max-width:940px;}
html body .wga__hero--seul .wga__titre{font-size:clamp(40px,5.6vw,76px) !important;}
html body .wga__hero--seul .wga__chapo{max-width:640px;}
/* ── Sous-titre de section ──────────────────────────── */
html body .wgp-h3{
    font-size:clamp(24px,2.6vw,34px) !important;font-weight:800 !important;
    letter-spacing:-.03em !important;line-height:1.12 !important;
    color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;
    margin:0 0 20px !important;
}
/* ── Liste à tiret : titre et texte ─────────────────── */
html body .wgp-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
html body .wgp-liste li{
    position:relative;padding:18px 0 18px 28px;
    border-top:1px solid rgba(200,184,154,.12);
    display:flex;flex-direction:column;gap:4px;
}
html body .wgp-liste li:last-child{border-bottom:1px solid rgba(200,184,154,.12);}
html body .wgp-liste li::before{
    content:'';position:absolute;left:0;top:29px;width:14px;height:1px;background:#C8B89A;
}
html body .wgp-liste strong{font-size:17px;font-weight:700;color:#FFFFFF;}
html body .wgp-liste span{font-size:15px;line-height:1.6;color:rgba(250,249,247,0.68);}
/* ── Texte et visuel côte à côte ────────────────────── */
html body .wgp-duo{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:64px;align-items:center;
}
html body .wgp-duo--inverse .wgp-duo__texte{order:2;}
html body .wgp-duo--inverse .wgp-duo__visuel{order:1;}
html body .wgp-duo__texte .wga__lead:last-child{margin-bottom:0 !important;}
html body .wgp-duo__visuel{display:flex;justify-content:center;}
html body .wgp-image{
    margin:0;width:100%;
    background:#0B1120;border:1px solid rgba(200,184,154,.14);
    overflow:hidden;
}
html body .wgp-image img{display:block;width:100%;height:auto;}
/* ── Grille de cartes,html body sans cellule fantôme ─────────── */
html body .wgp-grille{display:grid;gap:0;}
html body .wgp-grille--3{grid-template-columns:repeat(3,minmax(0,1fr));}
html body .wgp-grille--2{grid-template-columns:repeat(2,minmax(0,1fr));}
html body .wgp-carte{
    background:#0B1120;border:1px solid rgba(200,184,154,.12);
    margin:0 -1px -1px 0;          /* les filets se superposent au lieu de doubler */
    padding:28px 26px;display:flex;flex-direction:column;gap:10px;
}
html body .wgp-carte__titre{font-size:17px;font-weight:700;color:#FFFFFF;}
html body .wgp-carte__txt{font-size:15px;line-height:1.6;color:rgba(250,249,247,0.68);}
/* ── Étapes numérotées ──────────────────────────────── */
html body .wgp-etapes{
    list-style:none;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;
}
html body .wgp-etape{
    display:flex;flex-direction:column;gap:12px;
    padding:30px 26px 32px;margin:0 -1px -1px 0;
    background:#0B1120;border:1px solid rgba(200,184,154,.12);
}
html body .wgp-etape__num{
    font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1;
    color:#C8B89A;font-variant-numeric:tabular-nums;
}
html body .wgp-etape__titre{font-size:18px;font-weight:700;line-height:1.3;color:#FFFFFF;}
html body .wgp-etape__txt{font-size:15px;line-height:1.6;color:rgba(250,249,247,0.68);}
/* ── Comparaison en trois colonnes ──────────────────── */
html body .wgp-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
html body .wgp-compare__col{
    padding:34px 28px;margin:0 -1px 0 0;
    background:#0B1120;border:1px solid rgba(200,184,154,.12);
    display:flex;flex-direction:column;gap:12px;
}
html body .wgp-compare__nom{
    font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(250,249,247,0.68);
}
html body .wgp-compare__mot{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.035em;color:rgba(250,249,247,0.62);}
html body .wgp-compare__txt{font-size:15px;line-height:1.6;color:rgba(250,249,247,0.68);}
html body .wgp-compare__col--fort{background:#C8B89A;border-color:#C8B89A;position:relative;z-index:1;}
html body .wgp-compare__col--fort .wgp-compare__nom{color:rgba(4,8,15,.78);}
html body .wgp-compare__col--fort .wgp-compare__mot{color:#04080F;}
html body .wgp-compare__col--fort .wgp-compare__txt{color:rgba(4,8,15,.75);}
/* ── Tableaux ───────────────────────────────────────── */
html body .wgp-tableau-cadre{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(200,184,154,.14);}
html body .wgp-tableau{
    width:100%;min-width:640px;border-collapse:collapse;
    font-family:'Space Grotesk',system-ui,sans-serif;
}
html body .wgp-tableau th,html body .wgp-tableau td{
    padding:16px 20px;text-align:left;vertical-align:middle;
    border-bottom:1px solid rgba(200,184,154,.1);
    font-size:15px;line-height:1.45;
}
html body .wgp-tableau thead th{
    background:#0B1120;
    font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:#C8B89A;
}
html body .wgp-tableau tbody th{font-weight:600;color:#FFFFFF;background:rgba(11,17,32,.55);}
html body .wgp-tableau tbody td{color:rgba(250,249,247,0.74);}
html body .wgp-tableau tbody tr:last-child th,html body .wgp-tableau tbody tr:last-child td{border-bottom:none;}
html body .wgp-tableau tbody tr:hover th,html body .wgp-tableau tbody tr:hover td{background:rgba(200,184,154,.05);}
/* Dernière colonne mise en avant */
html body .wgp-tableau--fort thead th:last-child{background:#C8B89A;color:#04080F;}
html body .wgp-tableau--fort tbody td:last-child{
    background:rgba(200,184,154,.1);color:#FFFFFF;font-weight:600;
}
html body .wgp-oui{display:inline-flex;color:#C8B89A;}
html body .wgp-non{color:rgba(250,249,247,.45);}
/* ── Calculateur de prix ────────────────────────────── */
html body .wgp-calc-zone{max-width:1180px;margin:0 auto;padding:0 48px 80px;}
html body .wgp-calc{
    display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
    border:1px solid rgba(200,184,154,.2);background:#0B1120;
}
html body .wgp-calc__reglages{padding:36px;display:flex;flex-direction:column;gap:30px;}
html body .wgp-calc__label{
    display:block;font-size:14px;font-weight:800;letter-spacing:.14em;
    text-transform:uppercase;color:#C8B89A;margin-bottom:12px;
}
html body .wgp-calc__bascule{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(200,184,154,.24);}
html body .wgp-calc__bascule button{
    height:52px;border:none;cursor:pointer;
    font:600 15px 'Space Grotesk',sans-serif;
    background:transparent;color:rgba(250,249,247,0.74);transition:background .2s,color .2s;
}
html body .wgp-calc__bascule button em{font-style:normal;color:#C8B89A;margin-left:4px;}
html body .wgp-calc__bascule button.is-actif{background:#C8B89A;color:#04080F;}
html body .wgp-calc__bascule button.is-actif em{color:#04080F;}
html body .wgp-calc__pas{display:grid;grid-template-columns:56px 1fr 56px;border:1px solid rgba(200,184,154,.24);margin-bottom:18px;}
html body .wgp-calc__pas button{
    height:56px;border:none;cursor:pointer;background:transparent;
    font:400 24px 'Space Grotesk',sans-serif;color:#C8B89A;transition:background .18s;
}
html body .wgp-calc__pas button:hover{background:rgba(200,184,154,.1);}
html body .wgp-calc__pas input{
    height:56px;width:100%;text-align:center;border:none;
    border-left:1px solid rgba(200,184,154,.24);border-right:1px solid rgba(200,184,154,.24);
    background:#04080F;color:#FFFFFF;
    font:800 24px 'Space Grotesk',sans-serif;
    -moz-appearance:textfield;appearance:textfield;
}
html body .wgp-calc__pas input::-webkit-inner-spin-button,html body .wgp-calc__pas input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
html body .wgp-calc__pas input:focus{outline:none;background:#0B1120;}
html body .wgp-calc input[type=range]{
    -webkit-appearance:none;appearance:none;width:100%;height:2px;
    background:rgba(200,184,154,.25);outline:none;margin:6px 0;
}
html body .wgp-calc input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;width:22px;height:22px;background:#C8B89A;cursor:pointer;border:none;
}
html body .wgp-calc input[type=range]::-moz-range-thumb{
    width:22px;height:22px;background:#C8B89A;cursor:pointer;border:none;border-radius:0;
}
html body .wgp-calc__paliers{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
html body .wgp-calc__paliers span{
    padding:12px 8px;text-align:center;margin-right:-1px;
    font-size:14px;font-weight:600;line-height:1.3;
    border:1px solid rgba(200,184,154,.14);color:rgba(250,249,247,0.62);
    transition:background .2s,color .2s;
}
html body .wgp-calc__paliers span.is-actif{background:rgba(200,184,154,.14);color:#FFFFFF;border-color:rgba(200,184,154,.4);position:relative;z-index:1;}
html body .wgp-calc__prix{
    padding:36px;background:#04080F;border-left:1px solid rgba(200,184,154,.2);
    display:flex;flex-direction:column;
}
html body .wgp-calc__montant{
    font-size:clamp(52px,6vw,76px);font-weight:800;letter-spacing:-.05em;line-height:1;
    color:#FFFFFF;font-variant-numeric:tabular-nums;
}
html body .wgp-calc__detail{margin-top:10px;font-size:15px;color:rgba(250,249,247,0.68);}
html body .wgp-calc__total{
    margin:28px 0;padding:18px 0;
    border-top:1px solid rgba(200,184,154,.14);border-bottom:1px solid rgba(200,184,154,.14);
    display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
    font-size:15px;color:rgba(250,249,247,0.68);
}
html body .wgp-calc__total strong{font-size:22px;font-weight:800;color:#C8B89A;font-variant-numeric:tabular-nums;}
html body .wgp-calc__cta{width:100%;}
html body .wgp-calc__note{margin-top:14px;font-size:14px;line-height:1.5;color:rgba(250,249,247,0.62);text-align:center;}
/* ── Offres ─────────────────────────────────────────── */
html body .wgp-offres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;}
html body .wgp-offre{
    position:relative;display:flex;flex-direction:column;
    padding:34px 28px;margin-right:-1px;
    background:#0B1120;border:1px solid rgba(200,184,154,.14);
}
html body .wgp-offre--fort{background:#101A30;border-color:#C8B89A;z-index:1;}
html body .wgp-offre__badge{
    position:absolute;top:-1px;right:-1px;padding:7px 12px;
    font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    background:#C8B89A;color:#04080F;
}
html body .wgp-offre__nom{font-size:24px;font-weight:800;letter-spacing:-.025em;color:#FFFFFF;}
html body .wgp-offre__cible{
    margin-top:6px;font-size:14px;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;color:#C8B89A;
}
html body .wgp-offre__prix{
    margin-top:26px;font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:1;color:#FFFFFF;
}
html body .wgp-offre__prix small{
    display:block;margin-top:8px;font-size:14px;font-weight:500;letter-spacing:0;
    color:rgba(250,249,247,0.68);
}
html body .wgp-offre__sous{margin-top:8px;font-size:14px;color:rgba(250,249,247,0.62);}
html body .wgp-offre__txt{
    margin:22px 0 !important;font-size:15px !important;line-height:1.6 !important;
    color:rgba(250,249,247,0.74) !important;-webkit-text-fill-color:rgba(250,249,247,0.74) !important;
}
html body .wgp-offre__liste{list-style:none;margin:0 0 28px;padding:0;flex:1;display:flex;flex-direction:column;gap:10px;}
html body .wgp-offre__liste li{
    position:relative;padding-left:22px;font-size:15px;line-height:1.5;color:rgba(250,249,247,0.78);
}
html body .wgp-offre__liste li::before{
    content:'';position:absolute;left:0;top:10px;width:10px;height:1px;background:#C8B89A;
}
html body .wgp-offre .wga__cta{width:100%;}
/* ── Questions fréquentes ───────────────────────────── */
html body .wgp-faq{border-top:1px solid rgba(200,184,154,.14);}
html body .wgp-faq__item{border-bottom:1px solid rgba(200,184,154,.14);}
html body .wgp-faq__item summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    padding:24px 0;font-size:18px;font-weight:600;line-height:1.4;color:#FFFFFF;
    transition:color .18s;
}
html body .wgp-faq__item summary::-webkit-details-marker{display:none;}
html body .wgp-faq__item summary:hover{color:#C8B89A;}
html body .wgp-faq__signe{position:relative;flex:0 0 16px;width:16px;height:16px;}
html body .wgp-faq__signe::before,html body .wgp-faq__signe::after{
    content:'';position:absolute;left:0;top:50%;width:16px;height:1px;background:#C8B89A;
    transition:transform .3s cubic-bezier(.16,1,.3,1);
}
html body .wgp-faq__signe::after{transform:rotate(90deg);}
html body .wgp-faq__item[open] .wgp-faq__signe::after{transform:rotate(0);}
html body .wgp-faq__item p{
    margin:0 !important;padding:0 40px 26px 0 !important;
    font-size:16px !important;line-height:1.7 !important;max-width:760px;
    color:rgba(250,249,247,0.74) !important;-webkit-text-fill-color:rgba(250,249,247,0.74) !important;
}
/* ══════════════════════════════════════════════════════════
   ADAPTATIONS
   ══════════════════════════════════════════════════════════ */
@media(max-width:1080px){
html body .wgp-duo{grid-template-columns:1fr;gap:36px;}
html body .wgp-duo--inverse .wgp-duo__texte{order:1;}
html body .wgp-duo--inverse .wgp-duo__visuel{order:2;}
html body .wgp-grille--3{grid-template-columns:repeat(2,minmax(0,1fr));}
html body .wgp-offres{grid-template-columns:1fr;}
html body .wgp-offre{margin:0 0 -1px 0;}
html body .wgp-calc-zone{padding:0 32px 60px;}
html body .wgp-calc{grid-template-columns:1fr;}
html body .wgp-calc__prix{border-left:none;border-top:1px solid rgba(200,184,154,.2);}

}
@media(max-width:700px){
html body .wgp-compare{grid-template-columns:1fr;}
html body .wgp-compare__col{margin:0 0 -1px 0;}
html body .wgp-grille--3,html body .wgp-grille--2{grid-template-columns:1fr;}
html body .wgp-calc__paliers{grid-template-columns:1fr 1fr;}
html body .wgp-calc__paliers span{margin:0 -1px -1px 0;}

}
@media(max-width:600px){
html body .wga__hero--seul{padding-bottom:40px;}
html body .wga__hero--seul .wga__titre{font-size:clamp(38px,11vw,52px) !important;}
html body .wgp-calc-zone{padding:0 16px 48px;}
html body .wgp-calc__reglages,html body .wgp-calc__prix{padding:24px 20px;}
html body .wgp-etape{padding:24px 20px;}
html body .wgp-etape__num{font-size:36px;}
html body .wgp-offre{padding:28px 22px;}
html body .wgp-faq__item summary{font-size:16px;padding:20px 0;}
html body .wgp-faq__item p{padding-right:0 !important;}
html body .wgp-tableau th,html body .wgp-tableau td{padding:14px 14px;font-size:14px;}

}
/* ══════════════════════════════════════════════════════════
   APPARITION AU DÉFILEMENT
   La classe n'est posée par le script que sur ce qui est hors
   de l'écran au chargement : rien ne clignote,html body et sans script
   tout reste visible.
   ══════════════════════════════════════════════════════════ */
html body .wga-attente{
    opacity:0;transform:translateY(28px);
    transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
}
html body .wga-attente.is-vu{opacity:1;transform:none;}
/* ══════════════════════════════════════════════════════════
   GASPARD QUI ÉCRIT
   ══════════════════════════════════════════════════════════ */
html body .wga-msg-cache{display:none !important;}
html body .wga-msg-arrive{animation:wga-msg .45s cubic-bezier(.16,1,.3,1) both;}
@keyframes wga-msg{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
html body .wga__saisie{
    display:inline-flex !important;align-items:center;gap:6px;
    align-self:flex-start;width:auto !important;max-width:none !important;padding:17px 18px !important;
}
html body .wga__saisie span{
    width:6px;height:6px;background:#C8B89A;display:block;
    animation:wga-point 1.1s ease-in-out infinite;
}
html body .wga__saisie span:nth-child(2){animation-delay:.15s;}
html body .wga__saisie span:nth-child(3){animation-delay:.3s;}
@keyframes wga-point{0%,60%,100%{opacity:.25;transform:translateY(0);}30%{opacity:1;transform:translateY(-4px);}}
/* ══════════════════════════════════════════════════════════
   LE VRAI GUIDE DANS LE TÉLÉPHONE
   Affiché à 390 × 844,html body taille d'un iPhone,html body puis réduit.
   ══════════════════════════════════════════════════════════ */
html body .wga__tel--live{width:340px;}
html body .wga__tel--live .wga__tel-ecran{
    position:relative;width:316px;height:684px;overflow:hidden;background:#04080F;
}
html body .wga__tel--live iframe{
    position:absolute;top:0;left:0;z-index:1;
    width:390px;height:844px;border:0;
    transform:scale(.8103);transform-origin:0 0;
}
html body .wga__tel-attente{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(250,249,247,.62);
}
html body .wga__tel-legende{
    margin:20px auto 0 !important;max-width:340px;text-align:center;
    font-size:14px !important;line-height:1.6 !important;
    color:rgba(250,249,247,.74) !important;-webkit-text-fill-color:rgba(250,249,247,.74) !important;
}
html body .wga__tel-legende span{
    display:block;margin-bottom:5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:#C8B89A;-webkit-text-fill-color:#C8B89A;
}
html body .wga__tel-legende a{
    color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
    text-decoration:underline !important;text-underline-offset:3px;
}
@media(max-width:600px){
html body .wga__tel--live{width:300px;max-width:100%;}
html body .wga__tel--live .wga__tel-ecran{width:276px;height:597px;}
html body .wga__tel--live iframe{transform:scale(.7077);}

}
/* ══════════════════════════════════════════════════════════
   BARRE « COMMENCER » SUR MOBILE
   ══════════════════════════════════════════════════════════ */
html body .wga-barre{display:none;}
@media(max-width:700px){
html body .wga-barre{
        display:grid;grid-template-columns:1fr auto;gap:2px;
        position:fixed;left:12px;right:12px;z-index:8990;
        bottom:calc(12px + env(safe-area-inset-bottom, 0px));
        font-family:'Space Grotesk',system-ui,sans-serif;
        transform:translateY(calc(100% + 40px));
        transition:transform .45s cubic-bezier(.16,1,.3,1);
        box-shadow:0 14px 40px rgba(0,0,0,.55);
    }
html body .wga-barre.is-visible{transform:none;}
html body .wga-barre a{
        display:flex;align-items:center;justify-content:center;height:56px;
        font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
        text-decoration:none !important;border-radius:0 !important;
    }
html body .wga-barre__cta{background:#D7CAAF;color:#04080F !important;-webkit-text-fill-color:#04080F !important;}
html body .wga-barre__demo{
        padding:0 22px;background:#04080F;border:1px solid rgba(215,202,175,.4);
        color:#D7CAAF !important;-webkit-text-fill-color:#D7CAAF !important;
    }
/* Un seul « Commencer » à l'écran : celui du header s'efface */
body.wga-barre-visible .wgh__cta{opacity:0;visibility:hidden;pointer-events:none;}
/* Le bouton de Gaspard remonte au-dessus de la barre */
body.wga-barre-visible .wg-toggle{bottom:calc(84px + env(safe-area-inset-bottom, 0px)) !important;transition:bottom .45s cubic-bezier(.16,1,.3,1);}
body.wga-barre-visible .wg-teaser,body.wga-barre-visible .wg-panel{bottom:calc(156px + env(safe-area-inset-bottom, 0px)) !important;}

}
/* ══════════════════════════════════════════════════════════
   CONTACT
   ══════════════════════════════════════════════════════════ */
html body .wgp-contact{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:56px;align-items:start;}
html body .wgp-form{display:flex;flex-direction:column;gap:18px;}
html body .wgp-form__ligne{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
html body .wgp-form__champ{
    display:flex;flex-direction:column;gap:8px;
    font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C8B89A;
}
html body .wgp-form__champ em{font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:rgba(250,249,247,.62);}
html body .wgp-form input[type=text],html body .wgp-form input[type=email],html body .wgp-form input[type=tel],html body .wgp-form select,html body .wgp-form textarea{
    width:100%;padding:0 16px;height:54px;
    font:400 16px 'Space Grotesk',system-ui,sans-serif;letter-spacing:0;text-transform:none;
    color:#FAF9F7;background:#0B1120;border:1px solid rgba(200,184,154,.26);
    -webkit-appearance:none;appearance:none;outline:none;transition:border-color .18s,background .18s;
}
html body .wgp-form textarea{height:auto;min-height:160px;padding:14px 16px;line-height:1.6;resize:vertical;}
html body .wgp-form select{
    padding-right:42px;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C8B89A' stroke-width='1'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 16px center;
}
html body .wgp-form input:focus,html body .wgp-form select:focus,html body .wgp-form textarea:focus{border-color:#C8B89A;background:#04080F;}
html body .wgp-form__choix{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px;}
html body .wgp-form__choix legend{
    width:100%;margin-bottom:8px;padding:0;
    font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C8B89A;
}
html body .wgp-form__choix label{cursor:pointer;}
html body .wgp-form__choix input{position:absolute;opacity:0;pointer-events:none;}
html body .wgp-form__choix span{
    display:inline-flex;align-items:center;height:46px;padding:0 18px;
    font-size:15px;color:rgba(250,249,247,.74);
    border:1px solid rgba(200,184,154,.26);transition:all .18s;
}
html body .wgp-form__choix label:hover span{border-color:#C8B89A;color:#FFFFFF;}
html body .wgp-form__choix input:checked + span{background:#C8B89A;border-color:#C8B89A;color:#04080F;font-weight:600;}
html body .wgp-form__choix input:focus-visible + span{outline:1px solid #C8B89A;outline-offset:2px;}
html body .wgp-form__piege{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
html body .wgp-form__pied{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px;}
html body .wgp-form__pied .wga__cta{min-width:200px;border:none;cursor:pointer;}
html body .wgp-form__pied .wga__cta:disabled{opacity:.55;cursor:default;}
html body .wgp-form__etat{font-size:15px;color:rgba(250,249,247,.74);}
html body .wgp-form__merci{padding:36px 32px;border:1px solid rgba(200,184,154,.3);background:#0B1120;}
html body .wgp-form__merci span{display:block;margin-bottom:10px;font-size:22px;font-weight:800;color:#FFFFFF;}
html body .wgp-form__merci p{margin:0 !important;font-size:16px !important;line-height:1.65 !important;color:rgba(250,249,247,.74) !important;}
html body .wgp-contact__aparte{display:flex;flex-direction:column;gap:2px;}
html body .wgp-contact__bloc{padding:26px 26px;background:#0B1120;border:1px solid rgba(200,184,154,.14);display:flex;flex-direction:column;gap:10px;}
html body .wgp-contact__label{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#C8B89A;}
html body .wgp-contact__tel{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-decoration:none !important;}
html body .wgp-contact__lien{
    font-size:15px;color:rgba(250,249,247,.78) !important;-webkit-text-fill-color:rgba(250,249,247,.78) !important;
    text-decoration:underline !important;text-underline-offset:3px;text-decoration-color:rgba(200,184,154,.5) !important;
}
html body .wgp-contact__lien:hover{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
@media(max-width:1000px){
html body .wgp-contact{grid-template-columns:1fr;gap:36px;}

}
@media(max-width:600px){
html body .wgp-form__ligne{grid-template-columns:1fr;}
html body .wgp-form__pied .wga__cta{width:100%;}

}
@media (prefers-reduced-motion: reduce){
html body .wga-attente{opacity:1 !important;transform:none !important;}
html body .wga-barre{transition:none;}

}
html body .wgp-form__ligne{align-items:end;}
/* Elementor plafonne toute iframe à la largeur de son conteneur
   (.elementor iframe{ max-width:100% }html body ) : le guide était rendu à
   316 px puis réduit une seconde fois. On lui rend sa largeur d'iPhone. */
html body .wga__tel--live iframe{
    max-width:none !important;min-width:390px !important;
    width:390px !important;height:844px !important;
}
@media(max-width:600px){html body .wga__tel--live iframe{transform:scale(.7077) !important;} 
}
/* ══════════════════════════════════════════════════════════
   IMPORT D'ANNONCE — une page copiée devient un guide
   ══════════════════════════════════════════════════════════ */
html body .wgp-import{
    display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);
    border:1px solid rgba(200,184,154,.18);margin-top:4px;
}
html body .wgp-import__label{
    display:block;margin-bottom:18px;
    font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
/* L'annonce : une page web claire,html body qu'on vient de copier */
html body .wgp-import__annonce{position:relative;padding:30px 28px 34px;background:#F5F3EE;}
html body .wgp-import__annonce .wgp-import__label{color:#7D6E4A;}
html body .wgp-import__texte p{
    margin:0 0 10px !important;font-size:15px !important;line-height:1.55 !important;
    color:#26324A !important;-webkit-text-fill-color:#26324A !important;
    background-image:linear-gradient(rgba(200,184,154,.55),rgba(200,184,154,.55));
    background-repeat:no-repeat;background-size:0 100%;
    transition:background-size .9s cubic-bezier(.16,1,.3,1);
    display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
html body .wgp-import__texte p::after{content:'';display:block;height:10px;}
html body .wgp-import__texte strong{font-size:17px;color:#00133B;}
html body .wgp-import.is-selection .wgp-import__texte p{background-size:100% 100%;}
html body .wgp-import__coller{
    position:absolute;right:20px;bottom:18px;padding:7px 12px;
    font-size:14px;font-weight:700;letter-spacing:.06em;
    background:#00133B;color:#D7CAAF;
}
html body .wgp-import__fleche{
    display:flex;align-items:center;justify-content:center;
    background:#0B1120;color:#C8B89A;
}
/* Le guide : les champs remplis */
html body .wgp-import__guide{padding:30px 28px;background:#04080F;display:flex;flex-direction:column;}
html body .wgp-import__guide .wgp-import__label{color:#C8B89A;}
html body .wgp-import__champs{list-style:none;margin:0;padding:0;flex:1;}
html body .wgp-import__champs li{
    display:grid;grid-template-columns:128px minmax(0,1fr) 16px;gap:12px;align-items:baseline;
    padding:11px 0;border-bottom:1px solid rgba(200,184,154,.12);
}
html body .wgp-import__nom{font-size:14px;font-weight:700;letter-spacing:.04em;color:rgba(250,249,247,.62);}
html body .wgp-import__val{font-size:15px;font-weight:600;color:#FFFFFF;}
html body .wgp-import__val--puces{display:flex;flex-wrap:wrap;gap:5px;}
html body .wgp-import__val--puces em{
    font-style:normal;font-size:14px;font-weight:500;padding:3px 8px;
    border:1px solid rgba(200,184,154,.3);color:rgba(250,249,247,.82);
}
html body .wgp-import__ok{color:#C8B89A;align-self:center;}
html body .wgp-import__bilan{
    margin-top:18px;font-size:14px;font-weight:700;letter-spacing:.06em;color:#C8B89A;
}
html body .wgp-import__note{
    margin:22px 0 0 !important;max-width:680px;font-size:15px !important;line-height:1.65 !important;
    color:rgba(250,249,247,.68) !important;-webkit-text-fill-color:rgba(250,249,247,.68) !important;
}
html body .wgp-import__note strong{color:#FFFFFF;}
/* Chorégraphie : posée par le script,html body sinon tout reste visible */
html body .wgp-import--anime .wgp-import__champs li{opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .5s cubic-bezier(.16,1,.3,1);}
html body .wgp-import--anime .wgp-import__champs li .wgp-import__ok{opacity:0;transform:scale(.4);transition:opacity .3s .15s,transform .4s .15s cubic-bezier(.34,1.56,.64,1);}
html body .wgp-import--anime .wgp-import__champs li.is-rempli{opacity:1;transform:none;}
html body .wgp-import--anime .wgp-import__champs li.is-rempli .wgp-import__ok{opacity:1;transform:none;}
html body .wgp-import--anime .wgp-import__coller{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .35s;}
html body .wgp-import--anime.is-colle .wgp-import__coller{opacity:1;transform:none;}
html body .wgp-import--anime .wgp-import__bilan{opacity:0;transition:opacity .5s;}
html body .wgp-import--anime.is-fini .wgp-import__bilan{opacity:1;}
html body .wgp-import__fleche svg{transition:transform .6s cubic-bezier(.16,1,.3,1);}
html body .wgp-import--anime.is-colle .wgp-import__fleche svg{transform:translateX(6px);}
@media(max-width:900px){
html body .wgp-import{grid-template-columns:1fr;}
html body .wgp-import__fleche{height:52px;}
html body .wgp-import__fleche svg{transform:rotate(90deg);}
html body .wgp-import--anime.is-colle .wgp-import__fleche svg{transform:rotate(90deg) translateX(6px);}

}
@media(max-width:600px){
html body .wgp-import__annonce,html body .wgp-import__guide{padding:24px 18px;}
html body .wgp-import__champs li{grid-template-columns:100px minmax(0,1fr) 16px;gap:10px;}

}
/* Le badge « Coller » a sa propre place sous le texte */
html body .wgp-import__annonce{padding-bottom:70px;}
/* ══════════════════════════════════════════════════════════
   TABLEAUX — la réinitialisation de Hello Elementor ajoute une
   marge de 15 px sous chaque tableau,html body des bordures grises sur
   chaque cellule et un fond gris une ligne sur deux.
   ══════════════════════════════════════════════════════════ */
html body .wgp-tableau-cadre .wgp-tableau{margin:0 !important;font-size:inherit !important;}
html body .wgp-tableau-cadre .wgp-tableau th,html body .wgp-tableau-cadre .wgp-tableau td{
    border:0 !important;border-bottom:1px solid rgba(200,184,154,.1) !important;
    vertical-align:middle !important;line-height:1.45 !important;
}
html body .wgp-tableau-cadre .wgp-tableau tbody tr:last-child th,html body .wgp-tableau-cadre .wgp-tableau tbody tr:last-child td{border-bottom:0 !important;}
html body .wgp-tableau-cadre .wgp-tableau tbody > tr > td{background-color:transparent !important;}
html body .wgp-tableau-cadre .wgp-tableau tbody > tr > th{background-color:rgba(11,17,32,.55) !important;}
html body .wgp-tableau-cadre .wgp-tableau thead th{background-color:#0B1120 !important;}
html body .wgp-tableau-cadre .wgp-tableau--fort thead th:last-child{background-color:#C8B89A !important;color:#04080F !important;}
html body .wgp-tableau-cadre .wgp-tableau--fort tbody > tr > td:last-child{background-color:rgba(200,184,154,.14) !important;}
html body .wgp-tableau-cadre .wgp-tableau tbody tr:hover > td{background-color:rgba(200,184,154,.05) !important;}
html body .wgp-tableau-cadre .wgp-tableau--fort tbody tr:hover > td:last-child{background-color:rgba(200,184,154,.2) !important;}
/* ══════════════════════════════════════════════════════════
   ILLUSTRATIONS DES FONCTIONNALITÉS
   Même grammaire que l'import d'annonce : papier clair pour ce
   qu'apporte le propriétaire,html body nuit pour ce qu'en fait le guide.
   ══════════════════════════════════════════════════════════ */
html body .wgi{width:100%;background:#0B1120;border:1px solid rgba(200,184,154,.18);font-family:'Space Grotesk',system-ui,sans-serif;}
html body .wgi *{box-sizing:border-box;border-radius:0 !important;}
html body .wgi__in{padding:24px;}
html body .wgi strong{font-weight:700;}
html body .wgi__label{
    display:block;margin-bottom:14px;
    font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#C8B89A;
}
html body .wgi__eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#C8B89A;}
html body .wgi__eyebrow::before{content:'';width:18px;height:1px;background:#C8B89A;}
html body .wgi b{font-weight:600;}
/* ── 02 · Le guide,html body son QR code,html body son lien ────────────── */
html body .wgi--guide .wgi__in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px;padding:20px;}
html body .wgi-g__app{background:#04080F;border:1px solid rgba(200,184,154,.16);}
html body .wgi-g__tete{padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(150deg,#16243F 0%,#04080F 75%);}
html body .wgi-g__tete strong{font-size:22px;letter-spacing:-.03em;line-height:1.05;color:#FFFFFF;}
html body .wgi-g__strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(200,184,154,.14);border-bottom:1px solid rgba(200,184,154,.14);}
html body .wgi-g__strip span{padding:10px 12px;font-size:14px;font-weight:700;color:#FFFFFF;display:flex;flex-direction:column;gap:3px;}
html body .wgi-g__strip span + span{border-left:1px solid rgba(200,184,154,.14);}
html body .wgi-g__strip em,html body .wgi-g__ligne em{font-style:normal;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C8B89A;}
html body .wgi-g__strip em{font-size:12px;}
html body .wgi-g__ligne{
    display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:10px;align-items:center;
    padding:11px 16px;border-bottom:1px solid rgba(200,184,154,.1);
}
html body .wgi-g__ligne em{font-size:12px;}
html body .wgi-g__ligne span{font-size:14px;color:rgba(250,249,247,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body .wgi-g__ligne i{font-style:normal;font-size:14px;color:rgba(250,249,247,.62);display:flex;align-items:center;gap:5px;white-space:nowrap;}
html body .wgi-g__reserve{color:#C8B89A !important;}
html body .wgi-g__puces{display:flex;flex-wrap:wrap;gap:5px;padding:14px 16px;}
html body .wgi-g__puces b,html body .wgi-r__puces b,html body .wgi-i__tons b{
    font-size:13px;font-weight:500;padding:4px 9px;border:1px solid rgba(200,184,154,.3);color:rgba(250,249,247,.82);
}
html body .wgi-g__cote{display:flex;flex-direction:column;gap:12px;}
html body .wgi-g__qr{background:#F5F3EE;padding:18px 18px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;}
html body .wgi-g__qr svg{width:100%;max-width:150px;height:auto;display:block;fill:#00133B;}
html body .wgi-g__qr span{font-size:13px;font-weight:600;color:#26324A;text-align:center;}
html body .wgi-g__lien{
    padding:14px 16px;background:#04080F;border:1px solid rgba(200,184,154,.16);
    font-size:14px;line-height:1.4;color:#FFFFFF;word-break:break-all;
}
html body .wgi-g__lien em{display:block;margin-bottom:5px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#C8B89A;word-break:normal;}
html body .wgi-g__maj{
    display:flex;align-items:center;gap:8px;padding:12px 16px;
    border:1px solid rgba(200,184,154,.3);font-size:14px;font-weight:600;color:#C8B89A;
}
/* ── 03 · Envies et suggestions ──────────────────────── */
html body .wgi--recos .wgi__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:center;}
html body .wgi-r__puces{display:flex;flex-wrap:wrap;gap:6px;}
html body .wgi-r__puces b.is-on{background:#C8B89A;border-color:#C8B89A;color:#04080F;font-weight:700;}
html body .wgi-r__pile{position:relative;height:350px;}
html body .wgi-r__carte{
    position:absolute;left:0;top:0;right:24px;bottom:24px;
    background:#04080F;border:1px solid rgba(200,184,154,.2);
}
html body .wgi-r__carte--2{transform:translate(12px,12px);opacity:.6;}
html body .wgi-r__carte--3{transform:translate(24px,24px);opacity:.3;}
html body .wgi-r__carte--1{display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.45);}
html body .wgi-r__visuel{
    flex:1;min-height:120px;position:relative;
    background:
        linear-gradient(0deg,rgba(4,8,15,.85) 0%,transparent 60%),
        linear-gradient(135deg,#1E3257 0%,#2E4A6E 38%,#8C7E62 72%,#C8B89A 100%);
}
html body .wgi-r__visuel span{
    position:absolute;left:14px;bottom:12px;padding:5px 9px;
    font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    background:#C8B89A;color:#04080F;
}
html body .wgi-r__corps{padding:14px 16px 12px;display:flex;flex-direction:column;gap:5px;}
html body .wgi-r__corps em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C8B89A;}
html body .wgi-r__corps strong{font-size:18px;color:#FFFFFF;letter-spacing:-.02em;}
html body .wgi-r__corps span{font-size:14px;line-height:1.45;color:rgba(250,249,247,.7);}
html body .wgi-r__choix{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(200,184,154,.16);}
html body .wgi-r__choix span{padding:11px;text-align:center;font-size:14px;font-weight:700;color:rgba(250,249,247,.7);}
html body .wgi-r__choix span + span{border-left:1px solid rgba(200,184,154,.16);}
html body .wgi-r__choix .is-oui{background:#C8B89A;color:#04080F;}
/* ── 04 · Contributions et modération ────────────────── */
html body .wgi-e__tete{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:6px;}
html body .wgi-e__tete .wgi__label{margin:4px 0 0;}
html body .wgi-e__compte{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:rgba(250,249,247,.68);text-align:right;}
html body .wgi-e__compte strong{font-size:30px;line-height:1;letter-spacing:-.04em;color:#C8B89A;}
html body .wgi-e__ligne{
    display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;
    padding:14px 0;border-bottom:1px solid rgba(200,184,154,.1);
}
html body .wgi-e__ligne:last-child{border-bottom:0;}
html body .wgi-e__ligne.is-attente{margin:10px -12px 4px;padding:14px 12px;background:rgba(200,184,154,.08);border:1px solid rgba(200,184,154,.3);}
html body .wgi-e__ini{
    width:38px;height:38px;display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:700;letter-spacing:.04em;color:#C8B89A;border:1px solid rgba(200,184,154,.35);
}
html body .wgi-e__txt{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.4;color:rgba(250,249,247,.78);}
html body .wgi-e__txt em{font-style:normal;font-size:13px;color:rgba(250,249,247,.6);}
html body .wgi-e__txt strong{color:#FFFFFF;}
html body .wgi-e__etat{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#C8B89A;white-space:nowrap;}
html body .wgi-e__actions{display:flex;gap:2px;}
html body .wgi-e__actions b{padding:6px 10px;font-size:13px;font-weight:700;border:1px solid rgba(200,184,154,.35);color:rgba(250,249,247,.78);}
html body .wgi-e__actions b.is-oui{background:#C8B89A;border-color:#C8B89A;color:#04080F;}
/* ── 05 · Tableau de bord multi-biens ────────────────── */
html body .wgi-p__chiffres{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(200,184,154,.16);margin-bottom:20px;}
html body .wgi-p__chiffres span{padding:14px 16px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:rgba(250,249,247,.68);}
html body .wgi-p__chiffres span + span{border-left:1px solid rgba(200,184,154,.16);}
html body .wgi-p__chiffres strong{font-size:28px;line-height:1;letter-spacing:-.04em;color:#FFFFFF;}
html body .wgi-p__liste{margin-bottom:20px;}
html body .wgi-p__bien{
    display:flex;justify-content:space-between;align-items:center;gap:12px;
    padding:12px 14px;margin-bottom:-1px;background:#04080F;border:1px solid rgba(200,184,154,.12);
}
html body .wgi-p__bien.is-dup{position:relative;z-index:1;border-color:#C8B89A;background:#101A30;}
html body .wgi-p__nom{display:flex;flex-direction:column;gap:1px;font-size:13px;color:rgba(250,249,247,.62);}
html body .wgi-p__nom strong{font-size:15px;color:#FFFFFF;}
html body .wgi-p__etat{font-style:normal;font-size:13px;font-weight:600;padding:4px 9px;background:#C8B89A;color:#04080F;white-space:nowrap;}
html body .wgi-p__etat.is-brouillon{background:transparent;border:1px solid rgba(200,184,154,.35);color:rgba(250,249,247,.7);}
html body .wgi-p__dup{font-size:13px;font-weight:700;padding:6px 11px;background:#C8B89A;color:#04080F;white-space:nowrap;}
html body .wgi-p__equipe{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
html body .wgi-p__equipe .wgi__label{margin:0;}
html body .wgi-p__membres{display:flex;gap:4px;}
html body .wgi-p__membres b{
    min-width:38px;height:38px;padding:0 8px;display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:700;color:#C8B89A;border:1px solid rgba(200,184,154,.35);
}
html body .wgi-p__membres b.is-plus{background:#C8B89A;color:#04080F;border-color:#C8B89A;}
/* ── 06 · Du brouillon au texte clair ────────────────── */
html body .wgi--ia .wgi__in{display:flex;flex-direction:column;padding:0;}
html body .wgi-i__brouillon{background:#F5F3EE;padding:22px 24px;}
html body .wgi-i__brouillon .wgi__label{color:#7D6E4A;}
html body .wgi-i__brouillon p{
    margin:0 !important;font-size:15px !important;line-height:1.6 !important;
    color:#4A5468 !important;-webkit-text-fill-color:#4A5468 !important;font-style:italic;
}
html body .wgi-i__fleche{display:flex;align-items:center;justify-content:center;height:46px;color:#C8B89A;}
html body .wgi-i__fleche svg{transform:rotate(90deg);}
html body .wgi-i__propose{background:#04080F;padding:22px 24px;border-top:1px solid rgba(200,184,154,.16);}
html body .wgi-i__tons{display:flex;gap:5px;margin:-4px 0 16px;}
html body .wgi-i__tons b.is-on{background:#C8B89A;border-color:#C8B89A;color:#04080F;font-weight:700;}
html body .wgi-i__propose p{
    margin:0 0 10px !important;font-size:15px !important;line-height:1.6 !important;
    color:rgba(250,249,247,.84) !important;-webkit-text-fill-color:rgba(250,249,247,.84) !important;
}
html body .wgi-i__propose p strong{color:#FFFFFF;}
html body .wgi-i__bilan{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:14px;font-weight:600;color:#C8B89A;}
/* ── Adaptations ─────────────────────────────────────── */
@media(max-width:600px){
html body .wgi__in{padding:18px;}
html body .wgi--guide .wgi__in{grid-template-columns:1fr;padding:16px;}
html body .wgi-g__cote{display:grid;grid-template-columns:1fr 1fr;}
html body .wgi-g__qr{grid-row:span 2;}
html body .wgi--recos .wgi__in{grid-template-columns:1fr;}
html body .wgi-r__pile{height:330px;}
html body .wgi-e__ligne{grid-template-columns:34px minmax(0,1fr);}
html body .wgi-e__ligne > :last-child{grid-column:2;justify-self:start;}
html body .wgi-p__chiffres strong{font-size:22px;}
html body .wgi-i__brouillon,html body .wgi-i__propose{padding:18px;}

}
/* Retouches : aucune troncature,html body libellés sur leur propre ligne */
html body .wgi-g__strip{grid-template-columns:1fr 1fr;}
html body .wgi-g__strip em{font-size:13px;}
html body .wgi-g__ligne{display:flex;flex-direction:column;gap:5px;padding:12px 16px;}
html body .wgi-g__ligne > div{display:flex;justify-content:space-between;align-items:center;gap:10px;}
html body .wgi-g__ligne span{overflow:visible;text-overflow:clip;}
html body .wgi-g__ligne em{font-size:13px;}
html body .wgi-g__maj{flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;border:1px solid rgba(200,184,154,.16);background:#04080F;}
html body .wgi-g__maj em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#C8B89A;}
html body .wgi-g__maj span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#FFFFFF;}
html body .wgi-g__maj span svg{color:#C8B89A;}
html body .wgi--recos .wgi__in{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);}
html body .wgi-r__carte{right:16px;bottom:16px;}
html body .wgi-r__carte--2{transform:translate(8px,8px);}
html body .wgi-r__carte--3{transform:translate(16px,16px);}
html body .wgi-e__txt > span{color:rgba(250,249,247,.78);}
html body .wgi-g__ligne{align-items:stretch;text-align:left;}
/* Boutons des offres : le libellé revient à la ligne plutôt que de déborder */
html body .wgp-offre .wga__cta{
    white-space:normal !important;text-align:center;line-height:1.3;
    padding:16px 18px !important;min-height:56px;
}
/* Garde-fou général : un bouton ne dépasse jamais son conteneur */
html body .wga .wga__cta{max-width:100%;}
/* ══════════════════════════════════════════════════════════
   ILLUSTRATIONS DE LA PAGE IA
   ══════════════════════════════════════════════════════════ */
html body .wgi__label{display:block;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#C8B89A;margin-bottom:12px;}
/* 02 · Ce que vous n'avez plus à faire */
html body .wgi-ia1__liste{list-style:none;margin:16px 0 0;padding:0;}
html body .wgi-ia1__liste li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(200,184,154,.14);}
html body .wgi-ia1__ok{display:flex;color:#C8B89A;}
html body .wgi-ia1__txt{font-size:15px;color:#FFFFFF;text-decoration:line-through;text-decoration-color:rgba(200,184,154,.55);text-decoration-thickness:1px;}
html body .wgi-ia1__liste em{font-style:normal;font-size:14px;font-weight:700;letter-spacing:.06em;padding:4px 9px;border:1px solid rgba(200,184,154,.35);color:#D7CAAF;white-space:nowrap;}
/* 03 · Les envies du voyageur classent les adresses */
html body .wgi--ia2 .wgi__in{display:grid;grid-template-columns:minmax(0,.8fr) 40px minmax(0,1.2fr);gap:0;padding:0;align-items:stretch;}
html body .wgi-ia2__profil{background:#F5F3EE;padding:24px 20px;}
html body .wgi-ia2__profil .wgi__label{color:#7D6E4A;}
html body .wgi-ia2__puces{display:flex;flex-wrap:wrap;gap:6px;}
html body .wgi-ia2__puces b{font-size:14px;font-weight:700;padding:7px 11px;background:#00133B;color:#D7CAAF;}
html body .wgi-ia2__fleche{display:flex;align-items:center;justify-content:center;background:#0B1120;color:#C8B89A;}
html body .wgi-ia2__liste{list-style:none;margin:0;padding:14px 20px;background:#04080F;}
html body .wgi-ia2__liste li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(200,184,154,.12);}
html body .wgi-ia2__liste li:last-child{border-bottom:0;}
html body .wgi-ia2__rang{font-size:15px;font-weight:800;color:#C8B89A;font-variant-numeric:tabular-nums;}
html body .wgi-ia2__nom{display:flex;flex-direction:column;gap:2px;min-width:0;}
html body .wgi-ia2__nom strong{font-size:15px;color:#FFFFFF;}
html body .wgi-ia2__nom small{font-size:14px;color:rgba(250,249,247,.68);}
html body .wgi-ia2__match{font-size:14px;font-weight:700;color:#D7CAAF;white-space:nowrap;}
html body .wgi-ia2__liste li.is-ecarte{opacity:.62;}
html body .wgi-ia2__liste li.is-ecarte .wgi-ia2__match{color:rgba(250,249,247,.7);font-weight:500;}
/* 04 · Les couches de Gaspard */
html body .wgi-ia3__pile{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;}
html body .wgi-ia3__couche{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:3px;padding:16px 18px;margin-top:-1px;border:1px solid rgba(200,184,154,.18);}
html body .wgi-ia3__couche + .wgi-ia3__couche::before{content:'';position:absolute;left:35px;top:-13px;width:1px;height:12px;background:#C8B89A;}
html body .wgi-ia3__couche + .wgi-ia3__couche{margin-top:12px;}
html body .wgi-ia3__num{grid-row:1 / span 2;font-size:14px;font-weight:800;color:#C8B89A;font-variant-numeric:tabular-nums;}
html body .wgi-ia3__couche strong{font-size:16px;color:#FFFFFF;}
html body .wgi-ia3__couche small{font-size:14px;color:rgba(250,249,247,.7);}
html body .wgi-ia3__couche--clair{background:#F5F3EE;border-color:#F5F3EE;}
html body .wgi-ia3__couche--clair .wgi-ia3__num{color:#7D6E4A;}
html body .wgi-ia3__couche--clair strong{color:#00133B;}
html body .wgi-ia3__couche--clair small{color:#3A4560;}
html body .wgi-ia3__couche--nuit{background:#04080F;}
html body .wgi-ia3__couche--or{background:#C8B89A;border-color:#C8B89A;}
html body .wgi-ia3__couche--or .wgi-ia3__num,html body .wgi-ia3__couche--or strong{color:#04080F;}
html body .wgi-ia3__couche--or small{color:#26324A;}
/* 05 · Vos données */
html body .wgi-ia4__liste{list-style:none;margin:16px 0 0;padding:0;}
html body .wgi-ia4__liste li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;row-gap:3px;padding:14px 0;border-top:1px solid rgba(200,184,154,.14);}
html body .wgi-ia4__cad{grid-row:1 / span 2;display:flex;color:#C8B89A;padding-top:2px;}
html body .wgi-ia4__quoi{font-size:15px;font-weight:700;color:#FFFFFF;}
html body .wgi-ia4__etat{font-size:14px;color:rgba(250,249,247,.72);}
/* 06 · Même question, deux réponses */
html body .wgi-ia5__question{margin-left:auto;width:fit-content;max-width:80%;padding:12px 15px;background:#C8B89A;color:#04080F;font-size:15px;font-weight:700;}
html body .wgi-ia5__duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
html body .wgi-ia5__rep{padding:16px;}
html body .wgi-ia5__rep p{margin:0 !important;font-size:14px !important;line-height:1.6 !important;}
html body .wgi-ia5__rep--gen{background:#F5F3EE;}
html body .wgi-ia5__rep--gen .wgi__label{color:#6B6456;}
html body .wgi-ia5__rep--gen p{color:#4A5266 !important;-webkit-text-fill-color:#4A5266 !important;}
html body .wgi-ia5__rep--gas{background:#04080F;border:1px solid #C8B89A;}
html body .wgi-ia5__rep--gas p{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
@media(max-width:600px){
html body .wgi--ia2 .wgi__in{grid-template-columns:1fr;}
html body .wgi-ia2__fleche{height:40px;}
html body .wgi-ia2__fleche svg{transform:rotate(90deg);}
html body .wgi-ia5__duo{grid-template-columns:1fr;}
html body .wgi-ia1__liste li{grid-template-columns:22px minmax(0,1fr);}
html body .wgi-ia1__liste em{grid-column:2;justify-self:start;}

}
/* Ligne écartée : atténuée par la couleur, pas par l'opacité, pour rester lisible */
html body .wgi-ia2__liste li.is-ecarte{opacity:1;}
html body .wgi-ia2__liste li.is-ecarte .wgi-ia2__rang{color:rgba(200,184,154,.6);}
html body .wgi-ia2__liste li.is-ecarte .wgi-ia2__nom strong{color:rgba(250,249,247,.72);}
html body .wgi-ia2__liste li.is-ecarte .wgi-ia2__nom small{color:rgba(250,249,247,.6);}
html body .wgi-ia2__liste li.is-ecarte .wgi-ia2__match{color:rgba(250,249,247,.62);text-decoration:line-through;text-decoration-color:rgba(250,249,247,.35);}

/* ══════════════════════════════════════════════════════════
   ILLUSTRATIONS DE LA PAGE HÔTELLERIE
   ══════════════════════════════════════════════════════════ */
/* Conversation */
html body .wgi-h__fil{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
html body .wgi-h__fil p{margin:0 !important;padding:12px 15px;font-size:15px !important;line-height:1.5 !important;max-width:86%;}
html body .wgi-h__client{align-self:flex-end;background:#C8B89A;color:#04080F !important;-webkit-text-fill-color:#04080F !important;font-weight:600;}
html body .wgi-h__gaspard{align-self:flex-start;background:#04080F;border:1px solid rgba(200,184,154,.2);color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;}
html body .wgi-h__gaspard strong{color:#D7CAAF;}
html body .wgi-h__transmis{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(200,184,154,.14);font-size:14px;font-weight:700;color:#D7CAAF;}

/* Écran de la réception */
html body .wgi-h2__tete{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
html body .wgi-h2__tete b{font-size:14px;color:#D7CAAF;white-space:nowrap;}
html body .wgi-h2__liste{list-style:none;margin:14px 0 0;padding:0;}
html body .wgi-h2__liste li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid rgba(200,184,154,.14);}
html body .wgi-h2__ch{display:flex;align-items:center;justify-content:center;height:40px;background:#C8B89A;color:#04080F;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;}
html body .wgi-h2__quoi{display:flex;flex-direction:column;gap:2px;min-width:0;}
html body .wgi-h2__quoi strong{font-size:15px;color:#FFFFFF;}
html body .wgi-h2__quoi small{font-size:14px;color:rgba(250,249,247,.68);}
html body .wgi-h2__etat{font-size:14px;font-weight:700;color:#D7CAAF;white-space:nowrap;}
html body .wgi-h2__liste li.is-traitee .wgi-h2__ch{background:transparent;border:1px solid rgba(200,184,154,.35);color:#D7CAAF;}
html body .wgi-h2__liste li.is-traitee .wgi-h2__quoi strong{color:rgba(250,249,247,.72);}
html body .wgi-h2__liste li.is-traitee .wgi-h2__etat{color:rgba(250,249,247,.68);font-weight:500;}

/* Le guide à la marque de l'établissement */
html body .wgi--h3 .wgi__in{background:#F5F3EE;}
html body .wgi-h3__marque{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #D9D3C6;}
html body .wgi-h3__logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#00133B;color:#D7CAAF;font-size:16px;font-weight:800;letter-spacing:.06em;}
html body .wgi-h3__marque strong{display:block;font-size:17px;color:#00133B;}
html body .wgi-h3__marque small{display:block;font-size:14px;color:#5E5747;}
html body .wgi--h3 .wgi__label{color:#7D6E4A;}
html body .wgi-h3__services{list-style:none;margin:0;padding:0;}
html body .wgi-h3__services li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #E4DFD4;font-size:15px;color:#3A4560;}
html body .wgi-h3__services li b{color:#00133B;}
html body .wgi-h3__adresses{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:700;color:#00133B;}

/* Après le séjour */
html body .wgi-h4__merci{margin:14px 0 18px !important;font-size:20px !important;font-weight:700;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;letter-spacing:-.01em;}
html body .wgi-h4__action{display:flex;align-items:center;justify-content:center;height:50px;margin-bottom:2px;border:1px solid rgba(200,184,154,.35);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#D7CAAF;}
html body .wgi-h4__action--or{background:#C8B89A;border-color:#C8B89A;color:#04080F;}
html body .wgi-h4__note{display:block;margin-top:16px;font-size:14px;color:rgba(250,249,247,.72);}
@media(max-width:600px){
    html body .wgi-h__fil p{max-width:94%;}
    html body .wgi-h2__liste li{grid-template-columns:40px minmax(0,1fr);}
    html body .wgi-h2__etat{grid-column:2;}
}

/* ── Hôtellerie : carnet de voyage, et respirations entre les blocs ── */
html body .wgi--h5{background:#FBFAF6;color:#00133B;}
html body .wgi--h5 .wgi__in{padding:26px 26px 22px;display:flex;flex-direction:column;}
html body .wgi-h5__sur{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:15px;color:#8C7A55;}
html body .wgi-h5__lieu{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:2px 0 4px;color:#00133B;}
html body .wgi-h5__qui{font-size:13px;color:#5B6274;padding-bottom:14px;border-bottom:1px solid #E4E1D8;}
html body .wgi-h5__jour{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px;color:#5B6274;}
html body .wgi-h5__jour b{color:#00133B;font-weight:700;}
html body .wgi-h5__texte{margin:6px 0 12px;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.5;color:#00133B;}
html body .wgi-h5__photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px;}
html body .wgi-h5__photos i{display:block;aspect-ratio:4/3;background:linear-gradient(135deg,#D7CAAF,#9C8C6B);}
html body .wgi-h5__photos i:nth-child(2){background:linear-gradient(135deg,#5B6274,#2A3352);}
html body .wgi-h5__photos i:nth-child(3){background:linear-gradient(135deg,#C8B89A,#7D6E4A);}
html body .wgi-h5__action{display:block;padding:12px;background:#00133B;color:#FFFFFF;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;}
html body .wgp--hotellerie .wgp-grille + .wga__lead,
html body .wgp--hotellerie .wgp-tableau-cadre + .wga__lead{margin-top:28px !important;}
html body .wgp--hotellerie .wgp-tableau-cadre + .wgp-tableau-cadre{margin-top:20px;}
html body .wgp--hotellerie .wgp-etapes + .wga__actions{margin-top:28px;}