/* ALLO212 V242 — « PREMIUM PARTOUT » : toutes les anciennes pages dans la charte 212
   (bandeau bleu nuit + photo + motif zellige + aurore, cartes en verre, écran photo 212, page claire et nette : plus de beige).
   Chargé en dernier (juste avant </head>) par includes/premium212.php. Couleurs : Centre de pilotage › Pages 212. */

/* ---------- 1. Jetons : fini le beige (les anciennes variables reçoivent des neutres froids) ---------- */
html[data-pm] body.pm-legacy{
  --pm-ink:#0F172A;--pm-ink2:#1E293B;--pm-soft:#64748B;--pm-mute:#94A3B8;--pm-line:#E2E8F0;--pm-line2:#EEF2F7;--pm-card:#FFFFFF;--pm-bg:#F4F6FA;--pm-field:#F8FAFC;
  --pm-sh:0 1px 2px rgba(15,23,42,.04),0 12px 32px -18px rgba(15,23,42,.22);--pm-r:20px;
  --bg:#F4F6FA;--hf-bg:#F4F6FA;--card:#FFFFFF;--cs-bg:#F4F6FA;--v-ivory:#F4F6FA;--sp-cream:#FFFFFF;--g-cream:#F4F6FA;--fond:#F4F6FA;
  --as-ivory:#FFFFFF;--as-cream:#F4F6FA;--as-line:#E2E8F0;--am-cream:#F4F6FA;--pp:#FFFFFF;--ps:#F1F5F9;--vt-soft:#F1F5F9;--a16-soft:#F1F5F9;
  --h74-cream:#FFFFFF;--h74-sand:#F2F4F8;--h74-line:#E2E8F0;--c212-cream:#FFFFFF;--c212-sand:#F2F4F8;--c212-line:#E2E8F0;--dl-cream:#FFFFFF;--dl-sand:#F2F4F8;--dl-line:#E2E8F0;
  color:var(--pm-ink);font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--c2-page,linear-gradient(180deg,#F4F6FA,#FFFFFF 900px)) fixed!important;
}
html[data-pm]:has(body.pm-legacy),html[data-pm].a-express:has(body.pm-legacy){background:#F4F6FA!important}

/* ---------- 2. En-tête commun : verre blanc net, partout pareil ---------- */
html[data-pm] body.pm .a-header{background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(15,23,42,.06)!important;box-shadow:0 8px 24px -22px rgba(15,23,42,.5)!important}
html[data-pm] body.pm .a-header .a-brand small{color:#475569!important}
html[data-pm] body.pm .a-header :is(.x-header-messages,.a-account){display:inline-grid!important;place-items:center;width:44px;height:44px;padding:0!important;border-radius:50%!important;background:#fff!important;border:1px solid #E2E8F0!important;color:#1E293B!important;font-size:0!important;box-shadow:0 6px 16px -12px rgba(15,23,42,.45)}
html[data-pm] body.pm .a-header :is(.x-header-messages,.a-account) span{display:none!important}
html[data-pm] body.pm .a-header :is(.x-header-messages,.a-account) svg{width:20px!important;height:20px!important;margin:0!important}
html[data-pm] body.pm .a-header .a19-lang{background:#fff!important;border:1px solid #E2E8F0!important}

/* ---------- 3. Bandeaux des anciennes pages → bandeau 212 (bleu nuit, photo fondue, zellige, aurore) ---------- */
html[data-pm] body.pm-legacy.pm-legacy :is(section.hero.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero){
  position:relative!important;isolation:isolate!important;overflow:hidden!important;background:var(--c2-hbg)!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-pm] body.pm-legacy.pm-legacy :is(section.hero.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero)::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;display:block!important;
  background:var(--c2-photo,url("/assets/images/marrakech-hero-2026.png")) center/cover no-repeat!important;opacity:var(--c2-pop,.22)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 35%,#000 75%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 35%,#000 75%)!important}
html[data-pm] body.pm-legacy.pm-legacy :is(section.hero.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero)::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;display:block!important;background:var(--c2-motif,none)!important;opacity:var(--c2-mop,.09)!important;pointer-events:none!important}
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero) .hf-hero-bg{display:none!important}
html[data-pm] body.pm-legacy .c2-aur.pm-aur{z-index:-1}
html[data-pm] body.pm-legacy.pm-legacy section.hero.hf-vhero{padding:60px 0 56px!important;min-height:0!important}
/* textes */
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero) :is(.kicker,.eyebrow,.hf-ahero-kicker,.v201-title>small,.pm-kick){
  display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.06)!important;color:var(--c2-t1,#A5B4FC)!important;font:800 11px/1 Montserrat,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;margin:0 0 4px!important}
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero) :is(.kicker,.eyebrow,.hf-ahero-kicker,.v201-title>small,.pm-kick)::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c2-a2,#06B6D4);animation:c2pulse 2.2s infinite}
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero) h1{
  margin:14px 0 10px!important;color:#fff!important;font:800 clamp(30px,3.3vw,50px)/1.05 Montserrat,sans-serif!important;letter-spacing:-1.5px!important;text-shadow:none!important}
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero) h1 :is(span,em,strong,b){
  display:block;background:linear-gradient(90deg,var(--c2-t1,#A5B4FC),var(--c2-t2,#67E8F9))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;font-style:normal!important}
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero) :is(.lead,.hero-grid>div>p,.hf-ahero-text>p,.v201-title>p,.pm-lead){
  color:rgba(255,255,255,.74)!important;font:500 15.5px/1.6 Montserrat,sans-serif!important;max-width:560px!important;text-shadow:none!important}
/* carte « Que souhaitez-vous faire ? » → carte en verre + choix en vignettes */
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(aside,.hero-card,.choice,.hero-panel){
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:22px!important;padding:16px!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;box-shadow:0 30px 60px -36px rgba(0,0,0,.8)!important}
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(aside,.hero-card,.choice,.hero-panel)>:is(strong,h2,h3){color:rgba(255,255,255,.6)!important;font:800 11.5px Montserrat,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;display:block;margin:2px 4px 4px!important}
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(aside,.hero-card,.choice,.hero-panel) p{color:rgba(255,255,255,.62)!important;font-size:12.5px!important;margin:0 4px 12px!important}
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(.choice-grid,.quick-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(.choice-grid,.quick-grid)>:is(a,button){
  position:relative;display:flex!important;align-items:center!important;gap:10px!important;min-height:64px!important;padding:8px 10px 8px 8px!important;border-radius:16px!important;
  border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-align:left!important;font:800 13.5px/1.2 Montserrat,sans-serif!important;
  text-decoration:none!important;cursor:pointer;box-shadow:none!important;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(.choice-grid,.quick-grid)>:is(a,button):hover{transform:translateY(-2px);border-color:var(--c2-a2)!important;box-shadow:0 18px 34px -18px var(--c2-a1)!important}
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(.choice-grid,.quick-grid)>.main{border-color:color-mix(in srgb,var(--c2-a2) 70%,transparent)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--c2-a1) 34%,transparent),color-mix(in srgb,var(--c2-a2) 16%,transparent))!important}
.pm-ci{flex:none;width:46px;height:46px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,.1)}
.pm-cl{flex:1;min-width:0}
.pm-ca{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);font-style:normal;font-weight:800}
:is(.main,:hover)>.pm-ca{background:linear-gradient(135deg,var(--c2-a1),var(--c2-a2))}
/* recherche posée sur le bandeau : carte blanche nette (comme Auto-Moto) */
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(form.searchbar,form.search,form.searchbox,.hf-vfilter){background:#fff!important;border-radius:20px!important;box-shadow:0 24px 50px -28px rgba(0,0,0,.7)!important;border:1px solid rgba(255,255,255,.6)!important}
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero) :is(input,select,textarea){background:#F1F5F9!important;border-color:#E2E8F0!important;color:#0F172A!important}
html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(form.searchbar,form.search,form.searchbox) small{color:#64748B!important}
/* écran photo 212 (ex-lecteur vidéo) */
html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vscreen,.hf-ahero-screen,.hf-gal-screen){border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
html[data-pm]:not(#pm0) body.pm-legacy .pm-scr{display:block!important;height:auto!important;width:100%!important}
html[data-pm]:not(#pm0) body.pm-legacy .pm-scr>.c2-scr{display:block!important;height:var(--pm-sch,260px)!important;min-height:0!important;max-height:none!important;width:100%!important;border-radius:22px!important;margin:0!important;padding:0!important}
html[data-pm]:not(#pm0) body.pm-legacy .pm-scr>.c2-scr .c2-imgs{position:absolute!important;inset:0!important;height:auto!important;width:auto!important}
html[data-pm]:not(#pm0) body.pm-legacy .pm-scr>.c2-scr .c2-imgs img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important}
html[data-pm]:not(#pm0) body.pm-legacy :is(.hf-vscreen,.hf-ahero-screen){height:auto!important;min-height:0!important}
html[data-pm] body.pm-legacy .hf-ahero-screen{height:auto!important;width:100%!important}
html[data-pm] body.pm-legacy .hf-gal-screen:not(.hf-gal-photos){width:min(560px,100%)!important;margin:0 auto!important}
html[data-pm] body.pm-legacy .hf-gal-screen:not(.hf-gal-photos) .pm-scr{--pm-sch:300px}
html[data-pm] body.pm-legacy .hf-gal{padding:34px 0!important}
/* écran galerie d'une annonce / vitrine : cadre premium */
html[data-pm] body.pm-legacy .hf-gal-photos .a-media{border-radius:22px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)!important;overflow:hidden}

/* ---------- 4. Contenu : page claire, cartes blanches, titres ardoise ---------- */
html[data-pm] body.pm-legacy.pm-light :is(main,section,.container) :is(h2,h3):not(.c2-hero *):not(.hf-vhero *):not(.hf-ahero *):not(.v201-hero *){color:var(--pm-ink)}
html[data-pm] body.pm-legacy :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),select,textarea):not(.c2-hero *){border-color:#E2E8F0}
html[data-pm] body.pm-legacy :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),select,textarea):focus{outline:none;border-color:var(--c2-a1,#4F46E5)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--c2-a1,#4F46E5) 16%,transparent)!important}
html[data-pm] body.pm-legacy.pm-light .a-footer{background:#fff!important;border-top:1px solid #E2E8F0!important}
/* pages sombres : bleu nuit sur toute la hauteur (comme /212/drive), motif zellige discret */
html[data-pm]:has(body.pm-dark),html[data-pm].a-express:has(body.pm-dark){background:#0A0F1E!important}
html[data-pm] body.pm-legacy.pm-dark{background:var(--c2-page) fixed!important}
html[data-pm] body.pm-legacy.pm-dark::before{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--c2-motif,none);opacity:calc(var(--c2-mop,.09) * .6);pointer-events:none}

/* ---------- 5. Mon espace : bandeau 212 + onglets en vignettes ---------- */

html[data-pm] body.pm-legacy .v201-hero .v201-hero-in{background:none!important}
html[data-pm] body.pm-legacy .v201-hero .v201-screen{border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c2-a1) 45%,transparent),0 30px 90px -26px color-mix(in srgb,var(--c2-a1) 80%,transparent)!important}
html[data-pm] body.pm-legacy .v201-hero :is(h1,h2,p,small,b,span){text-shadow:none!important}
html[data-pm] body.pm-legacy nav.sp97-tabs{background:transparent!important}
html[data-pm] body.pm-legacy nav.sp97-tabs a.t201{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#F8FAFC!important;box-shadow:0 18px 34px -26px rgba(0,0,0,.9)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s,border-color .18s}
html[data-pm] body.pm-legacy nav.sp97-tabs a.t201:hover{transform:translateY(-2px);border-color:var(--c2-a2,#E9A15B)!important}
html[data-pm] body.pm-legacy nav.sp97-tabs a.t201 b{color:#F8FAFC!important}
html[data-pm] body.pm-legacy nav.sp97-tabs a.t201[aria-current]{background:linear-gradient(160deg,color-mix(in srgb,var(--c2-a1) 34%,transparent),color-mix(in srgb,var(--c2-a2) 14%,transparent))!important;border-color:var(--c2-a2,#E9A15B)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--c2-a2) 50%,transparent),0 18px 34px -20px var(--c2-a1)!important}
html[data-pm] body.pm-legacy nav.sp97-tabs a.t201[aria-current] b{color:#fff!important}
html[data-pm] body.pm-legacy nav.sp97-tabs a.t201 small{color:rgba(226,232,240,.66)!important}
html[data-pm] body.pm-legacy nav.sp97-tabs .sp97-arr{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}

/* ---------- 6. Téléphone ---------- */
@media (max-width:820px){
  html[data-pm] body.pm-legacy.pm-legacy section.hero.hf-vhero{padding:26px 0 24px!important}
  html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero) h1{font-size:clamp(26px,7.4vw,34px)!important;letter-spacing:-1px!important}
  html[data-pm] body.pm-legacy.pm-legacy :is(.hf-vhero,.hf-ahero,.hf-gal,.v201-hero,.pm-hero) :is(.lead,.hero-grid>div>p,.hf-ahero-text>p,.v201-title>p,.pm-lead){font-size:14px!important}
  html[data-pm]:not(#pm0) body.pm-legacy .pm-scr>.c2-scr{height:min(var(--pm-sch,260px),220px)!important}
  html[data-pm] body.pm-legacy .hf-gal{padding:14px 0!important}
  html[data-pm] body.pm-legacy.pm-legacy .hf-vhero :is(.choice-grid,.quick-grid)>:is(a,button){min-height:58px!important;font-size:12.5px!important}
  .pm-ci{width:38px;height:38px;border-radius:10px}
}

/* ---------- 7. Volets (téléphone) : panneau qui monte du bas ---------- */
.pm-sheet{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.pm-sheet-bg{position:absolute;inset:0;background:rgba(2,6,23,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s}
.pm-sheet-card{position:relative;width:100%;max-width:640px;height:min(92dvh,calc(100dvh - 40px));border-radius:24px 24px 0 0;overflow:hidden;background:#fff;box-shadow:0 -30px 60px -20px rgba(2,6,23,.6);
  transform:translateY(104%);transition:transform .34s cubic-bezier(.2,.9,.25,1);display:flex;flex-direction:column;pointer-events:auto}
.pm-sheet.on{pointer-events:auto}.pm-sheet.on .pm-sheet-bg{opacity:1}.pm-sheet.on .pm-sheet-card{transform:none}
.pm-sheet-top{flex:none;position:relative;display:flex;align-items:center;gap:8px;padding:14px 12px 10px;background:var(--c2-hbg,linear-gradient(135deg,#0A0F1E,#121A30,#1B2647));color:#fff}
.pm-sheet-top::before{content:"";position:absolute;left:50%;top:6px;width:42px;height:5px;margin-left:-21px;border-radius:9px;background:rgba(255,255,255,.35)}
.pm-sheet-top b{flex:1;min-width:0;font:800 15px/1.2 Montserrat,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-sheet-top button{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font:700 18px/1 system-ui;cursor:pointer}
.pm-sheet-top .pm-sh-full{font-size:15px}
.pm-sheet-body{position:relative;flex:1;min-height:0;background:#F4F6FA}
.pm-sheet-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#F4F6FA}
.pm-sheet-load{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;color:#64748B;font:700 13px Montserrat,sans-serif}
.pm-sheet-load i{width:34px;height:34px;border-radius:50%;border:3px solid #E2E8F0;border-top-color:var(--c2-a1,#FF6A1A);animation:pmspin .8s linear infinite}
@keyframes pmspin{to{transform:rotate(360deg)}}
html.pm-sheet-open,html.pm-sheet-open body{overflow:hidden!important}
/* page ouverte DANS un volet : sans en-tête, pied de page, barre du bas ni boutons flottants */
html.pm-in-sheet :is(.a-header,.a-footer,.a-mobile-nav,.mb-bar,.mb-fab,.as-fab,.a-skip,.lv212,.c212,.a-more-menu,.c2-strip,.c2-rail,.x-mobile-nav,.mb143,.a143-bar,#a143bar){display:none!important}
html.pm-in-sheet body{padding-bottom:24px!important}
/* dans un volet on va droit au but : pas d'écran photo ni de grand bandeau, le formulaire tout de suite */
html.pm-in-sheet :is(.hf-ahero-screen,.hf-vscreen,section.hf-gal:not(:has(.hf-gal-photos)),.v201-screen,.hf-ahero-text){display:none!important}
html.pm-in-sheet .hf-ahero .hf-ahero-in{padding:14px 0 18px!important;grid-template-columns:1fr!important;grid-template-areas:"form"!important}
html.pm-in-sheet .hf-ahero:not(.hf-has-form){display:none!important}
html.pm-in-sheet .v201-hero{padding:16px 0 70px!important}
html.pm-in-sheet section.hero.hf-vhero{padding:18px 0!important}
html.pm-in-sheet body > a[href="/admin/"]{display:none!important}
@media (min-width:821px){.pm-sheet{align-items:stretch;justify-content:flex-end}.pm-sheet-card{max-width:560px;height:100dvh;border-radius:24px 0 0 24px;transform:translateX(104%)}}
@media (prefers-reduced-motion:reduce){.pm-sheet-card,.pm-sheet-bg{transition:none}}

/* ---------- 8. Pages « galerie » (Aide, Publicité, Demande, fiche d'annonce, vitrine) : bandeau 212 pleine largeur ---------- */
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal{width:auto!important;max-width:none!important;margin:0!important;border-radius:0!important;padding:40px 0!important}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-in{width:min(1180px,92%)!important;max-width:none!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal.pm-gal-has .hf-gal-in{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-screen{height:auto!important;width:100%!important;max-width:560px;justify-self:center}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal.pm-gal-has .hf-gal-screen{justify-self:end}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-photos{max-width:760px}
.pm-gal-txt{min-width:0;color:#fff}
.pm-gal-txt h1{margin:14px 0 10px!important}
@media (max-width:820px){
  html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal{padding:22px 0 20px!important}
  html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal.pm-gal-has .hf-gal-in{grid-template-columns:1fr;gap:16px}
  html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-screen{justify-self:stretch}
}

/* ---------- 9. Pages guides / villes / blog (bannières fixes sur les côtés) : le bandeau reste dans la colonne centrale ---------- */
@media (min-width:1380px){html[data-pm]:not(#pm0) body.allo-seo.pm-legacy:has(aside.v190-side) section.hf-gal .hf-gal-in{width:min(960px,calc(100% - 470px))!important}}
html[data-pm] body.pm-legacy .v190-side{background:rgba(255,255,255,.94)!important;border-color:#E2E8F0!important;box-shadow:0 26px 60px -24px rgba(15,23,42,.35),inset 0 1px 0 #fff!important}
html[data-pm] body.pm-legacy .seo-page{color:#1E293B}
html[data-pm] body.pm-legacy .g212-nav a{border-color:#E2E8F0!important}

/* ---------- 10. Formulaires « Publier une offre / Déposer ma recherche / Vendre » (Emploi, Immo, Auto) : ils s'ouvrent en VOLET ---------- */
@keyframes pmfade{from{opacity:0}to{opacity:1}}
@keyframes pmup{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
html[data-pm]:not(#pm0) body.pm section.form-section.open{position:fixed!important;inset:0!important;z-index:2147482900!important;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:24px!important;background:rgba(2,6,23,.58)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden!important;animation:pmfade .22s ease}
html[data-pm]:not(#pm0) body.pm section.form-section.open>.container{width:min(860px,100%)!important;max-width:none!important;max-height:calc(100dvh - 48px);overflow:auto!important;overscroll-behavior:contain;margin:0!important;padding:0!important;border-radius:24px;box-shadow:0 40px 90px -30px rgba(2,6,23,.8);animation:pmup .3s cubic-bezier(.2,.9,.25,1)}
html[data-pm]:not(#pm0) body.pm section.form-section.open .form-card{margin:0!important;border-radius:24px!important;border:0!important;background:#fff!important;color:#0F172A}
html[data-pm]:not(#pm0) body.pm section.form-section.open .form-head{position:sticky;top:0;z-index:2;margin:-1px -1px 14px!important;padding:16px 18px!important;background:var(--c2-hbg,linear-gradient(135deg,#0A0F1E,#121A30,#1B2647))!important;color:#fff!important;border-radius:24px 24px 0 0}
html[data-pm]:not(#pm0) body.pm section.form-section.open .form-head :is(h2,h3,strong,b,p,small,span){color:#fff!important}
html[data-pm]:not(#pm0) body.pm section.form-section.open .form-head :is(button,a){background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
html.pm-form-open,html.pm-form-open body{overflow:hidden!important}
@media (max-width:820px){
  html[data-pm]:not(#pm0) body.pm section.form-section.open{align-items:flex-end;padding:0!important}
  html[data-pm]:not(#pm0) body.pm section.form-section.open>.container{width:100%!important;max-height:92dvh;border-radius:24px 24px 0 0}
  html[data-pm]:not(#pm0) body.pm section.form-section.open .form-card{border-radius:24px 24px 0 0!important}
}
html:is(.pm-form-open,.pm-sheet-open) :is(.as-fab,.mb-fab){display:none!important}

/* ---------- 11. Pages autonomes passées en bleu nuit : textes posés directement sur le fond ---------- */
html[data-pm] body.pm-dark>.w>:is(h1,.sous,.k),html[data-pm] body.pm-dark>.w>.top a.retour{color:#F1F5F9!important}
html[data-pm] body.pm-dark>.w>.sous{color:rgba(226,232,240,.78)!important}
html[data-pm] body.pm-dark>.w>.k{color:var(--c2-t1,#FDBA74)!important}
html[data-pm] body.pm-dark main.pi>div:first-child>h1{color:#F8FAFC!important}
html[data-pm] body.pm-dark main.pi>div:first-child>p{color:rgba(226,232,240,.78)!important}

/* ---------- 12. Pages bleu nuit en verre (complète la V229) ---------- */
html[data-pm] body.pm-glass [data-pm-gi]::placeholder{color:rgba(226,232,240,.55)!important}
html[data-pm] body.pm-glass option{color:#0F172A;background:#fff}
html[data-pm] body.pm-glass [data-pm-g] hr{border-color:rgba(255,255,255,.12)!important}

/* ---------- 13. UN SEUL FORMAT D'ÉCRAN partout (celui de l'accueil : ~540 × 340 sur ordinateur, pleine largeur × 220 sur téléphone) ---------- */
html[data-pm]:not(#pm0) body.pm-legacy{--pm-sch:340px}
@media (min-width:900px){
  html[data-pm]:not(#pm0) body.pm-legacy .hf-vhero :is(.hero-grid,.hf-vgrid){grid-template-columns:minmax(0,1fr) 540px!important}
  html[data-pm]:not(#pm0) body.pm-legacy .hf-vhero .hf-vright{width:540px!important;max-width:100%}
  html[data-pm]:not(#pm0) body.pm-legacy.hf-space .hf-ahero:not(.hf-has-form) .hf-ahero-in{grid-template-columns:minmax(0,1fr) 540px!important}
  html[data-pm]:not(#pm0) body.pm-legacy.hf-space .hf-ahero-screen{width:540px!important;max-width:100%!important}
  html[data-pm]:not(#pm0) body.pm-legacy .v201-hero .v201-hero-in{grid-template-columns:minmax(0,1fr) 540px!important}
  html[data-pm]:not(#pm0) body.pm-legacy .v201-hero .v201-screen{aspect-ratio:auto!important;width:540px!important;max-width:100%;height:340px!important;justify-self:end}
  html[data-pm]:not(#pm0) body.pm-legacy .v201-hero .v201-screen :is(video,img){width:100%!important;height:100%!important;object-fit:cover!important}
  html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-screen{max-width:540px!important}
  html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal.pm-gal-has .hf-gal-in{grid-template-columns:minmax(0,1fr) 540px!important}
  html[data-pm]:not(#pm0) body.pm-legacy .hf-gal-screen:not(.hf-gal-photos) .pm-scr{--pm-sch:340px}
}
@media (max-width:899px){
  html[data-pm]:not(#pm0) body.pm-legacy .pm-scr>.c2-scr,html[data-pm]:not(#pm0) body.pm-legacy .v201-hero .v201-screen{height:220px!important;aspect-ratio:auto!important}
}
html[data-pm] body.pm :is(h1,h2){-webkit-hyphens:manual!important;hyphens:manual!important;overflow-wrap:normal}
@media (max-width:820px){html[data-pm] body.pm-legacy nav.sp97-tabs a.t201{min-width:98px!important}html[data-pm] body.pm-legacy nav.sp97-tabs a.t201 b{font-size:11.5px!important;white-space:nowrap}}

/* ---------- 14. Volets : poignée qui agrandit (plein écran) ou referme ---------- */
.pm-sheet-card{height:min(86dvh,calc(100dvh - 40px));transition:transform .34s cubic-bezier(.2,.9,.25,1),height .3s ease,border-radius .3s ease}
.pm-sheet-card.pm-full{height:100dvh!important;border-radius:0!important}
.pm-sheet-top{touch-action:none;cursor:grab;padding-top:18px}
.pm-sheet-top::before{width:48px!important;height:5px!important;top:7px!important}
@media (max-width:820px){
  .h74-sheet-wrap .h74-sheet{transition:transform .26s cubic-bezier(.2,.9,.25,1),height .3s ease,max-height .3s ease,border-radius .3s}
  .h74-sheet-wrap .h74-sheet.pm-full{height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .h74-sheet-wrap .h74-grab{touch-action:none}
  .h74-sheet-wrap .h74-grab::after{content:"";position:absolute;left:-45vw;right:-45vw;top:-10px;bottom:-2px}
  .h74-sheet-wrap .h74-grab{width:52px!important;background:rgba(148,163,184,.7)!important}
  .h74-sheet-wrap .h74-grab{position:relative}
}

/* ---------- 15. FICHE D'UNE ANNONCE (pages/listings/view.php) : bleu nuit, verre, vidéo tenue, partage moderne ---------- */
html[data-pm] body.pm-view .breadcrumb,html[data-pm] body.pm-view .breadcrumb a{color:rgba(226,232,240,.6)!important}
html[data-pm] body.pm-view .breadcrumb strong{color:#F1F5F9!important}
html[data-pm] body.pm-view :is(.info-card,.side .card){border-radius:22px!important}
html[data-pm] body.pm-view .info h1{color:#F8FAFC!important;font:800 clamp(24px,3vw,34px)/1.15 Montserrat,sans-serif!important;letter-spacing:-.6px}
html[data-pm] body.pm-view .price{background:linear-gradient(90deg,#FFB27A,#FF6A1A);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font:900 clamp(28px,3.4vw,38px) Montserrat,sans-serif!important}
html[data-pm] body.pm-view .location{color:rgba(226,232,240,.75)!important}
html[data-pm] body.pm-view .kind{background:linear-gradient(120deg,var(--c2-a1,#DB2777),var(--c2-a2,#F59E0B))!important;color:#fff!important;border:0!important}
html[data-pm] body.pm-view .reference{background:rgba(255,255,255,.08)!important;color:#FDBA74!important;border-color:rgba(255,255,255,.14)!important}
html[data-pm] body.pm-view .fact{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}
html[data-pm] body.pm-view .fact small{color:rgba(226,232,240,.6)!important}html[data-pm] body.pm-view .fact strong{color:#F8FAFC!important}
html[data-pm] body.pm-view .desc h2,html[data-pm] body.pm-view .card h2{color:#F8FAFC!important}
html[data-pm] body.pm-view .desc p{color:rgba(226,232,240,.85)!important;font-size:15px!important;line-height:1.65!important}
html[data-pm] body.pm-view .gallery-card .main-image{border-radius:18px;overflow:hidden;background:#0A0F1E}
html[data-pm] body.pm-view .gallery-card .main-image img{max-height:520px;width:100%;object-fit:cover}
html[data-pm] body.pm-view .thumbs{display:flex!important;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px}
html[data-pm] body.pm-view .thumbs .thumb{flex:0 0 84px;scroll-snap-align:start;border-radius:12px!important;border:2px solid transparent!important;overflow:hidden;background:none!important;padding:0!important}
html[data-pm] body.pm-view .thumbs .thumb.active{border-color:#FF8A3D!important}
/* vidéo / galerie du haut : jamais plus grande que l'écran 212 (avant : une vidéo verticale prenait tout l'écran) */
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-photos{width:min(760px,100%)!important;max-width:760px!important;height:auto!important}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-photos .a-media{height:430px!important;max-height:62vh!important;min-height:0!important;aspect-ratio:auto!important;background:#05070F!important}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-photos :is(.a-media-track,.a-slide){height:100%!important}
html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-photos :is(video,img){width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;background:#05070F}
@media (max-width:820px){html[data-pm]:not(#pm0) body.pm-legacy section.hf-gal .hf-gal-photos .a-media{height:56vw!important;max-height:300px!important}
  html[data-pm] body.pm-view .gallery-card .main-image img{max-height:300px}}
/* boutons de partage : pastilles rondes aux couleurs de chaque application */
html[data-pm] body.pm-view .sh69-row{gap:10px!important}
html[data-pm] body.pm-view .sh69-row :is(a,button){background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#E2E8F0!important;min-height:78px!important;font:700 11.5px Montserrat,sans-serif!important;transition:transform .15s,border-color .15s}
html[data-pm] body.pm-view .sh69-row :is(a,button):active{transform:scale(.95)}
html[data-pm] body.pm-view .sh69-row :is(a,button) i{display:grid!important;place-items:center;width:38px;height:38px;border-radius:50%;font-size:0!important;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
html[data-pm] body.pm-view .sh69-row i svg{width:20px;height:20px}
html[data-pm] body.pm-view .sh69-row .wa i{background:#25D366}html[data-pm] body.pm-view .sh69-row .fb i{background:#1877F2}
html[data-pm] body.pm-view .sh69-row .ms i{background:linear-gradient(135deg,#0099FF,#A033FF 60%,#FF5C87)}html[data-pm] body.pm-view .sh69-row .tg i{background:#229ED9}
html[data-pm] body.pm-view .sh69-row .xx i{background:#000;border:1px solid rgba(255,255,255,.25)}html[data-pm] body.pm-view .sh69-row .em i{background:#64748B}
html[data-pm] body.pm-view .sh69-row :is(.cp,.nv) i{background:linear-gradient(135deg,#FF8A3D,#FF4D12)}html[data-pm] body.pm-view .sh69-row .im i{background:linear-gradient(135deg,#8B5CF6,#EC4899)}
html[data-pm] body.pm-view .sh69-d{background:linear-gradient(160deg,rgba(255,138,61,.16),rgba(255,255,255,.04))!important;border:1px solid rgba(255,138,61,.35)!important;color:#F8FAFC!important}
html[data-pm] body.pm-view .sh69-d small{color:rgba(226,232,240,.78)!important}
html[data-pm] body.pm-view .safe-icon{background:linear-gradient(135deg,#22C55E,#15803D)!important;color:#fff!important}

/* ---------- 16. Téléphone : les listes d'annonces défilent au doigt, de côté (une carte et demie visible) ---------- */
@media (max-width:820px){
  html[data-pm] body.pm :is(.property-grid,.job-grid,.vehicle-grid,.listing-grid,.listings-section .grid,main > .container > .grid,.c2-ann):not(.pm-no-rail){
    display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:min(76vw,290px)!important;grid-template-rows:auto!important;
    overflow-x:auto!important;overflow-y:hidden;gap:12px!important;padding:4px 16px 14px!important;margin-inline:-16px!important;scroll-snap-type:x mandatory;scroll-padding-inline:16px;
    -webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
  html[data-pm] body.pm :is(.property-grid,.job-grid,.vehicle-grid,.listing-grid,.listings-section .grid,main > .container > .grid,.c2-ann)::-webkit-scrollbar{display:none}
  html[data-pm] body.pm :is(.property-grid,.job-grid,.vehicle-grid,.listing-grid,.listings-section .grid,main > .container > .grid,.c2-ann) > *{scroll-snap-align:start;min-width:0}
}

/* ---------- 17. Cartes blanches posées dans un bandeau (Mot de passe oublié, Connexion…) : textes foncés lisibles ---------- */
html[data-pm]:not(#pm0) body.pm-legacy .hf-ahero-form :is(h1,h2,h3){color:#0F172A!important;-webkit-text-fill-color:#0F172A;background:none!important;text-shadow:none!important;font-size:clamp(22px,5vw,28px)!important;letter-spacing:-.4px!important;margin:6px 0 6px!important}
html[data-pm]:not(#pm0) body.pm-legacy .hf-ahero-form :is(h1,h2,h3) :is(span,em,strong,b){-webkit-text-fill-color:currentColor;background:none!important;color:inherit!important}
html[data-pm]:not(#pm0) body.pm-legacy .hf-ahero-form :is(.lead,p){color:#475569!important;text-shadow:none!important;font-size:14px!important}
html[data-pm]:not(#pm0) body.pm-legacy .hf-ahero-form :is(.eyebrow,.kicker){color:#C2410C!important;background:#FFF1E7!important;border-color:#FED7AA!important}
html[data-pm] body.pm-view .hf-cbtn{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#F8FAFC!important}
html[data-pm] body.pm-view .hf-cbtn.hf-cbtn-wa{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
html[data-pm] body.pm-view .fact small{font-size:11px!important}html[data-pm] body.pm-view .fact strong{font-size:14px!important}
html[data-pm] body.pm-view .safe-card p{font-size:12.5px!important;color:rgba(226,232,240,.75)!important}
html[data-pm] body.pm-dark .hf-drop{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.22)!important;color:#E2E8F0!important}
@media (max-width:820px){html[data-pm] body.pm .a-header .a18-screen-title{display:none!important}}