/* REPUCE — bandeau de cookies */
.rpc-banner,.rpc-modal,.rpc-tab{font-family:'Roboto',Arial,Helvetica,sans-serif;box-sizing:border-box}
.rpc-banner *,.rpc-modal *{box-sizing:border-box}
.rpc-banner{position:fixed;left:50%;bottom:22px;z-index:10000;width:min(1100px,calc(100vw - 32px));transform:translate(-50%,24px);opacity:0;visibility:hidden;
  display:flex;align-items:center;gap:26px;padding:22px 26px;color:#fff;border:1px solid rgba(50,230,18,.72);border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.012) 52%),rgba(4,4,6,.94);
  -webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 22px 65px rgba(0,0,0,.75),0 0 28px rgba(50,230,18,.2);transition:opacity .3s ease,transform .3s ease,visibility .3s}
.rpc-banner.is-open{opacity:1;visibility:visible;transform:translate(-50%,0)}
.rpc-banner__text{flex:1;min-width:0}
.rpc-banner__title{display:flex;align-items:center;gap:10px;margin:0 0 7px;font-size:16px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.rpc-banner__title svg{width:22px;height:22px;flex:none;color:#32e612}
.rpc-banner__text p{margin:0;font-size:14px;line-height:1.55;color:#cfcfcf}
.rpc-banner__text a{color:#32e612;text-decoration:underline;text-underline-offset:3px}
.rpc-actions{display:flex;flex:none;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.rpc-btn{appearance:none;cursor:pointer;min-width:132px;height:46px;padding:0 20px;border-radius:4px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff;
  font:700 13px/1 'Roboto',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;transition:background .2s,border-color .2s,transform .15s,color .2s}
.rpc-btn:hover{border-color:#32e612;background:rgba(50,230,18,.12);transform:translateY(-1px)}
.rpc-btn:focus-visible,.rpc-switch input:focus-visible+span,.rpc-tab:focus-visible{outline:2px solid #32e612;outline-offset:3px}
.rpc-btn--primary{background:#32e612;border-color:#32e612;color:#050505}
.rpc-btn--primary:hover{background:#4dff2e;border-color:#4dff2e}
.rpc-btn--ghost{background:transparent}
/* bouton flottant */
.rpc-tab{position:fixed;left:16px;bottom:16px;z-index:9997;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;
  color:#32e612;border:1px solid rgba(50,230,18,.6);border-radius:50%;background:linear-gradient(145deg,#161616,#070707);box-shadow:0 8px 24px rgba(0,0,0,.65);
  opacity:0;visibility:hidden;transform:scale(.8);transition:opacity .25s,transform .25s,visibility .25s,border-color .2s}
.rpc-tab.is-visible{opacity:1;visibility:visible;transform:none}
.rpc-tab:hover{border-color:#32e612;transform:scale(1.06)}
.rpc-tab svg{width:24px;height:24px}
/* fenêtre de préférences */
.rpc-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.rpc-modal.is-open{opacity:1;visibility:visible}
.rpc-dialog{width:min(620px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;color:#fff;border:1px solid rgba(50,230,18,.6);border-radius:12px;
  background:linear-gradient(155deg,#141414,#050505);box-shadow:0 26px 80px rgba(0,0,0,.9),0 0 30px rgba(50,230,18,.14)}
.rpc-dialog__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.rpc-dialog__head h2{margin:0;font-size:19px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.rpc-close{appearance:none;cursor:pointer;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:20px;line-height:1}
.rpc-close:hover{border-color:#32e612;color:#32e612}
.rpc-dialog__body{overflow:auto;padding:8px 24px 6px}
.rpc-intro{margin:12px 0 4px;font-size:14px;line-height:1.55;color:#cfcfcf}
.rpc-cat{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.rpc-cat:last-child{border-bottom:0}
.rpc-cat h3{margin:0 0 5px;font-size:15px;font-weight:700;letter-spacing:.4px}
.rpc-cat p{margin:0;font-size:13px;line-height:1.5;color:#b5b5b5}
.rpc-switch{position:relative;flex:none;width:50px;height:28px;margin-top:2px}
.rpc-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.rpc-switch span{position:absolute;inset:0;border-radius:28px;background:#3a3a3a;transition:background .2s}
.rpc-switch span::after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.rpc-switch input:checked+span{background:#32e612}
.rpc-switch input:checked+span::after{transform:translateX(22px);background:#050505}
.rpc-switch input:disabled{cursor:not-allowed}
.rpc-switch input:disabled+span{opacity:.6}
.rpc-always{flex:none;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#32e612}
.rpc-dialog__foot{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:820px){
  .rpc-banner{flex-direction:column;align-items:stretch;gap:16px;bottom:12px;padding:18px;border-radius:10px;max-height:calc(100dvh - 24px);overflow:auto}
  .rpc-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .rpc-actions .rpc-btn--ghost{grid-column:1/-1;order:3}
  .rpc-btn{min-width:0;width:100%}
  .rpc-dialog__foot .rpc-btn{flex:1 1 100%}
  .rpc-tab{left:12px;bottom:max(12px,env(safe-area-inset-bottom));width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.rpc-banner,.rpc-modal,.rpc-tab,.rpc-btn{transition:none}}