/* BeReady.mu — site WordPress : compléments de la couche produit et de l’espace connecté */
.proto{display:none!important}
#bot-fab,.bot-fab,#bot-panel,.bot-panel{display:none!important}
.hdr .lang[hidden]{display:none!important}

.e-loading{display:grid;place-items:center;gap:12px;padding:64px 16px;color:var(--muted);font-weight:600}
.e-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--teal);animation:e-spin .8s linear infinite}
@keyframes e-spin{to{transform:rotate(360deg)}}
.e-empty{display:grid;place-items:center;gap:8px;padding:40px 16px;text-align:center;color:var(--muted)}
.e-empty b{color:var(--ink);font-size:17px}
.e-notfound{padding:120px 0;text-align:center;display:grid;gap:16px;justify-items:center}
.e-notfound h1{font-size:clamp(28px,4vw,44px)}

.e-pro{display:flex;align-items:center;gap:12px;min-width:0}
.e-pro img,.e-pro .ph{width:44px;height:44px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--line);flex:none}
.e-pro b{display:block;color:var(--ink)}
.e-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.dtable td.e-actions{white-space:nowrap;flex-wrap:nowrap!important;justify-content:flex-end}
.dtable tr.off td{opacity:.62}
.dtable tr.off td.e-actions{opacity:1}
@media (max-width:760px){.dtable .hide-md{display:none}}

.e-editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;padding-bottom:96px}
.e-col{display:grid;gap:20px;min-width:0;align-content:start}
@media (max-width:1180px){.e-editor{grid-template-columns:minmax(0,1fr)}}
.e-help{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.45}
.e-url{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.e-url:focus-within{border-color:var(--teal)}
.e-url span{display:flex;align-items:center;padding:0 10px;background:var(--surface);color:var(--muted);font-size:13px;white-space:nowrap;max-width:48%;overflow:hidden;text-overflow:ellipsis}
.e-url input{border:0;outline:0;flex:1;min-width:0;padding:0 12px;height:46px;font:inherit;background:transparent}
.e-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 14px}

.e-imgs{display:grid;grid-template-columns:1fr 1.6fr;gap:14px}
@media (max-width:640px){.e-imgs{grid-template-columns:1fr}}
.e-drop{position:relative;display:grid;place-items:center;gap:6px;min-height:160px;border:1.5px dashed var(--line);border-radius:16px;background:var(--surface);color:var(--muted);text-align:center;overflow:hidden;padding:12px;font-size:13.5px}
.e-drop b{color:var(--teal)}
.e-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-drop.logo img{object-fit:contain;padding:14px;background:#fff}
.e-drop.drag{border-color:var(--teal);background:var(--mint-50)}
.e-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.e-drop .e-busy{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.82);z-index:3}
.e-drop .e-del{position:absolute;top:8px;right:8px;z-index:4;width:32px;height:32px;border-radius:10px;border:0;background:rgba(6,25,28,.75);color:#fff;display:grid;place-items:center;cursor:pointer}
.e-lbl{font:700 13.5px/1.2 var(--f);color:var(--ink);margin-bottom:8px;display:block}

.e-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.e-gal figure{position:relative;margin:0;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.e-gal img{width:100%;height:100%;object-fit:cover}
.e-gal .tools{position:absolute;left:6px;right:6px;bottom:6px;display:flex;gap:4px;justify-content:flex-end}
.e-gal .tools button{width:30px;height:30px;border-radius:9px;border:0;background:rgba(6,25,28,.72);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:15px}
.e-gal .tools button:hover{background:var(--ink)}
.e-gal .add{position:relative;display:grid;place-items:center;align-content:center;gap:6px;border:1.5px dashed var(--line);border-radius:14px;aspect-ratio:1;color:var(--teal);font-weight:700;text-align:center;font-size:13px;padding:8px}
.e-gal .add input{position:absolute;inset:0;opacity:0;cursor:pointer}

.e-rte{border:1.5px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.e-rte:focus-within{border-color:var(--teal)}
.e-rte-bar{display:flex;gap:4px;flex-wrap:wrap;padding:6px;border-bottom:1px solid var(--line-2);background:var(--surface)}
.e-rte-bar button{min-width:34px;height:32px;padding:0 9px;border:0;border-radius:8px;background:transparent;font:600 13.5px/1 var(--f);color:var(--ink);cursor:pointer}
.e-rte-bar button:hover{background:#fff}
.e-rte-area{min-height:170px;max-height:520px;overflow:auto;padding:12px 14px;outline:0;font-size:15px;line-height:1.6}
.e-rte-area:empty::before{content:attr(data-ph);color:var(--muted)}
.e-rte-area ul,.e-rte-area ol{padding-left:22px}
.e-rte-area ul{list-style:disc}
.e-rte-area p{margin:0 0 10px}

.e-tree{display:grid;gap:2px;max-height:460px;overflow:auto;padding-right:4px;margin-top:10px}
.e-tree label{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:10px;cursor:pointer;font-size:14.5px}
.e-tree label:hover{background:var(--surface)}
.e-tree label.top{font-weight:700;color:var(--ink)}
.e-tree label.kid{padding-left:34px;font-size:14px}
.e-tree input{width:18px;height:18px;accent-color:var(--teal);flex:none}
.e-tree small{margin-left:auto;color:var(--muted)}
.e-chosen{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

.e-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.e-row:last-child{border-bottom:0}
.e-row b{display:block;color:var(--ink);font-size:14.5px}
.e-row .sub{display:block;margin-top:3px}

.e-savebar{position:fixed;right:clamp(16px,3vw,32px);bottom:18px;z-index:60;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 12px 10px 18px;border-radius:18px;background:var(--ink);color:#fff;box-shadow:var(--sh-lg);max-width:calc(100% - 32px)}
.e-savebar[hidden]{display:none}

.e-assign{display:grid;gap:8px}
.e-assign .it{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.e-assign .it img{width:40px;height:40px;object-fit:contain;border-radius:10px;border:1px solid var(--line-2);flex:none}
.e-assign .it b{display:block;color:var(--ink);font-size:14.5px}
.e-assign .it .x{margin-left:auto;flex:none}

.e-modal-scrim{position:fixed;inset:0;background:rgba(6,25,28,.5);z-index:120;display:grid;place-items:center;padding:16px}
.e-modal{background:#fff;border-radius:22px;max-width:460px;width:100%;padding:24px;display:grid;gap:14px;box-shadow:var(--sh-lg)}
.e-modal h3{font-size:20px;font-weight:800}
.e-modal .row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}

.e-rev-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.e-files{display:grid;gap:6px}
.e-files a{display:flex;gap:8px;align-items:center;color:var(--teal);font-weight:600;word-break:break-all}
.e-lost{display:grid;gap:10px;padding:14px;border-radius:14px;background:var(--surface)}
.e-success-pros{display:grid;gap:10px;text-align:left;margin:10px 0 18px;width:100%}
.e-success-pros a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}
.e-success-pros img{width:48px;height:48px;object-fit:contain;border-radius:10px;flex:none}
.e-success-pros b{display:block;color:var(--ink)}

/* ---------- édition sur place ---------- */
.e-edit-fab{position:fixed;left:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:99px;border:0;background:var(--ink);color:#fff;font:700 14px/1 var(--f);box-shadow:var(--sh-lg);cursor:pointer}
.e-edit-fab[hidden]{display:none}
.e-edit-fab .ico{font-size:18px}
.e-edit-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:58px;padding:8px clamp(12px,3vw,24px);background:var(--ink);color:#fff;font:600 14px/1.3 var(--f);box-shadow:0 8px 30px rgba(6,25,28,.25)}
.e-edit-bar .sp{flex:1}
.e-edit-bar .e-edit-page{color:#B7CFD2}
.e-edit-bar .e-edit-hint{color:#8FB0B4;font-size:12.5px}
.e-edit-bar .btn[disabled]{opacity:.55;cursor:default}
@media (max-width:900px){.e-edit-bar .e-edit-hint{display:none}}
body.e-editing{padding-top:58px}
body.e-editing .hdr{top:58px}
body.e-editing [data-e-on]{outline:1.5px dashed rgba(64,183,168,.8);outline-offset:3px;border-radius:3px;cursor:text}
body.e-editing [data-e-on]:hover{outline-color:var(--teal);background-color:rgba(64,183,168,.10)}
body.e-editing [data-e-on]:focus{outline:2px solid var(--teal);outline-offset:3px}
body.e-editing [data-e-img-on]{outline:2px dashed rgba(180,217,99,.95);outline-offset:-2px;cursor:copy}
body.e-editing .e-changed[data-e-on],body.e-editing .e-changed>[data-e-on],body.e-editing img.e-changed{outline-color:#E0A400!important}
.e-link-tip{position:absolute;z-index:101;border:0;border-radius:10px;background:var(--ink);color:#fff;font:600 12.5px/1 var(--f);padding:9px 12px;box-shadow:var(--sh-lg);cursor:pointer;max-width:calc(100vw - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- articles et pages de contenu ---------- */
.e-article{max-width:820px}
.e-article-cover{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:24px;margin:0 0 30px}
.e-article-body{font-size:16.5px;line-height:1.75;color:var(--text)}
.e-article-body h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;color:var(--ink);margin:34px 0 12px;line-height:1.25}
.e-article-body h3{font-size:20px;font-weight:800;color:var(--ink);margin:26px 0 10px;line-height:1.3}
.e-article-body p{margin:0 0 14px}
.e-article-body ul,.e-article-body ol{padding-left:22px;margin:0 0 16px}
.e-article-body ul{list-style:disc}
.e-article-body ol{list-style:decimal}
.e-article-body li{margin:0 0 6px}
.e-article-body a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.e-article-body img{max-width:100%;height:auto;border-radius:16px;margin:16px 0}
.e-article-body blockquote{border-left:4px solid var(--mint);padding:6px 0 6px 18px;margin:18px 0;color:var(--ink)}
.e-article-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;display:block;overflow-x:auto}
.e-article-body th,.e-article-body td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.e-article-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:14px;margin-top:14px}
.e-article-meta a{color:var(--teal);font-weight:700}
.e-related{margin-top:56px}
/* ---------- fiche : carte de note et info vérification ---------- */
.pf-score .e-score-actions{display:grid;gap:8px;margin-top:14px;width:100%;min-width:200px}
.pf-score .e-score-actions .btn{height:42px}
.pf-score .e-score-note{margin-top:10px;font-size:12.5px;line-height:1.45;font-style:italic;color:var(--muted);max-width:240px;text-align:center}
@media (max-width:1000px){.pf-score .e-score-actions,.pf-score .e-score-note{grid-column:1/-1;max-width:none;text-align:left}.pf-score .e-score-actions{grid-template-columns:1fr 1fr}}
.e-info{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:6px;border-radius:50%;border:2px solid var(--teal);color:var(--teal);font:italic 800 14px/1 Georgia,serif;vertical-align:middle;cursor:help;position:relative;letter-spacing:0}
.e-info::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:270px;padding:10px 12px;border-radius:10px;background:var(--ink);color:#fff;font:500 13px/1.45 var(--f);text-align:left;box-shadow:var(--sh-lg);opacity:0;visibility:hidden;transition:opacity .15s;z-index:30;pointer-events:none}
.e-info:hover::after,.e-info:focus::after{opacity:1;visibility:visible}
@media (max-width:700px){.e-info::after{left:auto;right:-8px;transform:none;width:230px}}.e-docs ul{display:grid;gap:10px;margin-top:4px}
.e-docs li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}
.e-docs li>.ico{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--teal);color:#fff}
.e-docs li a{margin-left:auto;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);color:var(--ink)}
.e-docs li a:hover{border-color:var(--teal);color:var(--teal)}.e-modal{max-height:calc(100vh - 32px);overflow-y:auto}
.e-docview{max-width:780px}
.e-docview-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.e-docview img{display:block;max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;background:var(--surface);margin:0 auto}
.e-docview iframe{width:100%;height:70vh;border:1px solid var(--line);border-radius:12px}
.e-rate{display:flex;gap:6px}
.e-rate label{position:relative;cursor:pointer;font-size:32px;line-height:0;color:#D5DEDF;padding:2px;border-radius:8px}
.e-rate label .fill{position:absolute;left:2px;top:2px;bottom:2px;overflow:hidden;color:#F5B301;pointer-events:none;transition:width .12s}
.e-rate label .fill .ico{width:1em;height:1em;max-width:none}
.e-rate-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.e-rate-num{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink,#0B2B30)}
.e-rate-num .field{width:78px;min-height:40px;padding:4px 8px;text-align:center;font-weight:700;font-size:16px}
.e-rate-help{display:block;margin-top:6px;font-size:12.5px}
.e-rate input{position:absolute;opacity:0;width:1px;height:1px}
.e-rate label:focus-within{outline:2px solid var(--teal);outline-offset:2px}
/* ---------- bulle de l’assistant ---------- */
.bchat-fab{position:fixed;right:18px;bottom:18px;z-index:88;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 7px;border-radius:99px;border:0;background:var(--ink);color:#fff;font:700 15px/1 var(--f);box-shadow:var(--sh-lg);cursor:pointer}
.bchat-fab .av,.bchat-h .av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:20px}
body.app-mode .bchat-fab,body.app-mode .bchat,body.e-editing .bchat-fab{display:none!important}
.bchat{position:fixed;right:18px;bottom:82px;z-index:89;width:min(390px,calc(100vw - 24px));height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:var(--sh-lg);overflow:hidden;border:1px solid var(--line)}
.bchat[hidden]{display:none}
.bchat-h{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:var(--ink);color:#fff}
.bchat-h b{display:block;font-size:15px}
.bchat-langs{display:flex;gap:4px;margin-top:5px}
.bchat-langs button{height:22px;padding:0 8px;border-radius:99px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#B7CFD2;font:700 11px/1 var(--f);cursor:pointer}
.bchat-langs button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.bchat-h .x{width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.bchat-h .x[data-restart]{margin-left:auto}
.bchat-log{flex:1;overflow-y:auto;padding:14px;display:grid;gap:10px;align-content:start;background:var(--surface)}
.bchat-msg{max-width:86%;padding:10px 12px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.bchat-msg.bot{justify-self:start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px;color:var(--ink)}
.bchat-msg.me{justify-self:end;background:var(--teal);color:#fff;border-bottom-right-radius:6px}
.bchat-msg.err{background:#FFF6E5;border-color:#F3C969}
.bchat-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;white-space:normal}
.bchat-acts a,.bchat-acts span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:99px;background:var(--mint-50);color:var(--teal);font:700 12.5px/1.2 var(--f)}
.bchat-typing{justify-self:start;display:inline-flex;gap:4px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:16px}
.bchat-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:bchat 1s infinite}
.bchat-typing i:nth-child(2){animation-delay:.15s}
.bchat-typing i:nth-child(3){animation-delay:.3s}
@keyframes bchat{0%,80%,100%{opacity:.25}40%{opacity:1}}
.bchat-sugg{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 2px;background:var(--surface)}
.bchat-sugg button{min-height:30px;padding:5px 10px;border-radius:99px;border:1px solid var(--line);background:#fff;font:600 12.5px/1.2 var(--f);color:var(--ink);cursor:pointer;text-align:left}
.bchat-sugg button:hover{border-color:var(--teal);color:var(--teal)}
.bchat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:#fff}
.bchat-form textarea{flex:1;resize:none;height:44px;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;font-size:14.5px;outline:0}
.bchat-form textarea:focus{border-color:var(--teal)}
.bchat-form button{flex:none;width:46px;border-radius:14px;border:0;background:var(--lime);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:18px}
.bchat-form button[disabled]{opacity:.5}
.bchat-note{margin:0;padding:0 12px 10px;font-size:11.5px;color:var(--muted);background:#fff}
@media (max-width:900px){.bchat-fab{bottom:84px}.bchat{bottom:146px;height:min(560px,calc(100vh - 170px))}}
@media (max-width:600px){.bchat{right:10px;left:10px;width:auto}.bchat-fab span:not(.av){display:none}.bchat-fab{padding:0 7px}}
/* ---------- blog : nouvelle mise en page ---------- */
.blog-hero{background:radial-gradient(900px 420px at 85% -10%,rgba(64,183,168,.35),transparent 60%),linear-gradient(160deg,var(--ink) 0%,#0F3A40 100%);border-bottom:0;color:#C4DADC}
.blog-hero .crumbs,.blog-hero .crumbs a{color:#9EC3C6}
.blog-hero h1{color:#fff}
.blog-hero .lead{color:#C4DADC}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:center}
.blog-hero .big-search{margin-top:26px;background:#fff;border-color:transparent;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.blog-stats{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:24px;font-size:14px;color:#9EC3C6}
.blog-stats b{display:block;font-size:26px;font-weight:800;color:var(--lime);line-height:1.1}
.blog-feat{display:grid;background:#fff;border-radius:26px;overflow:hidden;color:var(--text);box-shadow:0 30px 60px rgba(0,0,0,.25);transition:transform .25s}
.blog-feat:hover{transform:translateY(-4px)}
.blog-feat .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.blog-feat .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.blog-feat:hover .thumb img{transform:scale(1.04)}
.blog-feat-body{padding:22px 26px 26px;display:grid;gap:10px}
.blog-feat-body .date{font:600 13px/1 var(--f);color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.blog-feat h2{font-size:clamp(20px,2.2vw,25px);font-weight:800;line-height:1.25;color:var(--ink)}
.blog-feat:hover h2{color:var(--teal)}
.blog-feat p{font-size:15px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-feat .link,.blog-guide .link{color:var(--teal);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.post-topic{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);color:var(--ink);font:700 12px/1 var(--f);padding:7px 11px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.post .thumb{position:relative}
.blog-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}
.blog-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;max-width:100%}
.blog-cats .chip{white-space:nowrap;flex:none}
.blog-count{font-weight:700;color:var(--muted);font-size:14px}
.blog-guides{margin-top:64px;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--mint-50)}
.blog-guides-h{margin-bottom:24px}
.blog-guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.blog-guide{display:grid;grid-template-rows:140px auto;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);transition:box-shadow .2s,transform .2s}
.blog-guide:hover{box-shadow:var(--sh);transform:translateY(-3px)}
.blog-guide img{width:100%;height:140px;object-fit:cover}
.blog-guide>span{display:grid;gap:10px;padding:16px 18px 18px;align-content:start}
.blog-guide b{color:var(--ink);font-size:16px;line-height:1.3}
@media (max-width:900px){.blog-hero-grid{grid-template-columns:1fr}.blog-feat{max-width:620px}}

/* ---------- article : bloc guide complet et pros du métier ---------- */
.e-pillar{margin-top:48px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center;background:#F0F0F0;border-radius:24px;padding:clamp(20px,3vw,32px)}
.e-pillar img{width:100%;height:auto;border-radius:16px;display:block}
.e-pillar h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;color:var(--ink);line-height:1.2;margin-bottom:18px}
.e-pillar-links{display:grid;gap:10px}
.e-pillar-links .btn{justify-content:space-between;width:100%;height:auto;min-height:48px;padding:12px 18px;text-align:left;white-space:normal}
.e-relpros-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.e-relpros-h .lead{margin-top:8px}
.e-relpros-nav{display:flex;gap:8px;align-items:center}
.e-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.e-arrow:hover{border-color:var(--teal);color:var(--teal)}
.e-relpros .track{grid-auto-columns:290px}
@media (max-width:700px){.e-pillar{grid-template-columns:1fr}.e-pillar img{max-width:320px}.e-arrow{display:none}}

/* ---------- éditeur : analyse SEO ---------- */
.e-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#C9D3D4;flex:none}
.e-dot.good{background:#7AD03A}
.e-dot.ok{background:#EE7C1B}
.e-dot.bad{background:#DC3232}
.e-seo-tabs{display:flex;gap:6px;margin-top:18px;border-bottom:1px solid var(--line-2)}
.e-seo-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;background:none;font:700 14px/1 var(--f);color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.e-seo-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--teal)}
.e-seo-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none;font-size:14px}
.e-seo-list li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.e-seo-list .e-dot{margin-top:4px}
.e-serp{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff;font-family:Arial,sans-serif;display:grid;gap:4px}
.e-serp .u{font-size:13px;color:#202124}
.e-serp b{font-size:19px;font-weight:400;color:#1A0DAB;line-height:1.3}
.e-serp p{font-size:14px;color:#4D5156;line-height:1.5;margin:0}
.e-checks{display:grid;gap:4px;max-height:240px;overflow:auto;padding-right:4px}
.e-checks label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 8px;border-radius:10px;cursor:pointer;font-size:14px}
.e-checks label:hover{background:var(--surface)}
.e-checks small{color:var(--muted);font-weight:700}
.e-plink{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
/* note du pro centrée */
@media (min-width:1001px){.pf-score{justify-items:center;text-align:center}.pf-score .e-score-note{margin-left:auto;margin-right:auto}}

/* ---------- dépôt de projet : choix de l’accompagnement ---------- */
.p-modes .mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:10px;align-items:stretch}
.mode-card{position:relative;display:flex;flex-direction:column;gap:10px;cursor:pointer;padding:18px 20px 20px;border:1.5px solid var(--line);border-radius:18px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.mode-card input{position:absolute;opacity:0;width:0;height:0}
.mode-in{display:contents}
.mode-top{display:flex;align-items:center;gap:11px}
.mode-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--mint-50);color:var(--teal);flex:none}
.mode-ico .ico{width:19px;height:19px}
.mode-card b{font-size:16.5px;font-weight:800;color:var(--ink);line-height:1.2}
.mode-card .sub{font-size:14px;line-height:1.55;color:var(--muted)}
.mode-tag{position:absolute;top:15px;right:16px;font:800 10.5px/1 var(--f);letter-spacing:.05em;text-transform:uppercase;font-style:normal;color:var(--ink);background:var(--lime);padding:5px 9px;border-radius:999px}
.mode-list{display:grid;gap:7px;margin-top:auto;padding-top:4px}
.mode-list span{display:flex;gap:8px;align-items:center;font-size:13.5px;line-height:1.4;color:var(--text)}
.mode-list .ico{width:16px;height:16px;color:var(--mint);flex:none}
.mode-card.feature{border-color:var(--line);background:#fff}
.mode-card.feature .mode-ico{background:var(--mint-50)}
.mode-card:hover{transform:translateY(-2px);border-color:var(--mint);box-shadow:var(--sh)}
.mode-card.on{border-color:var(--mint);background:#fff;box-shadow:0 0 0 3px rgba(64,183,168,.18)}
.mode-card.on .mode-ico{background:var(--mint);color:#fff}
.mode-card:focus-within{outline:2px solid var(--mint);outline-offset:2px}
/* ---------- suivi d’un projet : étapes et journal ---------- */
.e-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:none}
.e-steps li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;font-size:14.5px;color:var(--muted)}
.e-steps i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 var(--f);font-style:normal;background:var(--surface);color:var(--muted);border:1px solid var(--line)}
.e-steps li.done{color:var(--ink)}
.e-steps li.done i{background:var(--mint-50);color:var(--teal);border-color:var(--mint)}
.e-steps li.cur{color:var(--ink);font-weight:700}
.e-steps li.cur i{background:var(--teal);color:#fff;border-color:var(--teal)}
.e-timeline{display:grid;gap:12px;margin-top:14px;border-left:2px solid var(--line-2);padding-left:14px}
.e-timeline .it{display:grid;gap:2px}
.e-timeline .it b{font-size:14.5px;color:var(--ink)}
.e-timeline .it p{font-size:14px;color:var(--text);margin-top:4px}
/* ---------- espace : connexion intégrée ---------- */
.e-login{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(900px 420px at 85% -10%,rgba(64,183,168,.25),transparent 60%),var(--surface)}
.e-login-card{width:100%;max-width:420px;display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px 28px;box-shadow:var(--sh)}
.e-login-card img{justify-self:center;height:50px;width:auto}
.e-login-card h1{text-align:center;font-size:26px;font-weight:800;color:var(--ink)}
.e-login-card>.sub{text-align:center;margin-top:-6px}
.e-login-note{background:#FFF6E0;border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink)}
.e-login-card .e-lost{display:grid;gap:8px;justify-items:start}/* Note décimale d'un avis (espace staff) */
.drev .e-rnum{font-size:15px;margin-right:2px}
.e-rate-edit{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}
.e-rate-edit label{font-weight:700;font-size:13px}
.e-rate-edit .field{width:74px;min-height:34px;padding:4px 8px;text-align:center}
/* Fiche dans le thème : la barre d'onglets se cale sous l'en-tête Elementor fixe */
.br-in-theme .subnav{top:var(--br-hdr,0px)!important;z-index:2}
/* Colonnes collantes calées sous l'en-tête Elementor et la barre d'onglets */
.br-in-theme .pf-aside,.br-in-theme .rev-aside,.br-in-theme .form-card{top:calc(var(--br-hdr,0px) + var(--br-sub,0px) + 16px)}
/* Curseur de note au dixième */
.e-rate-range{display:flex;align-items:center;gap:10px;margin-top:10px;max-width:360px;font-size:12px;font-weight:700;color:var(--muted,#5B7073)}
.e-rate-range input{flex:1;accent-color:#F5B301;height:28px;cursor:pointer}
/* Fiche sur mobile : carte de note centrée */
@media (max-width:600px){.pf-score .e-score-actions,.pf-score .e-score-note{text-align:center}.pf-score .e-score-actions{grid-template-columns:1fr;min-width:0}.e-info::after{left:auto;right:-10px;transform:none;width:min(270px,80vw)}}
/* L'en-tête Elementor fixe reste au-dessus du contenu de la fiche (carte, barre d'onglets) */
.br-in-theme .elementor-location-header{position:relative;z-index:100}
.br-in-theme .br-theme-content{position:relative;z-index:1}
/* Fiche sur mobile : carte plus compacte */
@media (max-width:600px){
.pf-head{padding:18px 14px!important;gap:12px!important;margin-top:-56px!important;border-radius:20px}
.pf-title{gap:8px!important}
.pf-title h1{font-size:1.25rem!important;letter-spacing:-.02em}
.pf-title .pill{font-size:10.5px;padding:3px 9px}
.pf-title .tag{font-size:13px!important}
.pf-title .meta{font-size:12.5px;gap:6px!important}
.pf-title .meta .chip{height:26px!important;font-size:11.5px!important;padding:0 10px}
.pf-title .meta .pf-trades{gap:5px!important}
.pf-title .badges img{height:20px}
.e-info{width:22px;height:22px;font-size:12px}
.pf-score .big{font-size:34px}
.pf-score .e-score-actions .btn{height:38px;font-size:13.5px}
}
/* Fiche sur mobile / tablette : le bloc « Contacter ce professionnel » passe en haut, juste sous la carte du pro */
@media (max-width:1000px){.pf-aside{display:contents}.pf-aside>.contact{order:-1}.pf-layout{padding-top:20px}}
/* Fiche sur mobile : logo plus grand, l'image remplit le cadre */
@media (max-width:600px){.pf-logo{width:190px!important;height:190px!important;padding:8px!important;border-radius:30px;margin:-80px 0 0!important}.pf-logo img{width:100%;height:100%;max-height:none;object-fit:contain}}
/* Bandeau « Mode édition » : sous la barre d'admin WordPress et au-dessus de l'en-tête Elementor */
.e-edit-bar{z-index:99990}
.admin-bar .e-edit-bar{top:var(--wp-admin--admin-bar--height,32px)}
.br-in-theme.e-editing .elementor-sticky--active{top:calc(var(--wp-admin--admin-bar--height,0px) + 58px)!important}
/* Fiche sur ordinateur : carte d'en-tête plus compacte */
@media (min-width:601px){
.pf-head{padding:18px 22px;gap:20px;border-radius:22px}
.pf-title h1{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.15}
.pf-title .tag{font-size:15px;margin-top:8px}
.pf-title .meta{margin-top:8px;font-size:13px;gap:4px 10px}
.pf-title .meta .chip{height:26px!important;font-size:12px!important}
.pf-title .badges img{height:22px}
.pf-title .pill{font-size:11px}
.e-info{width:22px;height:22px;font-size:12px}
.pf-score{gap:6px;padding-left:20px}
.pf-score .big{font-size:36px}
.pf-score small{font-size:12.5px}
.pf-score .e-score-actions{margin-top:8px;gap:6px;min-width:190px}
.pf-score .e-score-actions .btn{height:36px;font-size:13.5px}
.pf-score .e-score-note{margin-top:6px;font-size:11.5px}
}
/* ---------- Homeowner Support (dossier projet) ---------- */
.su-head .dcard-h h2{font-size:22px}
.su-kpis{margin-top:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.su-kpis .kpi{background:var(--surface,#F3F7F7);border-radius:16px;padding:14px 16px;display:grid;gap:4px;border:0;box-shadow:none}
.su-kpis .kpi .k-top{font-size:12.5px;color:var(--muted,#5B7073);font-weight:600}
.su-kpis .kpi .v{font:800 26px/1.1 var(--f);color:var(--teal,#0C7C8C)}
.su-tabs{margin:4px 0 16px;flex-wrap:wrap;gap:8px}
.su-tabs .chip[aria-selected="true"]{background:var(--ink,#0B2B30);border-color:var(--ink,#0B2B30);color:#fff}
.su-item{padding:14px 0;border-top:1px solid var(--line,#E3ECED)}
.su-item:first-of-type{border-top:0}
.dcard.su-item{padding:18px 20px;border-top:1px solid var(--line,#E3ECED)}
.su-item .top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.su-item p{margin:6px 0 0;white-space:pre-line}
.su-item .e-rev-actions{margin-top:10px;flex-wrap:wrap}
.su-decide{margin-top:12px;padding:14px;border-radius:14px;background:#FFF8E6;border:1px solid #F3C969;display:grid;gap:8px}
.su-quotes td,.su-quotes th{white-space:normal;min-width:110px;vertical-align:top}
.su-quotes td:first-child{min-width:170px}
.su-lbl{display:block;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal,#0C7C8C);margin-bottom:6px}
.su-report .d-row{gap:28px}
.su-form .fgrid,#su-doc .fgrid,#su-rep .fgrid,#su-newreq .fgrid{align-items:start}
@media (max-width:900px){.su-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.su-kpis{grid-template-columns:1fr 1fr}.su-kpis .kpi .v{font-size:20px}}
/* Liste des professionnels (espace) : colonne Métiers compacte, actions sur une ligne */
.dtable td.e-trades{font-size:13px;color:var(--muted,#5B7073);max-width:260px;line-height:1.4}
.dtable td.e-trades .pill{font-size:11px;padding:2px 7px;vertical-align:middle}
.dtable td.e-actions{white-space:nowrap;flex-wrap:nowrap!important;justify-content:flex-end}
.dtable td.e-actions .btn{margin:2px 0}
.su-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#FFF8E6;border-color:#F3C969}
.su-preview .sub{flex:1 1 320px}
.su-decide .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
/* Journal du dossier (Homeowner Support) */
.su-time{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0}
.su-time li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line,#E3ECED);position:relative}
.su-time li:last-child{border-bottom:0}
.su-time li>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface,#F3F7F7);color:var(--teal,#0C7C8C)}
.su-time li>i .ico{width:16px;height:16px}
.su-time li>div{display:grid;gap:2px;min-width:0}
.su-time li b{font-size:14.5px;line-height:1.35}
.su-time li .sub{font-size:12.5px}
.su-time li.t-start>i{background:var(--ink,#0B2B30);color:#fff}
.su-time li.t-decision>i{background:#EAF7EC;color:#1E8E3E}
.su-time li.t-note>i{background:#FFF8E6;color:#8A6D00}
@media (max-width:560px){.su-time li{grid-template-columns:28px 1fr}.su-time li .pill{grid-column:2}}
/* Cahier des charges du projet dans le dossier (guide d'implémentation) */
.su-brief{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.su-brief>div{display:grid;grid-template-columns:minmax(150px,36%) 1fr;gap:4px 14px;padding:9px 13px;border-top:1px solid var(--line)}
.su-brief>div:first-child{border-top:0}
.su-brief dt{font-weight:700;color:var(--ink);font-size:13px}
.su-brief dd{margin:0;font-size:13.5px;overflow-wrap:anywhere}
.su-miss{margin-top:12px;border:1px solid #F2D9A8;background:#FDF6E7;border-radius:12px;padding:10px 13px}
.su-miss b{display:block;color:#8A5A12;font-size:13.5px}
.su-miss ul{margin:4px 0 0;padding-left:18px;color:#5F4310;font-size:13px;display:grid;gap:2px}
@media (max-width:700px){.su-brief>div{grid-template-columns:1fr}}

/* ---------- guides (pages piliers) ---------- */
.head-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.e-guide{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.e-guide .e-article{max-width:780px}
/* Guide sans sommaire : l'article occupe toute la largeur du conteneur. */
.e-guide-solo{grid-template-columns:minmax(0,1fr)}
/* Sans sommaire, l'article s'aligne sur la largeur du site ; seul le texte courant reste
   à une longueur de ligne lisible, les blocs de mise en page prennent toute la largeur. */
.e-guide-solo .e-article{max-width:none;margin-inline:0}
.e-guide-solo .e-article-body > p,.e-guide-solo .e-article-body > h2,.e-guide-solo .e-article-body > h3,.e-guide-solo .e-article-body > ul,.e-guide-solo .e-article-body > ol,.e-guide-solo .e-article-body > blockquote{max-width:1000px}
.e-toc{position:sticky;top:calc(var(--br-hdr,0px) + 20px);display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--sh-sm)}
.e-toc b{font:800 13px/1 var(--f);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.e-toc ol{list-style:none;display:grid;gap:9px;counter-reset:toc}
.e-toc li{counter-increment:toc;font-size:14.5px;line-height:1.45}
.e-toc li a{color:var(--ink);display:flex;gap:9px}
.e-toc li a::before{content:counter(toc);font-weight:800;color:var(--mint);min-width:16px}
.e-toc li a:hover{color:var(--teal)}
.e-toc .btn{margin-top:4px;justify-content:center}
.e-article-body h2{scroll-margin-top:calc(var(--br-hdr,0px) + 24px)}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.guide-card{display:grid;gap:8px;align-content:start;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.guide-card:hover{border-color:var(--mint);box-shadow:var(--sh-sm);transform:translateY(-2px)}
.guide-card b{font-size:17px;line-height:1.35;color:var(--ink)}
.guide-card .link{font:700 14px/1 var(--f);color:var(--teal);display:flex;align-items:center;gap:6px}
@media(max-width:1000px){.e-guide{grid-template-columns:1fr;gap:28px}.e-toc{position:static}}

/* ---------- annuaire des professionnels ---------- */
/* Quatre cartes par ligne au maximum : en remplissage automatique, la grille en posait cinq sur
   un grand ecran et les noms de professionnels partaient sur trois lignes. */
.lp-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:1200px){.lp-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.lp-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lp-list{grid-template-columns:1fr}}
.lp-chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.e-legal{font-size:15.8px}
.e-legal h2{font-size:clamp(19px,2.1vw,23px);padding-top:6px;border-top:1px solid var(--line-2);margin-top:38px}
.e-legal strong{color:var(--ink)}
.head-legal{background:linear-gradient(180deg,var(--mint-50),var(--surface))}

/* ---------- pied de page aux couleurs BeReady (même dégradé que les pages Elementor) ---------- */
.ftr{background:linear-gradient(180deg,#12808F 0%,#45B4A3 100%);color:rgba(255,255,255,.92)}
.ftr a{color:rgba(255,255,255,.92)}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr h4{color:#fff}
.ftr .contact .ico{color:#EAFBF4}
.ftr .socials a{background:rgba(255,255,255,.18);color:#fff}
.ftr .socials a:hover{background:#fff;color:#12808F}
.ftr-bottom{border-top-color:rgba(255,255,255,.25)}

/* ---------- en-tête de page sur deux colonnes (aussi hors pages Elementor) ---------- */
.head-duo{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,56px);align-items:center}
.head-duo .head-txt{min-width:0}
.head-photo img{width:100%;height:clamp(220px,26vw,330px);object-fit:cover;border-radius:24px;box-shadow:0 24px 50px -28px rgba(11,43,48,.5)}
@media (max-width:900px){.head-duo{grid-template-columns:1fr}.head-photo{display:none}}
.page-head.head-wide .container{width:min(1500px,100% - 40px)}
.page-head h1.h1-fx::after{content:"";display:block;width:96px;height:5px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--lime));animation:brFx .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes brFx{from{width:0;opacity:0}to{width:96px;opacity:1}}
@media (prefers-reduced-motion:reduce){.page-head h1.h1-fx::after{animation:none}}

/* ---------- article : colonne de blocs à droite ---------- */
.e-post{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;align-items:start}
.e-post .e-article{max-width:none}
.e-side{position:sticky;top:calc(var(--br-hdr,0px) + 20px);display:grid;gap:18px}
.e-side-card{display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--sh-sm)}
.e-side-card>b{font:800 13px/1 var(--f);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.e-side-toc{list-style:none;display:grid;gap:9px;counter-reset:toc}
.e-side-toc li{counter-increment:toc;font-size:14.5px;line-height:1.45}
.e-side-toc a{display:flex;gap:9px;color:var(--ink)}
.e-side-toc a::before{content:counter(toc);font-weight:800;color:var(--mint);min-width:16px}
.e-side-toc a:hover{color:var(--teal)}
.e-side-cta{background:linear-gradient(160deg,var(--mint-50),#fff);border-color:#CFE6E4}
.e-side-cta p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.e-side-cta .link{font:700 14px/1 var(--f);color:var(--teal);display:flex;align-items:center;gap:6px}
.e-side-posts{display:grid;gap:14px}
.e-side-posts a{display:flex;gap:12px;align-items:center;font:600 14px/1.4 var(--f);color:var(--ink)}
.e-side-posts a span{flex:1;min-width:0}
.e-side-posts img{flex:0 0 72px}
.e-side-posts img{width:72px;height:56px;object-fit:cover;border-radius:12px}
.e-side-posts a:hover{color:var(--teal)}
@media (max-width:1040px){.e-post{grid-template-columns:1fr;gap:30px}.e-side{position:static}}

/* ---------- habillage de l’article ---------- */
.head-article{background:linear-gradient(180deg,var(--mint-50) 0%,var(--surface) 70%)}
.head-article .head-photo img{height:clamp(240px,30vw,360px);border-radius:26px}
.head-article h1{max-width:20ch}
.head-article .e-article-meta{gap:18px;font-weight:600}
.head-article .e-article-meta span{display:inline-flex;align-items:center;gap:7px}
.e-article-body > p:first-of-type{font-size:18px;line-height:1.7;color:var(--ink)}
.e-article-body h2{position:relative;padding-left:18px}
.e-article-body h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:linear-gradient(180deg,var(--teal),var(--lime))}
.e-article-body h3{color:var(--teal)}
.e-article-body ul li::marker{color:var(--mint)}
.e-article-body blockquote{background:var(--mint-50);border-radius:0 16px 16px 0;padding:16px 20px}

/* ---------- petits mobiles (≤450px) : tout centré, boutons pleine largeur ---------- */
@media (max-width:450px){
  .page-head .container{text-align:center}
  .page-head .crumbs,.head-cta,.page-head .chips,.page-head .eyebrow{justify-content:center}
  .page-head .eyebrow{justify-self:center;margin-inline:auto}
  .page-head h1{max-width:none;margin-inline:auto}
  .page-head .lead,.lead{margin-inline:auto}
  .head-cta{flex-direction:column}
  .head-cta .btn,.help-card .btn,.e-side-cta .btn,.duo-card .btn,.e-toc .btn,.hero .btn,#lp-more,#b-more,#m-more{width:100%;justify-content:center}
  .pcard-actions{grid-template-columns:1fr}
  .help-card{text-align:center;justify-items:center}
  .sec-head{justify-content:center;text-align:center}
  .sec-head>div{justify-items:center}
  .sec-nav{width:100%;justify-content:center}
  .e-side-cta{text-align:center;justify-items:center}
  .lp-list,.guide-grid{grid-template-columns:1fr}
}

/* ---------- blocs centrés de la page « Qui sommes-nous » ---------- */
.sec-head.sec-head-mid{flex-direction:column;align-items:center;text-align:center;gap:22px}
.sec-head.sec-head-mid>div{justify-items:center;max-width:760px}
.sec-head.sec-head-mid .eyebrow{justify-self:center;margin-inline:auto}
.prose.prose-mid{text-align:center;justify-items:center}
.prose.prose-mid .eyebrow{justify-self:center;margin-inline:auto}
.prose.prose-mid .cloud{justify-content:center}
.prose.prose-mid p{margin-inline:auto;max-width:62ch}
.duo-card.duo-mid{text-align:center;justify-items:center}
.duo-card.duo-mid .eyebrow{justify-self:center;margin-inline:auto}
.duo-card.duo-mid p{margin-inline:auto;max-width:52ch}
.duo-card.duo-mid .chips{flex-wrap:nowrap;justify-content:center;align-items:center}
.duo-card.duo-mid .chips .btn{white-space:nowrap}
@media (max-width:560px){.duo-card.duo-mid .chips{flex-wrap:wrap}.duo-card.duo-mid .chips .btn{width:100%;justify-content:center}}
/* Chargement : le logo BeReady dans un anneau qui tourne. */
.br-load{display:grid;place-items:center;gap:18px;padding:90px 16px;color:var(--muted);font-weight:600;text-align:center}
.br-load-mark{position:relative;width:104px;height:104px;display:grid;place-items:center}
.br-load-mark::before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--teal);border-right-color:var(--mint);animation:br-load-spin 1s linear infinite}
.br-load-mark img{width:58px;height:auto;animation:br-load-pulse 1.6s ease-in-out infinite}
@keyframes br-load-spin{to{transform:rotate(360deg)}}
@keyframes br-load-pulse{0%,100%{opacity:.5;transform:scale(.93)}50%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.br-load-mark::before{animation:none}.br-load-mark img{animation:none;opacity:1}}

/* Zoom à la saisie sur iPhone : les champs ne doivent jamais passer sous 16 px. */
@media (max-width:820px){
  .field,.dsearch input,.big-search input,
  input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],input[type=password],input[type=url],input[type=date],
  textarea,select{font-size:16px}
}

/* ---------- Ouverture des fenêtres : fondu du voile, apparition de la boîte ---------- */
@keyframes br-pop-fade{from{opacity:0}to{opacity:1}}
@keyframes br-pop-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.e-modal-scrim,.lightbox,.drawer-scrim{animation:br-pop-fade .18s ease both}
.e-modal,.lightbox img,.lightbox figure{animation:br-pop-in .28s cubic-bezier(.2,.8,.25,1) both}
@media (prefers-reduced-motion:reduce){
  .e-modal-scrim,.lightbox,.drawer-scrim,.e-modal,.lightbox img,.lightbox figure{animation:none}
}

/* ---------- Guides : blocs repris des anciennes pages Elementor (texte inchangé) ---------- */
.e-article-body .gd-lead2{font-size:17.5px;color:var(--ink-2)}
.e-article-body .gd-list{list-style:none;padding:0;margin:4px 0 18px;display:grid;gap:10px}
.e-article-body .gd-list li{position:relative;margin:0;padding:12px 16px 12px 46px;background:var(--surface);border-radius:14px;color:var(--ink);font-weight:600;line-height:1.45}
.e-article-body .gd-list li::before{content:"";position:absolute;left:15px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.e-article-body .gd-list a{color:inherit;text-decoration:none}
.e-article-body .gd-actions{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px}
.e-article-body .gd-actions .btn{text-decoration:none}
.e-article-body .gd-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:28px;align-items:start;margin:8px 0 10px}
.e-article-body .gd-split > figure{margin:0;position:sticky;top:calc(var(--br-hdr,0px) + 24px)}
.e-article-body .gd-split > figure img{margin:0;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:var(--sh)}
.e-article-body .gd-split > div > h2:first-child,.e-article-body .gd-split > div > h3:first-child{margin-top:0}
.e-article-body .gd-fig{margin:18px 0 24px}
.e-article-body .gd-fig img{margin:0;width:100%;max-height:420px;object-fit:cover;border-radius:22px}
.e-article-body .gd-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:10px 0 26px}
.e-article-body .gd-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.e-article-body a.gd-card:hover{border-color:var(--mint);box-shadow:var(--sh);transform:translateY(-2px)}
.e-article-body .gd-card img{margin:0;width:100%;height:150px;object-fit:cover;border-radius:0}
.e-article-body .gd-card-b{display:grid;gap:8px;padding:18px 20px 20px;flex:1;align-content:start}
.e-article-body .gd-card h3{margin:0;font-size:17.5px}
.e-article-body .gd-card p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.e-article-body .gd-card .gd-more{margin-top:auto;padding-top:6px;font:700 14px/1 var(--f);color:var(--teal);display:inline-flex;align-items:center;gap:6px}
.e-article-body .gd-steps{list-style:none;padding:0;margin:12px 0 22px;display:grid;gap:12px}
.e-article-body .gd-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.e-article-body .gd-steps .gd-n{grid-row:span 2;width:44px;height:44px;border-radius:14px;background:var(--teal);color:#fff;font:800 18px/44px var(--f);text-align:center}
.e-article-body .gd-steps h3{margin:0;font-size:17px;align-self:center}
.e-article-body .gd-steps p{margin:0;font-size:15px;color:var(--muted)}
.e-article-body .gd-box{margin:18px 0 26px;padding:24px;border-radius:22px;background:var(--mint-50);border:1px solid #CFE6E4}
.e-article-body .gd-box img{margin:0 0 14px;width:100%;max-height:220px;object-fit:cover;border-radius:16px}
.e-article-body .gd-box h3{margin-top:0}
.e-article-body .gd-box .gd-list li{background:#fff}
.e-article-body .gd-box .gd-actions{margin-bottom:0}
.e-article-body .gd-note{padding:16px 20px;border-left:4px solid var(--mint);background:var(--surface);border-radius:0 14px 14px 0;color:var(--ink)}
.e-article-body .gd-note p{margin:0}
.e-article-body .gd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.e-article-body .gd-chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 14px/1 var(--f);text-decoration:none}
.e-article-body .gd-chips a:hover{border-color:var(--mint);color:var(--teal)}
.e-article-body .gd-cta{margin:34px 0 8px;padding:30px;border-radius:24px;background:var(--ink);color:#fff}
.e-article-body .gd-cta h2{color:#fff;margin-top:0}
.e-article-body .gd-cta p{color:rgba(255,255,255,.82)}
.e-article-body .gd-cta .gd-actions{margin-bottom:0}
.e-article-body .gd-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
@media (max-width:760px){
  .e-article-body .gd-cards{grid-template-columns:1fr}
  .e-article-body .gd-split{grid-template-columns:1fr}
  .e-article-body .gd-split > figure{position:static;order:-1}
  .e-article-body .gd-split > figure img{aspect-ratio:16/10}
  .e-article-body .gd-cta{padding:24px 20px}
}
.e-article-body a.btn{text-decoration:none}
.e-article-body a.btn-teal{color:#fff}
.e-article-body a.btn-lime{color:var(--ink)}
.e-article-body a.btn-soft{color:var(--teal)}
.e-article-body a.btn-ghost{color:var(--ink)}
.e-article-body .gd-cta a.btn-ghost{color:#fff}
.e-article-body .gd-card{padding:20px 20px 0}
.e-article-body .gd-card .gd-card-b{padding:0 0 20px}
.e-article-body .gd-ico{display:grid;place-items:center;width:58px;height:58px;margin:0 0 14px;border-radius:16px;background:var(--mint-50)}
.e-article-body .gd-ico img{width:32px;height:32px;margin:0;object-fit:contain;border-radius:0;opacity:.85}
.e-article-body .gd-box h3,.e-article-body .gd-card h3{color:var(--ink)}
.e-article-body .gd-cta a.btn-ghost{color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.4)}
.e-article-body .gd-cta a.btn-ghost:hover{background:rgba(255,255,255,.1)}

/* ---------- blocs de mise en page des guides (après les règles de base, pour primer) ---------- */
/* Listes sur deux colonnes quand la place le permet. */
.e-article-body .gd-list-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.e-article-body .gd-list-2{grid-template-columns:1fr}}
/* Texte + photo : la photo épouse la hauteur du texte, plus de grand vide à côté. */
.e-article-body .gd-split{align-items:stretch}
.e-article-body .gd-split > figure{position:static;top:auto;align-self:stretch;display:flex;min-height:300px;max-height:560px}
.e-article-body .gd-split > figure img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}
/* Une section sur deux présente la photo à gauche. */
.e-article-body .gd-split.gd-split-rev{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.e-article-body .gd-split.gd-split-rev > figure{order:-1}
@media (max-width:760px){
  .e-article-body .gd-split.gd-split-rev{grid-template-columns:1fr}
  .e-article-body .gd-split > figure{min-height:0;max-height:none;display:block}
  .e-article-body .gd-split > figure img{height:auto;aspect-ratio:16/10}
}
/* Deux encadrés côte à côte. */
.e-article-body .gd-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 26px}
.e-article-body .gd-duo > div{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.e-article-body .gd-duo h2{margin:0 0 10px;font-size:20px}
.e-article-body .gd-duo .gd-list li{background:var(--surface)}
.e-article-body .gd-duo > div > p:last-child{margin-bottom:0}
@media (max-width:860px){.e-article-body .gd-duo{grid-template-columns:1fr}}
/* Trois cartes de renvoi. */
.e-article-body .gd-cards.gd-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.e-article-body .gd-cards-3 .gd-actions{margin:auto 0 0}
@media (max-width:860px){.e-article-body .gd-cards.gd-cards-3{grid-template-columns:1fr}}
/* Carrousels posés dans un guide : professionnels ou articles. */
.e-article-body .gd-pros,.e-article-body .gd-posts{margin:30px 0 32px}
.e-article-body .gd-pros h2,.e-article-body .gd-posts h2{margin:0 0 6px}
.e-article-body .gd-pros .gd-lead2,.e-article-body .gd-posts .gd-lead2{margin:0 0 14px}
.e-article-body .gd-cr-nav{display:flex;justify-content:flex-end;gap:10px;margin:0 0 14px}
.gd-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px;margin:-4px;scrollbar-width:none}
.gd-track::-webkit-scrollbar{display:none}
.gd-track > *{scroll-snap-align:start;margin:0}
.e-article-body .gd-track .pcard h3,.e-article-body .gd-track .post h3{margin:0;color:var(--ink)}
.e-article-body .gd-track .pcard p,.e-article-body .gd-track .post p{margin:0}
.e-article-body .gd-track img{margin:0}
.e-article-body .gd-track .pcard-top img{border-radius:0}
@media (max-width:1100px){.gd-track{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:760px){.gd-track{grid-auto-columns:100%}}

/* Les cartes posées dans un article gardent les tailles d'images de leur gabarit :
   sans ça, « .e-article-body img{height:auto;max-width:100%} » gonfle logos et badges. */
.e-article-body .gd-track .pcard-top img{width:auto;height:auto;max-height:92px;max-width:72%;border-radius:0}
.e-article-body .gd-track .badges img{width:auto;height:30px;max-width:none;border-radius:4px}
.e-article-body .gd-track .post .thumb img{width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:0}
.e-article-body .gd-track .pcard,.e-article-body .gd-track .post{height:100%}

/* Photo et texte à parts égales, et plus d'air entre les sections. */
.e-article-body .gd-split,.e-article-body .gd-split.gd-split-rev{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:38px 0}
@media (max-width:760px){.e-article-body .gd-split,.e-article-body .gd-split.gd-split-rev{grid-template-columns:1fr;gap:20px;margin:28px 0}}
/* « Les autres guides BeReady » en carrousel de 4. */
.e-related.gd-cr{position:relative}
.e-related.gd-cr .gd-cr-nav{position:absolute;top:0;right:0;margin:0}
.e-related.gd-cr .gd-track{grid-auto-columns:calc((100% - 60px)/4);gap:20px}
.e-related.gd-cr .guide-card{height:100%}
@media (max-width:1100px){.e-related.gd-cr .gd-track{grid-auto-columns:calc((100% - 40px)/3)}}
@media (max-width:860px){.e-related.gd-cr .gd-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media (max-width:620px){.e-related.gd-cr .gd-track{grid-auto-columns:100%}.e-related.gd-cr .gd-cr-nav{position:static;justify-content:flex-end;margin:0 0 14px}}

/* « Qui sommes-nous » : le texte d'une colonne de split reste aligné à gauche sur ordinateur.
   Le centrage ne sert que lorsque les deux colonnes s'empilent (≤ 900 px). */
@media (min-width:901px){
  .split > .prose.prose-mid{text-align:left;justify-items:start}
  .split > .prose.prose-mid .eyebrow{justify-self:start;margin-inline:0}
  .split > .prose.prose-mid .cloud{justify-content:flex-start}
  .split > .prose.prose-mid p{margin-inline:0}
}

/* Mode édition : pastille du score Yoast, aux couleurs de Yoast. */
.e-edit-bar .e-seo{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:700 13px/1 var(--f);text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s}
.e-edit-bar .e-seo:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45)}
.e-edit-bar .e-seo i{width:11px;height:11px;border-radius:50%;background:#9AA8AB;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.e-edit-bar .e-seo-good i{background:#7AD03A}
.e-edit-bar .e-seo-ok i{background:#EE7C1B}
.e-edit-bar .e-seo-bad i{background:#DC3232}
.e-edit-bar .e-seo-none i{background:#9AA8AB}

/* Champs gérés par l'équipe BeReady : visiblement non modifiables. */
.field[readonly],textarea.field[readonly]{background:var(--surface);color:var(--muted);border-color:var(--line);cursor:not-allowed}
.field[readonly]:focus{outline:none;border-color:var(--line);box-shadow:none}
.e-url:has(input[readonly]){background:var(--surface);color:var(--muted)}

/* Accueil : le bouton « Liste des métiers » passe au-dessus du texte d'introduction. */
.sec-head .sec-head-cta{margin:4px 0 10px}
.sec-head .sec-head-cta .btn{display:inline-flex}

/* Homeowner Support : écran d'accueil du propriétaire sans dossier. */
.su-intro{display:grid;gap:14px;padding:28px}
.su-intro .su-tag{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:var(--mint-50);color:var(--teal);font:800 12.5px/1 var(--f);letter-spacing:.04em;text-transform:uppercase}
.su-intro h2{font-size:26px;line-height:1.2;color:var(--ink)}
.su-intro .lead{max-width:62ch;color:var(--muted);font-size:15.5px;line-height:1.55}
.su-atouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}
.su-atout{display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--surface)}
.su-atout .su-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--teal);margin-bottom:4px}
.su-atout b{color:var(--ink);font-size:15px}
.su-switch{display:grid;gap:4px;margin-top:8px;padding:18px;border:1px solid var(--line);border-radius:16px}
.su-switch > b{color:var(--ink);font-size:16px}
.su-proj{padding:14px 0}
.su-proj:last-child{border-bottom:0;padding-bottom:0}
.su-cta{margin-top:4px}
@media (max-width:720px){.su-intro{padding:20px}.su-atouts{grid-template-columns:1fr}.su-intro h2{font-size:22px}.su-proj{flex-direction:column;align-items:stretch}.su-proj .btn{justify-content:center}}

/* ---------- case à cocher d'acceptation ---------- */
/* La case native se réduisait à un point gris sur iPhone : on la redessine
   entièrement pour qu'elle soit visible et que l'état coché se lise. */
.consent{align-items:flex-start}
.consent input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;
  flex:0 0 auto;width:22px;height:22px;margin:0;
  border:2px solid #B9CDD0;border-radius:6px;background:#fff;
  position:relative;cursor:pointer;transition:background-color .15s,border-color .15s}
.consent input[type="checkbox"]:hover{border-color:var(--teal)}
.consent input[type="checkbox"]:checked{background:var(--teal);border-color:var(--teal)}
.consent input[type="checkbox"]:checked::after{
  content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;
  border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.consent input[type="checkbox"]:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.consent > span{flex:1 1 auto;min-width:0}

/* ---------- rappel affiché sur la page de remerciement ---------- */
.br-depot{display:grid;gap:6px;margin:0 0 22px;padding:16px 18px;border-radius:16px;
  background:var(--mint-50);border:1px solid var(--mint)}
.br-depot p{margin:0;color:var(--ink);font-size:15.5px;line-height:1.5}
.br-depot-ref{color:var(--teal)}

/* ---------- logo des cartes : cliquable vers la fiche ---------- */
.pcard-top > .logo-link,
.lcard .logo-box > .logo-link{display:grid;place-items:center;width:100%;height:100%}
.logo-link img{transition:transform .18s}
.pcard:hover .logo-link img,
.lcard:hover .logo-link img{transform:scale(1.03)}
.logo-link:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:12px}