/* Module Cookies NEXSHOP — styles minimalistes et accessibles */
#cns-banner, #cns-modal { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
#cns-banner {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 9999;
  background: #0f172a; color: #fff; padding: 16px; box-shadow: 0 -4px 16px rgba(0,0,0,.15);
}
#cns-banner .inner { max-width: 1100px; margin: 0 auto; display: grid; gap: 12px; grid-template-columns: 1fr auto; align-items: center; }
#cns-banner p { margin: 0; line-height: 1.5; font-size: 14px; color: #e2e8f0; }
#cns-banner a { color: #93c5fd; text-decoration: underline; }
.cns-btn { appearance:none; border:1px solid transparent; border-radius:10px; padding:10px 14px; font-weight:600; cursor:pointer; }
.cns-btn-primary { background:#2563eb; color:#fff; }
.cns-btn-secondary { background:#0b1220; color:#e2e8f0; border-color:#334155; }
.cns-btn-ghost { background:transparent; color:#cbd5e1; border-color:#334155; }
#cns-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }

#cns-modal {
  position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center;
  background: rgba(2,6,23,.6);
}
#cns-modal .panel {
  background:#fff; color:#0f172a; width:min(720px, 94vw); max-height: 86vh; overflow:auto;
  border-radius:16px; padding:20px; box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
#cns-modal h2 { margin: 0 0 6px; font-size: 20px; }
#cns-modal p  { margin: 0 0 12px; color:#334155; }
.cns-row { display:flex; align-items:center; justify-content:space-between; border:1px solid #e2e8f0; padding:12px 14px; border-radius:12px; margin:10px 0; }
.cns-left { max-width: 75%; }
.cns-cat { font-weight:700; }
.cns-desc { color:#475569; font-size:14px; margin-top:4px; }
.switch { position: relative; width: 44px; height: 26px; display:inline-block; }
.switch input { display:none; }
.slider {
  position:absolute; cursor:pointer; inset:0; background:#e2e8f0; transition:.2s; border-radius:999px;
}
.slider:before {
  content:""; position:absolute; height:20px; width:20px; left:3px; top:3px; background:white; transition:.2s; border-radius:50%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
}
.switch input:checked + .slider { background:#2563eb; }
.switch input:checked + .slider:before { transform: translateX(18px); }
.badge { font-size:12px; background:#f1f5f9; color:#0f172a; border-radius:999px; padding:2px 8px; margin-left:8px; }
#cns-modal .panel-footer { display:flex; gap:8px; justify-content:flex-end; margin-top:14px; }