/* ALLO212 V286 — VOLETS sur TOUTES les pages, accueil compris.
   Avant : le style des volets n'était lu que sur les pages intérieures. Sur l'accueil, une annonce
   (« Dernières annonces ») s'ouvrait dans un volet sans style : petite fenêtre cassée en bas de l'écran.
   Et le volet « Créer mon compte » de l'accueil ne pouvait pas passer en plein écran par sa poignée grise.
   Copie exacte des sections 7 et 14 de a212-v242-premium.css. */
/* ---------- 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}}


/* ---------- 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}
}


/* V286 : dans un volet, aucune fenêtre publicitaire ni bulle par-dessus la page */
html.pm-in-sheet :is(.v191-offer,.v190-propop,.pc248,.v191-scr,.m286-tab,.m286-toast,.lv264){display:none!important}