/* Maquette Jérusalem Shop (01/11/2026) : lisible par tous, gros boutons, fort contraste. */
:root{--bleu:#0038B8;--bleu-fonce:#00287f;--rouge:#CE1126;--rouge-fonce:#a30d1e;--fond:#F7F2E7;--carte:#fff;--texte:#1A1A1A;--doux:#444;--vert:#1f7a3a;--bord:#e0d6bd}
*{box-sizing:border-box}
html{font-size:19px}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--fond);color:var(--texte);line-height:1.6;}
a{color:var(--bleu);text-decoration:underline}
.bandeau-test{background:#7a1f1f;color:#fff;text-align:center;padding:6px 12px;font-size:.85rem;font-weight:700}
header{background:var(--bleu);color:#fff}
.entete{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;flex-wrap:wrap}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.35rem;letter-spacing:.3px}
.logo span{color:#f2c94c}
nav a{color:#fff;text-decoration:none;font-weight:600;margin-left:18px;font-size:1rem}
nav a:hover{text-decoration:underline}
main{max-width:1100px;margin:auto;padding:0 16px}
.hero{padding:42px 0 26px}
.hero h1{font-size:2.1rem;line-height:1.2;margin:0 0 12px;color:var(--bleu-fonce)}
.hero p{font-size:1.15rem;color:var(--doux);max-width:760px;margin:0 0 20px}
.recherche{display:flex;gap:10px;flex-wrap:wrap;max-width:760px}
.recherche select,.recherche input{flex:1 1 220px;font-size:1.05rem;padding:14px;border:2px solid var(--bord);border-radius:10px;background:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 22px;border-radius:10px;font-weight:700;font-size:1.05rem;text-decoration:none;border:0;cursor:pointer}
.btn-bleu{background:var(--bleu);color:#fff}.btn-or{background:var(--rouge);color:#fff}.btn-vert{background:var(--vert);color:#fff}
.btn-blanc{background:#fff;color:var(--bleu);border:2px solid var(--bleu)}
section{margin:34px 0}
h2{font-size:1.55rem;color:var(--bleu-fonce);margin:0 0 14px}
h3{font-size:1.15rem;margin:0 0 6px}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.carte{background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:18px}
.metier{display:block;text-decoration:none;color:var(--texte);border-left:6px solid var(--rouge)}
.metier strong{display:block;font-size:1.1rem;color:var(--bleu)}
.metier small{color:var(--doux)}
.places{display:inline-block;margin-top:8px;font-size:.85rem;font-weight:700;color:var(--vert)}
.pourquoi{background:#eef3fb;border-radius:16px;padding:24px}
.pourquoi ul{margin:0;padding-left:22px}.pourquoi li{margin:6px 0}
.pro{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.pro .photo{width:96px;height:96px;border-radius:50%;background:#d9cfb9;display:flex;align-items:center;justify-content:center;font-weight:800;color:#6b5b3e;flex:0 0 auto}
.pro .infos{flex:1 1 260px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.vide{border:2px dashed var(--bord);border-radius:14px;padding:18px;color:var(--doux);background:#fff}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
th,td{padding:12px;border-bottom:1px solid var(--bord);text-align:left;vertical-align:top}
th{background:#f3eee2}
.hebreu{font-size:1.2rem}
.note{font-size:.9rem;color:var(--doux)}
.a-completer{background:#fff3c4;padding:0 4px;border-radius:4px}
details{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:12px 16px;margin:8px 0}
summary{font-weight:700;cursor:pointer}
.fil{font-size:.9rem;color:var(--doux);margin:18px 0 0}
footer{background:var(--bleu-fonce);color:#dfe7f5;margin-top:50px;padding:28px 16px}
footer .pied{max-width:1100px;margin:auto;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
footer a{color:#fff}
.barre{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:3px solid var(--rouge);box-shadow:0 -4px 16px rgba(0,0,0,.12);display:flex;gap:8px;padding:10px;justify-content:center;z-index:50}
.barre .btn{flex:1 1 0;max-width:280px;font-size:1rem;min-height:56px}
@media(max-width:640px){html{font-size:18px}.barre .btn{padding:8px 6px;font-size:.9rem;line-height:1.2}.hero h1{font-size:1.65rem}nav{width:100%}nav a{margin:0 14px 0 0}}

/* ---- Ajouts de l'application (01/11/2026) ---- */
body.avec-barre{padding-bottom:96px}
nav a,nav .lien-bouton{display:inline-block;padding:6px 0}
.lien-bouton{background:none;border:0;color:#fff;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;margin-left:18px;padding:6px 0}
.en-ligne{display:inline}
.hero .photo img,.pro .photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero.pro .photo{width:140px;height:140px;font-size:2rem}
.photo{overflow:hidden}
.carte.pro{margin-bottom:12px}
.vide{margin-top:12px}
.liens a{font-weight:600}
.btn-envoi{background:#8a8a8a;color:#fff;width:100%;max-width:420px;margin-top:10px}
.btn-envoi.pret{background:var(--vert)}
.btn-grand{min-height:64px;font-size:1.2rem;padding:16px 40px}
.formulaire label{display:block;font-weight:700;margin:16px 0 6px}
.formulaire label.case,.formulaire .case-pro{font-weight:400;display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.formulaire input[type=text],.formulaire input:not([type]),.formulaire input[type=tel],.formulaire input[type=email],.formulaire input[type=url],
.formulaire input[type=date],.formulaire input[type=number],.formulaire input[type=month],.formulaire select,.formulaire textarea,.calcul input[type=number],.calcul input[type=date],.calcul input[type=month]{
  width:100%;max-width:640px;font-size:1.05rem;padding:12px;border:2px solid var(--bord);border-radius:10px;background:#fff;color:var(--texte);font-family:inherit}
.formulaire.large input,.formulaire.large textarea,.formulaire.large select{max-width:100%}
.formulaire input[type=checkbox],.formulaire input[type=radio],.calcul input[type=checkbox]{width:26px;height:26px;flex:0 0 auto;margin-top:2px}
.calcul label{display:block;font-weight:700;margin:14px 0 6px}
.calcul label.case{display:flex;gap:10px;font-weight:400}
fieldset{border:2px solid var(--bord);border-radius:12px;padding:12px 16px;margin:16px 0}
legend{font-weight:700;padding:0 6px}
.accord{background:#f3eee2;border-radius:10px;padding:12px}
.erreur{display:block;color:#a40000;font-weight:700;margin:4px 0}
.erreur-generale{background:#fde8e8;border:2px solid #a40000;color:#6d0000;border-radius:10px;padding:12px 16px;font-weight:700}
.ok{background:#e6f4ea;border:2px solid var(--vert);border-radius:10px;padding:12px 16px;font-weight:700}
.alerte{background:#fff3c4;border:2px solid var(--rouge);border-radius:12px;padding:14px 18px;margin:16px 0}
.orange{color:#a35200;font-weight:700}
.piege{position:absolute;left:0;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;clip-path:inset(50%);pointer-events:none}
.confirmation{text-align:center;margin:40px auto;max-width:640px}
.confirmation p{font-size:1.2rem}
.etroit{max-width:560px;margin:30px auto}
.gestion{padding:10px 0 40px}
.gestion table{margin:10px 0 20px}
.gestion .bloc{text-align:center}
.nombre{font-size:2.4rem;font-weight:800;color:var(--bleu);margin:0}
.vignette{max-width:160px;height:auto;border-radius:10px;display:block;margin:6px 0}
img.grande{max-width:100%;height:auto;border-radius:10px}
.bandeau-apercu{background:#7a1f1f;color:#fff;padding:8px 12px;border-radius:8px;font-weight:700}
.barre-pro .btn{line-height:1.15;flex-direction:column;gap:0}
.barre-pro .btn br{display:block}
table{display:table}
@media(max-width:640px){
  table{font-size:.95rem}
  .gestion table{display:block;overflow-x:auto}
  .lien-bouton{margin:0 14px 0 0}
  .hero.pro .photo{width:110px;height:110px}
}
nav.fil a{color:var(--bleu);margin:0;font-weight:400;text-decoration:underline;display:inline}
.photo img{font-size:.8rem}
/* Cases à remplir bien visibles (personnes âgées) */
.formulaire input,.formulaire select,.formulaire textarea,.calcul input{border-color:#8c7f63 !important}
.formulaire input:focus,.formulaire textarea:focus,.formulaire select:focus,.calcul input:focus{outline:3px solid var(--rouge);outline-offset:1px}

/* ---- Outils (01/11/2026) ---- */
.source-outil{background:#eef3fb;border-radius:10px;padding:10px 14px;max-width:760px}
select,input[type=search]{width:100%;max-width:640px;font-size:1.05rem;padding:12px;border:2px solid var(--bord);border-radius:10px;background:#fff;color:var(--texte);font-family:inherit}
.calcul select{margin-bottom:6px}
ul.sommaire{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:12px 0 0}
ul.checklist{list-style:none;padding:0;margin:0}
ul.checklist li{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:12px 16px;margin:8px 0}
ul.checklist label.case{display:flex;gap:12px;align-items:flex-start;font-weight:400;margin:0}
ul.checklist input[type=checkbox]{width:26px;height:26px;flex:0 0 auto;margin-top:3px}
[hidden]{display:none!important}
@media print{header,footer,.barre,.bandeau-test,.actions,.calcul,#imprimer{display:none!important}body.avec-barre{padding-bottom:0}}

/* ---- Touches d'hébreu, abonnement, inscription (01/11/2026) ---- */
.he{font-weight:400;unicode-bidi:isolate}
.logo small.sous-titre{display:block;font-size:.8rem;font-weight:400;letter-spacing:0;color:#dfe7f5;line-height:1.2}
.logo small.sous-titre .he{color:#dfe7f5}
h2 .he,h1 .he{font-size:.75em;color:var(--doux);margin-left:10px}
.nom-he{font-size:1.25rem;color:var(--doux);margin:0 0 10px}
.metier small .he{display:block;margin-top:2px}
.prix-abonnement{font-size:1.2rem;font-weight:700;color:var(--bleu-fonce)}
.gestion .abonnement form{display:inline-block;margin:6px 8px 6px 0}
.etat-attente{color:#a35200;font-weight:700}

/* ---- Gros boutons et texte lisible pour tous, y compris sur téléphone (01/11/2026) ---- */
.hero.pro .actions .btn,.carte.pro .actions .btn{min-height:56px;font-size:1.1rem;flex:1 1 210px;line-height:1.25;padding:12px 20px}
.btn{min-height:56px}
.note{font-size:.95rem;color:#333}
.barre-pro .btn,.barre .btn{min-height:58px;font-weight:800}
@media(max-width:640px){
  .barre .btn{font-size:1rem;padding:8px 6px;min-height:58px;line-height:1.2}
  .barre-pro .btn{font-size:1rem}
  .hero.pro .actions .btn,.carte.pro .actions .btn{flex:1 1 100%}
  .note{font-size:1rem}
  .formulaire input,.formulaire textarea,.formulaire select{font-size:1.05rem}
  .btn-envoi{max-width:none;min-height:56px;font-size:1.1rem}
}
.btn-envoi{background:#595959;color:#fff}
.btn-envoi.pret{background:var(--vert)}

/* ---- Tableau de bord de Sarah et synthèse du professionnel : texte grand, contrasté (01/11/2026) ---- */
.compteurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0 8px}
.compteur{display:block;text-decoration:none;border-radius:14px;padding:14px 16px;color:#fff;border:3px solid transparent}
.compteur .nombre{display:block;font-size:2.6rem;font-weight:800;line-height:1.1;color:#fff}
.compteur .lib{display:block;font-size:1.1rem;font-weight:700}
.compteur.actif{border-color:#000;box-shadow:0 0 0 3px #fff inset}
.compteur.p-orange{background:#8a4b00}.compteur.p-bleu{background:#0b3d91}.compteur.p-vert{background:#1a6b32}.compteur.p-rouge{background:#9b1c1c}
.pastille{display:inline-block;padding:4px 12px 4px 10px;border-radius:999px;font-weight:700;font-size:1rem;border:2px solid currentColor;background:#fff}
.pastille::before{content:"";display:inline-block;width:.8em;height:.8em;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:-1px}
.pastille.p-vert{color:#14602a}.pastille.p-bleu{color:#0b3d91}.pastille.p-orange{color:#8a4b00}.pastille.p-rouge{color:#9b1c1c}.pastille.p-gris{color:#454545}
.gestion table.grand td,.gestion table.grand th{font-size:1rem;vertical-align:middle}
.actions-ligne{white-space:normal;min-width:190px}
.actions-ligne .btn,.btn.petit{min-height:48px;padding:8px 14px;font-size:1rem;margin:3px 4px 3px 0}
.synthese{background:#eef3fb;border:3px solid var(--bleu);border-radius:16px;padding:18px 22px;margin:16px 0}
.synthese .grosse{font-size:1.45rem;line-height:1.5;font-weight:700;color:var(--bleu-fonce);margin:0 0 6px}
.synthese table{margin-top:12px}
.synthese th,.synthese td{font-size:1.05rem}

/* Téléphone : tableaux empilés en cartes, champs de fichier dans la largeur (01/11/2026) */
input[type=file]{max-width:100%;min-width:0}
form>*{min-width:0}
@media(max-width:640px){
  table.pile,table.pile tbody,table.pile tr,table.pile td{display:block;width:100%}
  table.pile{background:transparent;border-radius:0;overflow:visible}
  table.pile tr:first-child{display:none}
  table.pile tr{background:#fff;border:1px solid #d9d4c7;border-radius:12px;padding:10px 14px;margin:0 0 10px}
  table.pile td{border:0;padding:3px 0;text-align:left}
  table.pile td:first-child{font-weight:700;font-size:1.05rem}
  table.pile td[data-label]::before{content:attr(data-label) " : ";font-weight:600;color:#555;direction:ltr;unicode-bidi:isolate}
  table.pile td.hebreu{text-align:right}
}
.barre .btn{min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}
/* Cases à cocher : le texte passe à la ligne normalement, la case reste à gauche (01/11/2026) */
.case,.case-pro{display:block!important;position:relative;padding-left:40px;min-height:30px}
.case>input,.case-pro>input{position:absolute;left:0;top:.1em;margin:0}

/* ---- Habillage « France et Israël » sans drapeau (01/11/2026) : bleu d'Israël, rouge français, pierre de Jérusalem ---- */
body{background:var(--fond);color:var(--texte)}
h1,h2{font-family:Georgia,"Times New Roman",serif;color:var(--bleu)}
.hero h1{color:var(--bleu)}
.carte,table,details,.vide{background:#fff}
header{background:var(--bleu);color:#fff}
header::after{content:"";display:block;height:6px;background:linear-gradient(to right,#0038B8 0,#0038B8 33.333%,#fff 33.333%,#fff 66.666%,#CE1126 66.666%,#CE1126 100%)}
.logo span{color:#f2c94c}
a:hover,a:active{color:var(--rouge)}
header a:hover,header a:active,footer a:hover{color:#fff}
.btn{border-radius:10px;min-height:56px}
.btn-rouge{background:var(--rouge);color:#fff}
.btn-rouge:hover,.btn-or:hover{background:var(--rouge-fonce);color:#fff}
.btn-bleu:hover{background:var(--bleu-fonce);color:#fff}
.btn-blanc:hover{background:#eef3ff;color:var(--bleu)}
.btn-blanc{color:var(--bleu);border-color:var(--bleu)}
.barre{border-top-color:var(--rouge)}
.metier{border-left-color:var(--rouge)}
.metier strong{color:var(--bleu)}
.pastille{border-width:2px}
.bandeau-test{background:#7a1f1f;color:#fff}
footer{background:var(--bleu-fonce);padding:0 0 28px;margin-top:50px}
footer::before{content:"";display:block;height:18px;background:linear-gradient(to bottom,#fff 0,#fff 4px,#0038B8 4px,#0038B8 7px,#fff 7px,#fff 11px,#0038B8 11px,#0038B8 14px,#fff 14px,#fff 18px)}
footer .pied{padding:24px 16px 0}
.note{color:#333}
nav a:hover,nav a:active{color:#fff;text-decoration:underline}
.compteur.p-bleu{background:var(--bleu)}

/* ---- Tarifs saisis par les professionnels : une ligne par prestation, gros boutons, lisible à 375 px ---- */
.tarif-ligne{border:2px solid var(--bord);border-radius:12px;padding:12px 14px;margin:14px 0;background:#fff;min-width:0}
.tarif-ligne legend{font-weight:700;font-size:1.05rem;padding:0 6px;max-width:100%;overflow-wrap:anywhere}
.choix-tarif{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.formulaire .choix-tarif label.choix,.choix-tarif label.choix{display:flex;align-items:center;gap:8px;border:2px solid #8c7f63;border-radius:10px;padding:8px 10px;min-height:56px;background:#fff;font-weight:700;margin:0;cursor:pointer;min-width:0;overflow-wrap:anywhere;line-height:1.2}
.choix-tarif label.choix:has(input:checked){background:#e6edff;border-color:var(--bleu);box-shadow:0 0 0 2px var(--bleu) inset}
.tarif-details label,.tarif-libre>label{display:block;font-weight:700;margin:10px 0 4px}
.tarif-details input,.tarif-libre>label input{width:100%;max-width:100%}
.tarifs-liste{margin:6px 0;padding-left:20px}
.tarifs-metier h3{margin:18px 0 0}
details.carte>summary{font-size:1.15rem;padding:6px 0}
.rappel-responsabilite{border-top:1px solid var(--bord);padding-top:10px;margin-top:24px}
@media(max-width:640px){
  .choix-tarif{grid-template-columns:1fr 1fr}
  .formulaire .choix-tarif label.choix{font-size:1rem;padding:8px}
  body,main{overflow-x:hidden}
}
#tarifs td:nth-child(2){min-width:7.5em}

/* ---- Devenir professionnel : la formule saute aux yeux ---- */
.bandeau-vert{background:#1a6b32;color:#fff;border-radius:14px;padding:18px 22px;font-size:1.4rem;line-height:1.4;margin:10px 0 18px}
.bandeau-vert strong{font-size:1.15em}
.tarifs-abo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.carte-prix{text-align:center;border:3px solid var(--bleu)}
.carte-prix h2{margin:0 0 6px}
.carte-prix .gros{font-size:2.4rem;font-weight:800;color:var(--bleu);margin:0 0 6px;font-family:Georgia,"Times New Roman",serif}
.carte-prix-annee{border-color:var(--rouge)}.carte-prix-annee .gros{color:var(--rouge)}
.etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.actions-centre{text-align:center;margin:24px 0}
@media(max-width:640px){.tarifs-abo,.etapes{grid-template-columns:1fr}.bandeau-vert{font-size:1.2rem}.actions-centre .btn{width:100%}}

/* ---- Fiche sans rédaction : cases, étiquettes « Obligatoire » / « Facultatif » ---- */
.etiquette{display:inline-block;font-size:.8rem;font-weight:700;padding:1px 9px;border-radius:999px;margin-left:6px;vertical-align:middle;line-height:1.5;white-space:nowrap}
.etiquette-fac{background:#e3f3e7;color:#14602a;border:1.5px solid #1a6b32}
.etiquette-obl{background:#f1efe9;color:#555;border:1px solid #cfc7b2;font-weight:600}
.bloc-profil{margin:22px 0;padding:14px 16px;border:2px solid var(--bord);border-radius:14px;background:#fff;min-width:0}
.bloc-profil>legend{font-size:1.2rem;font-weight:700;font-family:Georgia,"Times New Roman",serif;color:var(--bleu)}
.bloc-profil h3{margin:16px 0 4px;font-size:1.1rem}
.theme-presta{margin:10px 0 0}
.bloc-profil input[type=text]{margin:4px 0}
.bandeau-facultatif{background:#e3f3e7;border:2px solid #1a6b32;color:#0f4a22;border-radius:12px;padding:12px 16px;margin:8px 0 14px}
.choix-cache{grid-column:1/-1;background:#f6f1e4}
.afficher-titre{grid-column:1/-1;font-weight:700;margin-top:2px}
.choix-tarif{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.jour-horaire{margin:8px 0;padding:8px 10px}
.choix-jour{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.choix-jour label.choix{display:flex;align-items:center;gap:6px;border:2px solid #8c7f63;border-radius:10px;padding:8px;min-height:48px;background:#fff;font-weight:600;margin:0}
.choix-jour label.choix:has(input:checked){background:#e6edff;border-color:var(--bleu)}
.formulaire .case>span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}

/* ---- Version hébraïque (de droite à gauche), sélecteur de langue, places, villes ---- */
.langue{font-size:.95rem;color:#fff;white-space:nowrap}
.langue a{color:#fff;text-decoration:none;font-weight:600;padding:4px 2px}
.langue a[aria-current]{text-decoration:underline;font-weight:800}
.encadre-places{border:3px solid var(--bleu);background:#eef3ff;margin:0 0 14px}
.encadre-places h3{margin:0 0 6px;font-size:1.15rem}
.compteur-places{font-size:1.3rem;margin:4px 0 10px}
.liste-villes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 16px;padding-left:20px}
.service h2{font-size:1.35rem}
html[dir=rtl] body{text-align:right}
html[dir=rtl] .metier{border-left:1px solid var(--bord);border-right:6px solid var(--rouge)}
html[dir=rtl] nav a{margin-left:0;margin-right:18px}
html[dir=rtl] .liste-villes,html[dir=rtl] ul,html[dir=rtl] ol{padding-left:0;padding-right:22px}
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
html[dir=rtl] .hero p,html[dir=rtl] .hero h1{text-align:right}
html[dir=rtl] .formulaire label.case,html[dir=rtl] .formulaire .case-pro{flex-direction:row}
html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email]{direction:ltr;text-align:right}
@media(max-width:640px){html[dir=rtl] nav a{margin:0 0 0 14px}}
.encadre-regle{background:#fff3c4;border:3px solid #8a4b00;border-radius:12px;padding:14px 18px;font-size:1.2rem;margin:10px 0}
/* Champ mot de passe : même taille que les autres champs, bouton en dessous (01/11/2026) */
input[type=password]{display:block;width:100%;max-width:640px;font-size:1.05rem;padding:12px;border:2px solid var(--bord);border-radius:10px;background:#fff;color:var(--texte);font-family:inherit;margin-bottom:16px}

/* ---- Assistant de questions (01/11/2026) ---- */
.assistant .assistant-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.assistant .assistant-suggestion{min-height:56px;text-align:start;white-space:normal;font-size:1rem;flex:1 1 260px}
.assistant .assistant-form input[name=question]{display:block;width:100%;font-size:1.05rem;padding:12px;border:2px solid var(--bord);border-radius:10px;margin:6px 0 12px}
.assistant .assistant-reponse{margin-top:14px;font-size:1.1rem}
.assistant .assistant-texte{background:#f4f8ff;border:2px solid var(--bleu);border-radius:12px;padding:14px;margin:0 0 12px;white-space:pre-line}
/* ---- Barre à trois boutons et fenêtre « Envoyer une demande » (01/11/2026) ---- */
.barre-trois .btn{flex:1 1 0;max-width:none;min-width:0;min-height:58px;font-size:1rem;padding:8px 6px}
.encadre-demande{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;padding:14px;border:3px solid var(--rouge);border-radius:14px;background:#fff6f6}
.encadre-demande .btn{min-height:58px;font-size:1.15rem}
.encadre-demande span{flex:1 1 220px;font-size:1.05rem}
.fenetre{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,.6);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px}
.fenetre[hidden]{display:none}
.fenetre-boite{position:relative;background:#fff;color:var(--texte);max-width:620px;margin:0 auto;border-radius:16px;padding:20px 16px 24px;box-sizing:border-box}
.fenetre-boite h2{margin:0 60px 10px 0;font-size:1.45rem}
html[dir=rtl] .fenetre-boite h2,.fenetre[dir=rtl] .fenetre-boite h2{margin:0 0 10px 60px}
.fenetre .fermer{position:absolute;top:8px;right:8px;width:56px;height:56px;border:3px solid var(--texte);border-radius:50%;background:#fff;color:var(--texte);font-size:2.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.fenetre[dir=rtl] .fermer{right:auto;left:8px}
.fenetre label{display:block;margin-top:12px;font-weight:700}
.fenetre input:not([type=checkbox]):not([type=hidden]),.fenetre select,.fenetre textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;font-size:1.05rem;padding:12px;border:2px solid var(--bord);border-radius:10px;background:#fff;color:var(--texte);font-family:inherit;margin-top:4px}
.fenetre .case{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.fenetre .case input{width:28px;height:28px;flex:0 0 28px;margin:2px 0 0}
.fenetre .btn-grand{display:flex;width:100%;min-height:58px;margin-top:16px;justify-content:center;align-items:center}
.fenetre .erreur{display:block;color:#a30000;font-weight:700}
.fenetre-merci{font-size:1.15rem}
body.fenetre-ouverte{overflow:hidden}
@media print{.fenetre{display:none!important}}

/* ---- Gabarit commercial des pages métier (pilote, 01/11/2026) ---- */
.pilote{display:block}
.pilote-principal{min-width:0}
.pilote-haut{margin:0 0 18px;padding:20px 16px;background:linear-gradient(180deg,#eef3ff 0%,#fff 100%);border:2px solid var(--bleu);border-radius:16px}
.pilote-haut h1{margin:0 0 14px;font-size:2rem;line-height:1.2;color:var(--bleu)}
.atouts{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.atouts li{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700}
.atouts .icone{flex:0 0 40px;color:var(--bleu);background:#fff;border-radius:50%;padding:8px;box-sizing:content-box;width:40px;height:40px;border:2px solid var(--bleu)}
.prix-depart{font-size:1.2rem;margin:6px 0 14px}
.prix-depart span{font-size:1rem;color:#333}
.pilote-haut .btn-grand{display:flex;width:100%;justify-content:center;align-items:center;min-height:62px;font-size:1.2rem}
.places-commerciales h2{margin-top:6px}
.compteur-commercial{display:inline-block;background:#eaf6ea;border:2px solid #1b6b2b;color:#0e4a1c;border-radius:999px;padding:8px 16px;font-size:1.05rem;margin:0 0 12px}
.compteur-commercial.complet{background:#fdecec;border-color:var(--rouge);color:#8a1010}
.rassurant{font-size:1.1rem;background:#fffbe6;border:2px solid #c9a400;border-radius:12px;padding:12px 14px}
.grille-places{display:grid;grid-template-columns:1fr;gap:14px}
.place-libre{border:3px dashed var(--bleu);background:#f6f9ff}
.place-libre h3{margin:0 0 6px;color:var(--bleu)}
.pro-commercial .prix-pro{font-size:1.1rem;margin:4px 0}
.guide-plie{margin:18px 0;border:2px solid var(--bord);border-radius:12px;padding:0 14px;background:#fff}
.guide-plie>summary{cursor:pointer;font-weight:800;font-size:1.15rem;min-height:56px;display:flex;align-items:center}
.pilote-formulaire{display:none}
@media(min-width:1000px){
  .pilote{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
  .pilote-formulaire{display:block;position:sticky;top:12px;border:3px solid var(--rouge);border-radius:16px;background:#fff;padding:16px;box-shadow:0 4px 18px rgba(0,0,0,.12);max-height:calc(100vh - 24px);overflow-y:auto}
  .pilote-formulaire h2{margin:0 0 8px;font-size:1.3rem}
  .pilote-formulaire label{display:block;margin-top:10px;font-weight:700}
  .pilote-formulaire input:not([type=checkbox]):not([type=hidden]),.pilote-formulaire textarea{display:block;width:100%;box-sizing:border-box;font-size:1.05rem;padding:10px;border:2px solid var(--bord);border-radius:10px;margin-top:4px;font-family:inherit}
  .pilote-formulaire .case{display:flex;gap:10px;font-weight:400;align-items:flex-start}
  .pilote-formulaire .case input{width:26px;height:26px;flex:0 0 26px;margin:2px 0 0}
  .pilote-formulaire .btn-grand{display:flex;width:100%;min-height:58px;justify-content:center;align-items:center;margin-top:14px}
  .pilote-formulaire .erreur{display:block;color:#a30000;font-weight:700}
  .grille-places{grid-template-columns:1fr 1fr}
  .atouts{grid-template-columns:1fr 1fr}
  .pilote-haut h1{font-size:2.3rem}
}
@media(max-width:640px){.pilote-haut h1{font-size:1.65rem}.pilote-haut{padding:16px 12px}}
.barre.barre-trois{gap:6px;padding:8px}
.barre-trois .btn{padding:6px 4px;font-size:.82rem;line-height:1.2;overflow-wrap:normal;word-break:normal;hyphens:none}
@media(min-width:700px){.barre-trois .btn{font-size:1rem}}

/* ---- Charte Jérusalem Shop : badge, étoiles, compteur (01/11/2026) ---- */
.charte{margin:4px 0 6px}
.charte p{margin:0 0 4px}
.badge-charte{display:inline-block;background:var(--bleu);color:#fff;font-weight:800;border-radius:999px;padding:6px 14px;text-decoration:none;font-size:1rem}
.badge-charte:hover,.badge-charte:focus{background:#002a8a;color:#fff}
.etoiles-pro{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.etoiles-pro li{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700}
.icone-etoile{color:#c98a00;flex:0 0 22px}
.interventions{margin:2px 0 6px;font-weight:700;color:#0e4a1c}
.charte-liste{padding-inline-start:1.3em;font-size:1.1rem}
.charte-liste li{margin:8px 0}
.etoiles-liste{list-style:none;padding:0}
.etoiles-liste li{display:flex;gap:10px;align-items:flex-start}
.case.urgent{border:3px solid var(--rouge);border-radius:12px;padding:10px 10px 10px 54px;background:#fff6f6;margin-top:12px}
.case.urgent>input{left:14px;top:14px}
.case.urgent small{display:block;font-weight:400;color:#333}

/* ---- Recherche « Décrire mon besoin », annonce discrète, mise en valeur de la liste (01/11/2026) ---- */
.recherche-accueil{margin:20px 0;padding:22px 16px;border:4px solid var(--rouge);border-radius:18px;background:#fff6f6;text-align:center}
.recherche-accueil h2{margin:0 0 12px;font-size:2rem;color:var(--bleu)}
.recherche-accueil label,.recherche-saisie label{display:block;text-align:start;font-weight:700;font-size:1.15rem;margin:12px 0 4px}
.recherche-accueil input,.recherche-saisie input{display:block;width:100%;box-sizing:border-box;font-size:1.25rem;padding:16px;border:3px solid var(--bleu);border-radius:12px;font-family:inherit}
.recherche-accueil .btn-grand{display:flex;width:100%;min-height:64px;justify-content:center;align-items:center;margin-top:16px;font-size:1.3rem}
.recherche-resultat{margin-top:14px}
.recherche-choix{display:flex;flex-direction:column;gap:10px}
.recherche-choix .btn{min-height:60px;font-size:1.15rem}
.recherche-message{font-size:1.1rem;font-weight:700;background:#f4f8ff;border:2px solid var(--bleu);border-radius:12px;padding:12px}
.pro-recherche .btn{width:100%;min-height:58px}
.pub-discrete{font-size:.95rem;color:#444;margin:14px 0 0}
.pub-discrete a{font-weight:700}
.pub-lateral{border:1px solid var(--bord);border-radius:10px;background:#faf8f2;padding:10px;margin:14px 0 0}
.pub-ligne{display:block}
@media(min-width:1000px){.pub-ligne{display:none}}
@media(max-width:999px){.pub-lateral{display:none}}
.pros-surligne{animation:surlignage 1.8s ease}
@keyframes surlignage{0%,60%{box-shadow:0 0 0 6px rgba(206,17,38,.45);background:#fff0f0}100%{box-shadow:none;background:transparent}}
/* Photos d'illustration (02/11/2026) : une en tête, une plus bas, jamais plus de deux par page */
.photo-metier,.photo-accueil{margin:0 0 16px;border-radius:12px;overflow:hidden;background:#e9e4d8}
.photo-metier img,.photo-accueil img{display:block;width:100%;height:260px;object-fit:cover}
.photo-accueil img{height:300px}
.photo-seconde{margin:22px 0}.photo-seconde img{height:220px}
@media(max-width:640px){.photo-metier img{height:190px}.photo-accueil img{height:200px}.photo-seconde img{height:170px}}
