/* Navigation officielle accessible — couche additionnelle sans toucher au diaporama. */
.pr-job-shell{min-height:82px;gap:16px;padding:10px clamp(16px,2vw,34px)}
.pr-job-brand{gap:10px}.pr-job-brand img{width:52px;height:52px}
.pr-job-brand b{font-size:16px}
.pr-job-shell .pr-job-brand small{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:max-content;max-width:100%;min-height:27px;margin-top:6px;padding:6px 12px;background:#b91c2c!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1.3;letter-spacing:.025em;white-space:nowrap;opacity:1!important;visibility:visible;text-shadow:0 1px 1px rgba(0,0,0,.28);border-radius:999px;box-shadow:0 5px 12px rgba(185,28,44,.18)}
.pr-job-shell .pr-job-brand span{min-width:0;overflow:visible;line-height:1.25}
.pr-job-nav{gap:1px;min-width:0}
.pr-job-item>.pr-job-trigger{padding:0 8px;font-size:12px;white-space:nowrap}
.pr-job-actions{gap:9px;flex:0 0 auto}
.pr-job-actions>a{font-size:12px;white-space:nowrap}
.pr-job-actions>.pr-action-estimate{display:inline-flex;align-items:center;min-height:42px;padding:0 11px;border-radius:10px;border:1px solid #dce5f2;background:#fff;color:#183967}
.pr-job-actions>.cta{display:inline-flex;align-items:center;min-height:42px;padding:0 13px}
.pr-job-drop{z-index:1100;top:calc(100% - 3px);width:min(630px,90vw);max-height:min(70vh,560px);overflow:auto}
.pr-job-item:first-child .pr-job-drop,.pr-job-item:nth-child(2) .pr-job-drop{left:0;transform:translate(0,10px)}
.pr-job-item:first-child.is-open .pr-job-drop,.pr-job-item:nth-child(2).is-open .pr-job-drop{transform:translate(0,0)}
.pr-job-item:nth-last-child(-n+3) .pr-job-drop{left:auto;right:0;transform:translate(0,10px)}
.pr-job-item:nth-last-child(-n+3).is-open .pr-job-drop{transform:translate(0,0)}
.pr-job-item:not(.is-open) .pr-job-drop{opacity:0;visibility:hidden;pointer-events:none}
.pr-job-item.is-open .pr-job-drop{opacity:1;visibility:visible;pointer-events:auto}
.pr-job-drop b{font-size:13px;color:#183967}
.pr-job-drop a{font-size:13px;line-height:1.4;min-height:29px;display:flex;align-items:center}
.pr-job-shell a:focus-visible,.pr-job-shell button:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:5px}
@media(max-width:1280px){
 .pr-job-shell{flex-wrap:wrap;min-height:74px;padding:12px 18px;gap:12px}
 .pr-job-burger{display:block;margin-left:auto;font-size:20px}
 .pr-job-nav{display:none;order:4;flex:1 0 100%;height:auto;max-height:75vh;overflow:auto;flex-direction:column;align-items:stretch;gap:3px}
 .pr-job-shell.open .pr-job-nav{display:flex}
 .pr-job-item{display:block}
 .pr-job-item>.pr-job-trigger{height:auto;min-height:50px;display:flex;justify-content:space-between;width:100%;padding:12px 15px;border:1px solid #e6eaf2;border-radius:10px;font-size:14px}
 .pr-job-drop{position:static;width:100%;max-height:none;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;background:#f8fafc;box-shadow:none;border:1px solid #e6eaf2;border-radius:10px;transform:none!important}
 .pr-job-item:not(.is-open) .pr-job-drop{display:none}
 .pr-job-item.is-open .pr-job-drop{display:grid;opacity:1;visibility:visible}
 .pr-job-actions{margin-left:0}
 .pr-job-actions>a:not(.cta){display:inline-flex}
}
@media(max-width:700px){
 .pr-job-shell{padding:10px 12px;gap:8px}
 .pr-job-brand img{height:45px;width:45px}.pr-job-brand b{font-size:13px}.pr-job-brand small{font-size:8px}
 .pr-job-actions{order:3;flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .pr-job-actions>a,.pr-job-actions>.cta,.pr-job-actions>.pr-action-estimate{min-height:45px;justify-content:center;font-size:12px;padding:6px;text-align:center;white-space:normal}
 .pr-job-nav{order:4}
 .pr-job-drop{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.pr-job-shell *{scroll-behavior:auto;transition:none!important}}
/* Les anciens Mega Header sont retires a la source du rendu Vue dans wwPage.vue.
   Aucun header n'est masque artificiellement par une regle CSS. */


/* P0-20261011: correct WeWeb intrinsic icon sizing at the source; no hidden content. */
.ww-e-d1ZP>.ww-layout{box-sizing:border-box;max-width:100%;min-width:0}
.ww-e-d1ZP :is(.ww-e-d1ZQ,.ww-e-d1ZT,.ww-e-d1ZX){
 box-sizing:border-box;min-width:0;max-width:100%;min-height:50px;
 gap:11px;padding:12px 15px;border-radius:12px;
}
.ww-e-d1ZP :is(.ww-e-d1ZQ,.ww-e-d1ZT,.ww-e-d1ZX)>.ww-icon{
 box-sizing:border-box;width:24px!important;height:24px!important;
 min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;
 flex:0 0 24px!important;aspect-ratio:1;
}
.ww-e-d1ZP :is(.ww-e-d1ZQ,.ww-e-d1ZT,.ww-e-d1ZX)>.ww-icon svg{
 display:block;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;
}
.ww-e-d1ZP :is(.ww-e-d1ZS,.ww-e-d1ZV,.ww-e-d1ZY){
 flex:1 1 auto;min-width:0;max-width:100%;font-size:14px;line-height:1.5;overflow-wrap:break-word;
}
.ww-e-d1ZK>.ww-icon,.ww-e-d1ZK>.ww-icon svg{
 width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;max-height:20px!important;
}
.ww-e-d1mx,.ww-e-d1mh{box-sizing:border-box;max-width:100%}
.ww-e-d1mx>.ww-layout{min-width:0;box-sizing:border-box}
.ww-e-d1mh button{min-height:44px}
@media (min-width:768px) and (max-width:1100px){
 .ww-e-d1ZN{font-size:clamp(34px,4.6vw,43px)!important;line-height:1.18!important}
 .ww-e-d1ZO{font-size:17px!important;line-height:1.7!important;max-width:62ch}
 .ww-e-d1ZJ{max-width:880px;gap:22px!important}
 .ww-e-d1ZP{gap:12px!important}
 .ww-e-d1mh{padding:34px 28px!important;gap:26px!important}
 .ww-e-d1mx{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding-bottom:18px!important}
 .ww-e-d1mx>.ww-layout{min-height:55px;padding:12px 15px!important;align-items:center!important}
}
@media (max-width:767px){
 .ww-a-KlrFL0HmhtPGL0px{padding:42px 18px 48px!important}
 .ww-e-d1ZJ{gap:20px!important;align-items:stretch!important;max-width:100%}
 .ww-e-d1ZK{max-width:100%;box-sizing:border-box;justify-content:flex-start}
 .ww-e-d1ZM{font-size:11px!important;line-height:1.45!important;letter-spacing:0!important;overflow-wrap:anywhere}
 .ww-e-d1ZN{font-size:clamp(28px,7.5vw,36px)!important;line-height:1.16!important;letter-spacing:-.025em!important}
 .ww-e-d1ZO{font-size:16px!important;line-height:1.7!important;max-width:100%;color:#d0dae9!important}
 .ww-e-d1ZP{margin-top:12px!important;width:100%;gap:12px!important;align-items:stretch!important}
 .ww-e-d1ZP :is(.ww-e-d1ZQ,.ww-e-d1ZT,.ww-e-d1ZX){width:100%;min-height:52px;padding:13px 15px}
 .ww-e-d1mh{padding:26px 20px!important;gap:24px!important;border-radius:18px}
 .ww-e-d1mx{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding-bottom:20px!important}
 .ww-e-d1mx>.ww-layout{min-height:62px;padding:12px 10px!important;align-items:center!important}
 .ww-e-d1mx .ww-text-content{font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:break-word}
 .ww-e-d1mw{gap:22px!important}
 .ww-e-d1mh button{min-height:48px}
 .ww-e-d1nj{min-height:50px;width:100%;max-width:100%;box-sizing:border-box}
 .pr-job-shell{
   box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 48px;
   grid-template-areas:"brand burger" "actions actions" "nav nav";
   align-items:center;gap:11px 10px;padding:12px 18px;min-height:0;
 }
 .pr-job-brand{grid-area:brand;min-width:0;max-width:100%;gap:8px}
 .pr-job-brand img{width:42px;height:42px;flex:0 0 42px}
 .pr-job-brand span{min-width:0;max-width:100%;line-height:1.2}
 .pr-job-brand b{font-size:clamp(12px,3.65vw,15px)}
 .pr-job-shell .pr-job-brand small{
   font-size:clamp(8px,2vw,10px)!important;
   padding:5px 9px;min-height:23px;line-height:1.25;
   white-space:normal;text-align:center;max-width:100%;
 }
 .pr-job-burger{grid-area:burger;display:grid;place-items:center;
   width:48px;height:48px;min-width:48px;border:1px solid #dce5f1;font-size:22px;margin:0;
 }
 .pr-job-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:100%;margin:0;order:unset}
 .pr-job-actions>a,.pr-job-actions>.cta,.pr-job-actions>.pr-action-estimate{
   display:flex;box-sizing:border-box;width:100%;min-width:0;min-height:48px;align-items:center;
   justify-content:center;white-space:normal;padding:10px 8px;font-size:12px;text-align:center;line-height:1.3;
 }
 .pr-job-nav{grid-area:nav;order:unset;margin:0;width:100%;max-height:calc(100dvh - 170px);overflow:auto}
 .pr-job-item>.pr-job-trigger{min-height:48px}
 .pr-job-drop a{min-height:44px;font-size:14px}
}
@media(max-width:359px){
 .ww-e-d1mx{grid-template-columns:minmax(0,1fr)!important}
 .ww-e-d1mx>.ww-layout{min-height:48px!important}
 .pr-job-shell{padding:10px 16px}
 .pr-job-actions{gap:8px}
}


/* Paid dossier gateway: accessible inline status, no success until server commits. */
.pr-wizard-api-status{display:block;box-sizing:border-box;margin-top:18px;padding:17px 18px;
  border:1px solid #b8d9be;border-left:5px solid #157747;background:#f0fff5;color:#115332;
  border-radius:12px;font-size:15px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}
.pr-wizard-api-status[data-error="true"]{border-color:#fecaca;border-left-color:#b42318;
  background:#fff3f2;color:#84251b}
.pr-wizard-api-status a{display:inline-flex;min-height:44px;align-items:center;
  margin-top:8px;padding:9px 14px;color:white!important;background:#dc2626;
  border-radius:9px;text-decoration:none;font-weight:800}
.pr-wizard-api-status a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
#pr-devis-media-list{margin:14px 0;padding:14px;background:#fff4e6;color:#673b0d;
  border:1px solid #eebd6b;border-radius:10px;line-height:1.5}
.pr-devis-media-row{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:10px 0}
.pr-devis-media-row button{min-height:44px;min-width:70px;border:1px solid #995b2b;
  border-radius:8px;background:#fff;color:#79330c;cursor:pointer;font:inherit}
@media(max-width:500px){.pr-devis-media-row{flex-direction:column;align-items:stretch}
 .pr-wizard-api-status{padding:14px 15px;margin-top:16px}
}
