/* HDM 1.3.64 (ÉCRAN 596) — la mise en page « Bandeau » (idées, débats, consultations, portefeuille, page des cartes). D'un bord à l'autre de la fenêtre, comme
   HEvM ; fond : la couleur du projet en dégradé, ou sa photo assombrie. Charte : Arial, angles droits (les cases du
   compte ont une bordure). */
.hdm-bd{position:relative;overflow:hidden;color:#fff;font-family:Arial,sans-serif;background:var(--hdm-bd-deg,#1a56db);
  width:calc(100vw - var(--hdm-sb,0px));max-width:none!important;margin-left:calc(50% - 50vw + var(--hdm-sb,0px) / 2 + var(--hdm-bd-dx,0px))!important;margin-right:0!important;margin-top:0;margin-bottom:22px;
  min-height:calc(var(--hdm-bd-h,420px) + var(--hdm-bd-haut,0px));display:flex;align-items:flex-end;box-sizing:border-box;padding-top:var(--hdm-bd-haut,0px)}
.hdm-bd *{box-sizing:border-box}
/* plus lourd que les mises en page des thèmes (« margin-left:auto !important » sur les enfants d'une colonne) */
.hdm-bd.hdm-bd.hdm-bd{width:calc(100vw - var(--hdm-sb,0px))!important;max-width:none!important;margin-left:calc(50% - 50vw + var(--hdm-sb,0px) / 2 + var(--hdm-bd-dx,0px))!important;margin-right:0!important;margin-top:0!important;margin-bottom:22px!important}
.hdm-bd-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;max-width:none!important;border:0!important;border-radius:0!important;margin:0!important}
.hdm-bd-voile{position:absolute;inset:0;z-index:1;pointer-events:none}
.hdm-bd-couleur .hdm-bd-voile{background:radial-gradient(circle at 80% 28%,rgba(255,255,255,.13) 0 130px,transparent 131px),radial-gradient(circle at 94% 95%,rgba(255,255,255,.09) 0 170px,transparent 171px)}
.hdm-bd-photo .hdm-bd-voile{background:linear-gradient(90deg,rgba(15,12,35,.86) 0%,rgba(15,12,35,.62) 55%,rgba(15,12,35,.38) 100%),linear-gradient(0deg,rgba(15,12,35,.45),transparent 45%)}
.hdm-bd-in{position:relative;z-index:2;width:100%;max-width:var(--hdm-bd-l,none);margin:0 auto;padding:40px var(--hdm-bd-g,72px) 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end}
.hdm-bd-ariane{font-size:12.5px;opacity:.88;margin-bottom:14px}
.hdm-bd-ariane a,.hdm-bd-ariane nav,.hdm-bd-ariane span{color:#fff!important;font-size:inherit!important;text-decoration:none}
.hdm-bd-ariane a:hover{text-decoration:underline}
.hdm-bd-ariane nav{margin:0!important;padding:0!important;background:none!important}
.hdm-bd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.hdm-bd-tags>*{display:inline-flex!important;align-items:center;gap:6px;height:24px!important;padding:0 9px!important;margin:0!important;border:0!important;border-radius:3px!important;
  background:rgba(255,255,255,.2)!important;color:#fff!important;font:700 11px/1 Arial,sans-serif!important;letter-spacing:.4px;text-transform:uppercase;box-shadow:none!important}
.hdm-bd-tags>:first-child{background:#fff!important;color:var(--hdm-bd-c,#1a56db)!important}
.hdm-bd-tags>*::before{display:none!important}
.hdm-bd-titre{margin:0!important;padding:0!important;color:#fff!important;font:700 clamp(26px,3vw,40px)/1.15 Arial,sans-serif!important;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.15)}
.hdm-bd-sous{margin:10px 0 0!important;max-width:760px;font-size:15.5px;line-height:1.45;color:#fff!important;opacity:.93}
.hdm-bd-infos{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;font-size:13.5px;color:#fff}
.hdm-bd-infos>span{display:inline-flex;align-items:center;gap:7px}
.hdm-bd-infos b{font-weight:700;color:#fff}
.hdm-bd-infos svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.hdm-bd-d{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:280px}
.hdm-bd-cpt{background:rgba(255,255,255,.12);padding:14px 16px;backdrop-filter:blur(2px)}
.hdm-bd-photo .hdm-bd-cpt{background:rgba(255,255,255,.1)}
.hdm-bd-cpt .t{display:block;text-align:right;font-size:12.5px;opacity:.92;margin-bottom:8px}
.hdm-bd-cpt .bx{display:flex;gap:8px;justify-content:flex-end}
.hdm-bd-cpt .bx>div{min-width:74px;height:70px;padding:0 8px;border:1px solid rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center}
.hdm-bd-cpt .bx>div.large{min-width:120px}
.hdm-bd-cpt .bx b{font:700 26px/1.1 Arial,sans-serif;color:#fff}
.hdm-bd-cpt .bx small{font-size:10.5px;opacity:.88;color:#fff}
.hdm-bd-cpt.est-retard .bx>div:not(:last-child){border-color:#fbbf77;background:rgba(180,83,9,.35)}
.hdm-bd-cpt .pg{margin-top:12px;height:6px;background:rgba(255,255,255,.25)}
.hdm-bd-cpt .pg span{display:block;height:100%;background:#fff}
.hdm-bd-bas{margin-top:8px;font-size:12px;opacity:.9;text-align:right}
.hdm-bd-apres{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.hdm-bd-apres>*{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#fff!important}
.hdm-bd-apres a,.hdm-bd-apres button{width:100%;justify-content:center}
@media (max-width:860px){
  .hdm-bd{min-height:0}
  .hdm-bd-in{grid-template-columns:1fr;gap:18px;padding:28px 18px 22px}
  .hdm-bd-d{min-width:0}
  .hdm-bd-cpt .t{text-align:left}.hdm-bd-cpt .bx{justify-content:flex-start}
  .hdm-bd-cpt .bx>div{min-width:0;flex:1}
}
/* Le titre que le thème imprime au-dessus du contenu (s'il en imprime un) : le bandeau le remplace. */
/* Thème Essentials (relevé chez Kad, 8/11, 17 h 33) : le menu passe déjà par-dessus le contenu ; la page d'un projet
   porte en plus l'« intro » du thème (le grand titre sur la photo), que la page d'un événement n'a pas. En mise en page
   « Bandeau », l'intro s'efface : le bandeau prend sa place, sous le menu, comme sur les pages d'événement. La marge du
   haut (sous le menu) est mesurée par hpm-bandeau.js. */
/* Les soutiens d'une idée : « 5 / 50 soutiens » */
.hdm-bd-cpt .sp{display:flex;align-items:baseline;justify-content:flex-end;gap:8px}
.hdm-bd-cpt .sp b{font:700 36px/1 Arial,sans-serif;color:#fff}
.hdm-bd-cpt .sp small{font-size:13px;opacity:.9;color:#fff}
/* Les boutons à droite (Soutenir, Donner mon avis, Participer, Proposer une idée) : blancs, le texte à la couleur du bandeau */
.hdm-bd-apres>*{margin:0!important}
.hdm-bd-apres :is(.hdm-bd-btn,.hdm12-btn,.hdm12-btn2,a.hdm12-btn,button){display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0 16px!important;border:0!important;border-radius:6px!important;
  background:#fff!important;color:var(--hdm-bd-c,#0068E8)!important;font:700 15px Arial,sans-serif!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important}
.hdm-bd-apres :is(.hdm12-btn2.fait,button:disabled){background:rgba(255,255,255,.2)!important;color:#fff!important;cursor:default}
.hdm-bd-apres :is(.hdm-bd-btn,.hdm12-btn,.hdm12-btn2,button):focus-visible{outline:2px solid #fff;outline-offset:3px}
.hdm-bd-apres p,.hdm-bd-apres small{color:#fff!important;opacity:.88;font-size:12px!important;text-align:center;margin:6px 0 0!important}
/* Thème Essentials (relevé chez Kad) : sur une page qui porte un bandeau, l'intro du thème s'efface (si elle n'est pas
   déjà masquée dans les options de la page) ; le titre de la page aussi — le bandeau le porte. */
body:has(.hdm-bd) :is(.pix-main-intro,.pix-main-intro-placeholder){display:none!important}
body:has(.hdm-bd) main :is(.entry-title,.wp-block-post-title,h1.page-title){display:none!important}
/* Mon portefeuille : « Bonjour », la date et le rôle sont dans le bandeau ; les outils (Accueil, Créer, cloche, Menu) restent */
.hdm-bd ~ * .hdm16-bonjour>:is(h2,.date,.role),.hdm-bd ~ .hdm16 .hdm16-bonjour>:is(h2,.date,.role){display:none!important}
.hdm-bd ~ * .hdm16-bonjour,.hdm-bd ~ .hdm16 .hdm16-bonjour{justify-content:flex-end}
/* Une idée, un débat, une consultation : le contenu sous le bandeau */
.hdm12.avec-bandeau{margin-top:0}
.hdm-bd-apres [hidden]{display:none!important}
/* une idée : « Soutenir » est dans le bandeau — pas deux fois */
.hdm12-fiche.bandeau-soutiens .hdm12-actions .hdm12-boutons [data-hdm12-soutenir],.hdm12-fiche.bandeau-soutiens .hdm12-actions .hdm12-boutons .hdm12-btn2.fait:not([data-hdm12-suivre]):not([data-hdm12-quitter]){display:none!important}

/* Kad, 11/11 : « décaler les éléments vers les bords comme dans HEvM » — le titre à gauche et le compte à droite, à 72 px des bords
   (HEvM : la marge de la page + 22 px), sans largeur maximale. */
/* 1.3.67 (ÉCRAN 597) : « Photo + dégradé » et « Photo + couleur du statut » — la photo reste visible sous un voile de la
   couleur (sa force : Réglages › « Force du voile », --hdm-bd-op) ; un léger assombrissement en bas garde le texte lisible. */
.hdm-bd-photo.hdm-bd-pcoul .hdm-bd-voile{background:none}
.hdm-bd-pcoul .hdm-bd-voile::before,.hdm-bd-pcoul .hdm-bd-voile::after{content:"";position:absolute;inset:0;pointer-events:none}
.hdm-bd-pcoul .hdm-bd-voile::before{background:var(--hdm-bd-deg);opacity:var(--hdm-bd-op,.7)}
.hdm-bd-pcoul .hdm-bd-voile::after{background:linear-gradient(0deg,rgba(15,12,35,.5),transparent 55%),linear-gradient(90deg,rgba(15,12,35,.2),transparent 60%)}
.hdm-bdh select{min-width:180px}.hdm-bdh-libre{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.hdm-bdh-libre[hidden]{display:none}.hdm-bdh-libre input{width:90px}