@charset "UTF-8";

.cc{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:0 16px 16px;pointer-events:none}
.cc[hidden]{display:none}
.cc-in{pointer-events:auto;max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:20px 22px;max-height:calc(100vh - 32px);overflow:auto}
.cc-title{margin:0 0 6px;font-size:17px;font-weight:650;color:var(--text);outline:none}
.cc-body{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--soft)}
.cc-body-short,.cc-short{display:none}
.cc-body a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.cc-actions{display:flex;flex-wrap:wrap;gap:10px}
.cc-actions .ui-btn{flex:1 1 180px}
.cc-actions [data-consent-customize]{flex:0 1 auto}
.cc-prefs-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease}
.cc-prefs-wrap.is-open{grid-template-rows:1fr;opacity:1}
.cc-prefs-wrap[hidden]{display:none}
.cc-prefs-clip{min-height:0;overflow:hidden}
.cc-prefs{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--r-field);background:var(--bg)}
.cc-prefs fieldset{border:0;margin:0 0 10px;padding:0}
.cc-legend{font-size:13px;font-weight:650;color:var(--text);padding:0;margin-bottom:4px}
.cc-opt{margin:0 0 6px}
.cc-help{margin:-6px 0 0 30px;font-size:13px;line-height:1.45;color:var(--muted)}
.cc-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cc-link{appearance:none;background:none;border:0;padding:0;font:inherit;color:var(--muted);cursor:pointer;text-align:left;min-height:36px;display:flex;align-items:center}
.cc-link:hover{color:var(--teal-ink)}
.cc-link:focus-visible{outline:var(--ui-focus,2px solid var(--teal));outline-offset:2px}
/* Phones: a slim bar that leaves the page usable: two short lines, then one row with « Personnaliser » as a
   link and Refuse and Accept side by side and equal (short labels); the title stays for assistive tech. */
@media (max-width:520px){
  .cc{padding:0 8px 8px}
  .cc-in{padding:10px 12px;max-height:calc(100dvh - 16px)}
  .cc-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cc-body{margin:0 0 8px;font-size:13px;line-height:1.4}
  .cc-body-long,.cc-long{display:none}
  .cc-body-short,.cc-short{display:inline}
  .cc-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center}
  .cc-actions .ui-btn{min-height:44px;font-size:14px;padding-inline:10px}
  .cc-actions [data-consent-customize]{order:-1;padding-inline:4px;text-decoration:underline;text-underline-offset:2px}
}
.cc-in{transition:transform .18s ease-in,opacity .18s ease-in}
.cc.is-leaving .cc-in{transform:translateY(8px);opacity:0}
@media (prefers-reduced-motion:no-preference){.cc-in{animation:cc-in .2s ease-out}@keyframes cc-in{from{transform:translateY(8px);opacity:0}}}
@media (prefers-reduced-motion:reduce){.cc-prefs-wrap,.cc-in{transition:none}}