/* Media10K — Estimation express, habit PROFESSIONNEL (courtier).
 * Le même langage que la lettre d'affaires : papier chaud, feuilles blanches
 * à filets fins, titres serif, encre — aucun « rond d'appli », aucun néon.
 * Chargé APRÈS scan.css, il rhabille la page entière pour CE jeu seulement. */

/* ── La page : papier, pas écran noir ── */
/* L'écran du cadre téléphone (démo bureau) lit --m10k-cream : sans cette
 * redéclaration il retombe sur le #161616 de scan.css et noie les titres. */
:root{--m10k-cream:#F2F1EE}
body{background:#F2F1EE !important}
.m10k-shell{background:transparent}
.m10k-logo-text{
    color:#141414 !important;
    font-family:Georgia, 'Times New Roman', serif !important;
    font-weight:700 !important;font-size:26px !important;letter-spacing:0 !important;
    text-shadow:none !important;
}
.m10k-logo{filter:none}

/* Ruban de démonstration : une note de marge, pas une alerte d'appli. */
.m10k-prospect-note{
    background:#FFFFFF;border:1px solid #E3E1DC;border-radius:3px;
    color:#6B655C;font-weight:500;font-size:12.5px;
}
.m10k-prospect-note b{color:#141414}

/* ── Progression ── */
.m10k-e-prog span{color:#8A8578}
.m10k-e-prog i{background:#E3E1DC}
.m10k-e-prog i::after{background:#141414}

/* ── Titres : la voix serif de la lettre ── */
.m10k-estim .m10k-title{
    font-family:Georgia, 'Times New Roman', serif;
    font-weight:400;font-size:27px;line-height:1.25;letter-spacing:0;
    color:#141414;text-shadow:none;
}
.m10k-estim .m10k-sub{color:#5B5649;font-size:15px}

/* Chaque étape entre posément. */
.m10k-estim .m10k-e-step{opacity:0;transform:translateY(10px)}
.m10k-estim .m10k-e-step.is-in{
    opacity:1;transform:none;
    transition:opacity .3s ease,transform .3s ease;
}
@media(prefers-reduced-motion:reduce){
    .m10k-estim .m10k-e-step{opacity:1;transform:none}
    .m10k-estim .m10k-e-step.is-in{transition:none}
}

/* ── Feuilles : blanches, filet fin, coins francs ── */
/* Les étapes et les feuilles prennent TOUTE la colonne (le parent flex les
   centre en les rétrécissant au contenu — la page « trop étroite »). */
.m10k-estim .m10k-e-step{width:100%}
.m10k-estim .m10k-form,
.m10k-e-sheet{
    width:100%;max-width:440px;margin:0 auto;box-sizing:border-box;
    background:#FFFFFF;border:1px solid #E3E1DC;border-radius:3px;
    box-shadow:0 1px 2px rgba(20,20,20,.05);
    padding:22px;
}
.m10k-estim .m10k-form{display:flex;flex-direction:column;gap:15px;padding:24px 22px 22px}
.m10k-estim .m10k-form label{color:#141414;font-weight:700}
.m10k-estim .m10k-opt{color:#8A8578;font-weight:500}
.m10k-estim .m10k-req{color:#8A2222}

.m10k-estim .m10k-field input{
    width:100%;box-sizing:border-box;min-height:50px;
    padding:13px 14px;font:inherit;font-size:16px;/* 16px : pas de zoom iOS */
    color:#141414;background:#fff;
    border:1px solid #CBC8C2;border-radius:3px;
}
.m10k-estim .m10k-field input:focus{
    outline:none;border-color:#141414;
    box-shadow:0 0 0 1px #141414;
}
.m10k-estim .m10k-field input::placeholder{color:#A8A49C}

/* ── Boutons : rectangle encre, comme la lettre ── */
.m10k-estim .m10k-btn{
    max-width:none;margin-top:4px;min-height:52px;
    border-radius:3px;border:none;
    background:#141414;color:#FFFFFF;
    font-size:15.5px;font-weight:700;letter-spacing:.01em;
    box-shadow:none;text-shadow:none;
}
.m10k-estim .m10k-btn:hover{background:#000000;box-shadow:none}
.m10k-estim .m10k-btn:active{transform:translateY(1px);box-shadow:none}
.m10k-estim .m10k-btn:disabled{opacity:.55;box-shadow:none}
.m10k-estim .m10k-btn--call{background:#FFFFFF;color:#141414;border:1px solid #CBC8C2}
/* Un LIEN habillé en bouton reste inline par défaut : ses deux lignes se
 * peignent l'une sur l'autre. Bloc = largeur/centrage/marges respectés. */
.m10k-estim a.m10k-btn{display:block;box-sizing:border-box;text-align:center;text-decoration:none;margin-left:auto;margin-right:auto}
.m10k-estim .m10k-status{color:#8A2222}
.m10k-e-sheet .m10k-btn{width:100%;margin-top:14px}

/* Champ montant */
.m10k-e-money{position:relative}
.m10k-e-money input{padding-right:38px;font-variant-numeric:tabular-nums;font-weight:700}
.m10k-e-money__unit{
    position:absolute;right:14px;bottom:14px;
    font-size:16px;font-weight:700;color:#8A8578;pointer-events:none;
}
.m10k-e-skip{
    display:block;margin:2px auto 0;padding:10px 14px;min-height:44px;
    background:none;border:none;cursor:pointer;
    font:inherit;font-size:14px;font-weight:600;color:#8A8578;text-decoration:underline;
}
.m10k-e-skip:hover{color:#141414}

/* Retour : discret, encre au survol. */
.m10k-e-retour{
    display:block;margin:14px auto 0;padding:10px 16px;min-height:44px;
    background:none;border:none;cursor:pointer;
    font:inherit;font-size:14px;font-weight:600;color:#8A8578;
}
.m10k-e-retour:hover{color:#141414}

/* ── Questions à taper ── */
.m10k-e-q{
    margin:16px 2px 8px;
    font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
    color:#8A8578;text-align:left;
}
.m10k-e-sheet .m10k-e-q:first-child{margin-top:0}
.m10k-estim .m10k-form .m10k-e-q{margin:2px 2px -6px}
.m10k-chips{display:flex;flex-direction:column;gap:9px}
.m10k-chips--2{display:grid;grid-template-columns:1fr 1fr}
.m10k-chips--3{display:grid;grid-template-columns:1fr 1fr 1fr}
.m10k-chip{
    width:100%;min-height:52px;padding:13px 12px;box-sizing:border-box;
    background:#FFFFFF;border:1px solid #CBC8C2;border-radius:3px;cursor:pointer;
    font:inherit;font-size:15.5px;font-weight:600;line-height:1.25;color:#141414;text-align:center;
    transition:border-color .12s ease,background .12s ease,color .12s ease;
}
@media(hover:hover){.m10k-chip:hover{border-color:#141414}}
.m10k-chip:active{transform:translateY(1px)}
.m10k-chip.is-actif{
    background:#141414;border-color:#141414;color:#FFFFFF;box-shadow:none;
}

/* Multi (rénos) : case dessinée, coche encre. */
.m10k-chip--multi{
    display:flex;align-items:center;gap:12px;text-align:left;padding-left:14px;
}
.m10k-chip--multi::before{
    content:"";flex:0 0 20px;width:20px;height:20px;box-sizing:border-box;
    border:1.5px solid #CBC8C2;border-radius:3px;background:#fff;
}
.m10k-chip--multi.is-actif{background:#FFFFFF;color:#141414;border-color:#141414}
.m10k-chip--multi.is-actif::before{
    border-color:#141414;background:#141414;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size:14px;background-position:center;background-repeat:no-repeat;
}
.m10k-chip--intent{font-size:14px;padding:10px 6px}

/* ── La maison dessinée : encre, sobre ── */
/* L'adresse confirmée par Google, sous la photo. */
.m10k-e-adresse-conf{
    max-width:440px;margin:-6px auto 14px;
    font-size:13px;font-weight:600;color:#1F6B45;text-align:center;
}
.m10k-e-adresse-conf[hidden]{display:none}

/* ── Photo Street View : cadre net ── */
.m10k-e-photo{
    position:relative;width:100%;max-width:440px;margin:0 auto 16px;box-sizing:border-box;
    border-radius:3px;overflow:hidden;
    border:1px solid #E3E1DC;box-shadow:0 1px 2px rgba(20,20,20,.05);
}
.m10k-e-photo img{display:block;width:100%;height:auto}
.m10k-e-photo__tag{
    position:absolute;left:10px;bottom:10px;
    padding:4px 10px;border-radius:2px;
    background:rgba(20,20,20,.82);color:#fff;
    font-size:11px;font-weight:700;letter-spacing:.04em;
}

/* ── La fiche : un relevé, pas une carte de jeu ── */
.m10k-fiche{
    width:100%;max-width:440px;margin:0 auto 16px;box-sizing:border-box;
    background:#FFFFFF;border:1px solid #E3E1DC;border-radius:3px;
    box-shadow:0 1px 2px rgba(20,20,20,.05);
    padding:0 22px 18px;text-align:center;overflow:hidden;
}
.m10k-fiche__tete{margin:0 -22px 18px}
.m10k-fiche__tete[hidden]{display:none}
.m10k-e-photo--fiche{max-width:none;margin:0;border:none;border-bottom:1px solid #E3E1DC;border-radius:0;box-shadow:none}
.m10k-fiche__adresse{
    display:block;margin:0 0 12px;padding:0;border-radius:0;background:none;
    font-size:13px;font-weight:600;color:#8A8578;
}
.m10k-fiche__kick{
    margin:0 0 6px;font-size:11.5px;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;color:#8A8578;
}
.m10k-fiche__fourchette{
    margin:0;font-family:Georgia, 'Times New Roman', serif;
    font-size:26px;line-height:1.2;font-weight:400;
    letter-spacing:0;color:#141414;font-variant-numeric:tabular-nums;
}
.m10k-fiche__pct{
    display:inline-block;margin:10px 0 0;padding:6px 12px;border-radius:2px;
    background:#EEF4EF;font-size:13px;font-weight:700;color:#1F6B45;
}
.m10k-fiche__sans{margin:0;font-size:15px;line-height:1.55;color:#333}
.m10k-fiche__note{
    margin:14px 0 0;padding-top:12px;border-top:1px solid #E3E1DC;
    font-size:12px;line-height:1.45;color:#8A8578;
}
.m10k-fiche__courtier{
    margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;
    font-size:13px;font-weight:700;color:#141414;
}
.m10k-fiche__puce{
    flex:0 0 24px;width:24px;height:24px;border-radius:3px;
    display:inline-flex;align-items:center;justify-content:center;
    background:#141414;color:#fff;font-size:12px;font-weight:700;
}
.m10k-estim [data-e="fiche"] > .m10k-btn{display:block;width:100%;max-width:440px;margin:0 auto;box-sizing:border-box}
.m10k-e-hint{
    margin:10px 0 0;font-size:12.5px;font-weight:500;
    color:#8A8578;text-align:center;
}

.m10k-leads-privacy{font-size:12px;color:#8A8578;text-align:center;line-height:1.45;margin-top:-3px}

/* Confirmation : même feuille, coche encre-vert sobre. */
.m10k-e-sheet--done{text-align:center;padding:30px 24px 26px}
.m10k-e-done__titre{
    margin:0 0 8px;font-family:Georgia, 'Times New Roman', serif;
    font-weight:400;font-size:25px;line-height:1.2;color:#141414;
}
.m10k-e-done__texte{margin:0;font-size:15px;line-height:1.55;color:#5B5649}
.m10k-e-sheet--done .m10k-btn--call{margin-top:16px}
.m10k-leads-done__badge{
    width:60px;height:60px;margin:0 auto 16px;border-radius:3px;
    display:flex;align-items:center;justify-content:center;
    color:#1F6B45;background:#EEF4EF;
}
@media(prefers-reduced-motion:reduce){.m10k-leads-done__badge{animation:none}}
