/* ===== Bandeau permanent « Engagement et sécurité » ===== */

.lb-secbar{
  position:fixed;left:0;right:0;bottom:0;z-index:9000;
  background:rgba(12,10,11,.97);
  border-top:1px solid var(--bordure);
  box-shadow:0 -10px 30px rgba(0,0,0,.45);
  font-family:var(--font-corps,Inter,system-ui,sans-serif);
}
.lb-secbar::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),var(--c-or,#D9B45A),var(--accent),transparent);
}
@supports (backdrop-filter:blur(8px)){
  .lb-secbar{background:rgba(12,10,11,.88);backdrop-filter:blur(10px)}
}

.lb-secbar__in{
  max-width:var(--largeur-contenu,1280px);margin:0 auto;
  padding:0 var(--gouttiere,24px);
  display:flex;align-items:center;gap:14px;
}
.lb-secbar__bar{min-height:52px;display:flex;align-items:center}

.lb-secbar__ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--accent)}
.lb-secbar__ic svg{width:20px;height:20px;flex:0 0 auto}

.lb-secbar__tx{margin:0;min-width:0;flex:1 1 auto;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;line-height:1.35}
.lb-secbar__t{
  color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
}
.lb-secbar__teaser{color:var(--texte-attenue);font-size:.86rem;min-width:0}

.lb-secbar__act{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.lb-secbar__report,.lb-secbar__toggle{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:5px;font-size:.82rem;font-weight:700;
  font-family:inherit;line-height:1;cursor:pointer;text-decoration:none;
  border:1px solid var(--bordure);background:transparent;color:var(--texte);
}
.lb-secbar__report{background:var(--accent);border-color:var(--accent);color:#fff}
.lb-secbar__report:hover,.lb-secbar__report:focus-visible{background:var(--accent-hover,#E63946);border-color:var(--accent-hover,#E63946)}
.lb-secbar__toggle:hover,.lb-secbar__toggle:focus-visible{border-color:var(--accent)}
.lb-secbar__toggle svg{width:14px;height:14px;flex:0 0 auto;transition:transform .22s ease}
.lb-secbar.is-open .lb-secbar__toggle svg{transform:rotate(180deg)}

/* Panneau déplié */
.lb-secbar__full{border-bottom:1px solid var(--bordure);background:rgba(0,0,0,.35)}
.lb-secbar__full[hidden]{display:none!important}
.lb-secbar__full .lb-secbar__in{display:block;padding-top:16px;padding-bottom:16px;max-height:46vh;overflow-y:auto}
.lb-secbar__p{margin:0 0 10px;color:var(--texte-attenue);font-size:.9rem;line-height:1.6;max-width:78ch}
.lb-secbar__ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;max-width:78ch}
.lb-secbar__ul li{color:var(--texte-attenue);font-size:.88rem;line-height:1.55}
.lb-secbar__ul li::marker{color:var(--accent)}

/* Le contenu de la page ne doit jamais passer sous la barre */
body{padding-bottom:var(--lb-secbar-h,56px)}

/* Le widget de consentement flotte en bas à gauche : on lui laisse la place */
@media (max-width:900px){
  .lb-secbar__in{padding-left:68px}
}
@media (max-width:768px){
  .lb-secbar__bar{min-height:56px;padding-top:6px;padding-bottom:6px}
  .lb-secbar__in{gap:10px;padding-right:14px}
  .lb-secbar__tx{flex-direction:column;align-items:flex-start;gap:2px}
  .lb-secbar__t{font-size:.7rem;letter-spacing:.07em;white-space:normal}
  .lb-secbar__teaser{font-size:.78rem}
  .lb-secbar__report,.lb-secbar__toggle{padding:7px 10px;font-size:.76rem}
  .lb-secbar__toggle span{display:none}
  .lb-secbar__toggle svg{width:16px;height:16px}
  .lb-secbar__full .lb-secbar__in{max-height:52vh}
}
@media (max-width:420px){
  .lb-secbar__ic{display:none}
  .lb-secbar__teaser{display:none}
}

@media (prefers-reduced-motion:reduce){
  .lb-secbar__toggle svg{transition:none}
}