/* Bandeau cookies : une fiche d'options d'usine posée en bas de page (direction Héritage) */
.f6c-cc {
  --cc-paper: var(--card, #FBFBF9); --cc-ink: var(--ink, #141414); --cc-muted: var(--muted, #5B5A56);
  --cc-rule: var(--rule, #D6D5CF); --cc-red: var(--red, #C8161D); --cc-band: var(--band, #F1F0EC);
  position: fixed; z-index: 1000; inset-block-end: max(16px, env(safe-area-inset-bottom, 0px)); inset-inline-start: 16px;
  width: min(460px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto;
  background: var(--cc-paper); color: var(--cc-ink);
  border: 1px solid var(--cc-ink); border-top: 4px solid var(--cc-red);
  box-shadow: 0 28px 60px -30px rgba(0, 0, 0, .55), 6px 6px 0 0 var(--cc-ink);
  padding: 18px 20px 16px; display: grid; gap: 12px;
  font-family: var(--body, var(--display, "Archivo", system-ui, sans-serif)); font-size: 14px; line-height: 1.5;
  opacity: 0; transform: translateY(14px); transition: opacity .25s ease, transform .25s ease;
}
.f6c-cc.in { opacity: 1; transform: none; }
.f6c-cc[hidden] { display: none !important; }
.f6c-cc-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 8px; border-bottom: 1.5px solid var(--cc-ink); }
.f6c-cc-eye, .f6c-cc-no, .f6c-cc-code, .f6c-cc-std, .f6c-cc-opt {
  font-family: var(--mono, "IBM Plex Mono", ui-monospace, monospace); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
}
.f6c-cc-eye { color: var(--cc-muted); }
.f6c-cc-no { color: var(--cc-red); font-weight: 600; }
.f6c-cc-title {
  margin: 0; font-family: var(--display, "Archivo", sans-serif); font-weight: 800; font-stretch: 125%; text-transform: uppercase;
  font-size: 20px; line-height: 1.05; letter-spacing: -.005em;
}
.f6c-cc-text { margin: 0; color: var(--cc-ink); }
.f6c-cc-text a { color: var(--cc-ink); text-decoration-color: var(--cc-red); text-underline-offset: 3px; white-space: nowrap; }
.f6c-cc-rows { display: grid; border-top: 1px solid var(--cc-rule); }
.f6c-cc-rows[hidden] { display: none; }
.f6c-cc-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--cc-rule); }
.f6c-cc-row:nth-child(even) { background: var(--cc-band); margin-inline: -20px; padding-inline: 20px; }
.f6c-cc-code { color: var(--cc-ink); font-size: 13px; font-weight: 600; letter-spacing: .06em; direction: ltr; unicode-bidi: isolate; }
.f6c-cc-mid { display: grid; gap: 1px; min-width: 0; }
.f6c-cc-mid strong { font-weight: 700; }
.f6c-cc-mid span { color: var(--cc-muted); font-size: 13px; }
.f6c-cc-std { color: var(--cc-muted); border: 1px solid var(--cc-rule); padding: 4px 6px; }
.f6c-cc-tog { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; position: relative; }
.f6c-cc-tog input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.f6c-cc-track { width: 40px; height: 22px; border: 1.5px solid var(--cc-ink); position: relative; flex: 0 0 auto; }
.f6c-cc-track::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 13px; height: 13px; background: var(--cc-ink); transition: transform .2s; }
.f6c-cc-tog input:checked + .f6c-cc-track { background: var(--cc-red); border-color: var(--cc-red); }
.f6c-cc-tog input:checked + .f6c-cc-track::after { transform: translateX(18px); background: #fff; }
[dir="rtl"] .f6c-cc-tog input:checked + .f6c-cc-track::after { transform: translateX(-18px); }
.f6c-cc-tog input:focus-visible + .f6c-cc-track { outline: 2px solid var(--cc-red); outline-offset: 3px; }
.f6c-cc-opt { color: var(--cc-ink); }
.f6c-cc-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: center; }
/* Refuser et Accepter ont exactement le même poids visuel */
.f6c-cc-btn {
  min-height: 44px; padding: 0 14px; border: 1.5px solid var(--cc-ink); background: var(--cc-ink); color: var(--cc-paper); cursor: pointer;
  font-family: var(--display, "Archivo", sans-serif); font-weight: 800; font-stretch: 112%; font-size: 13px; text-transform: uppercase; letter-spacing: .06em;
}
.f6c-cc-btn:hover { background: var(--cc-red); border-color: var(--cc-red); color: #fff; }
.f6c-cc-btn:focus-visible, .f6c-cc-link:focus-visible { outline: 2px solid var(--cc-red); outline-offset: 3px; }
.f6c-cc-save { grid-column: 1 / -1; background: var(--cc-red); border-color: var(--cc-red); color: #fff; }
.f6c-cc-save[hidden], .f6c-cc-link[hidden] { display: none; }
.f6c-cc-link {
  grid-column: 1 / -1; justify-self: center; background: none; border: 0; padding: 4px; cursor: pointer; color: var(--cc-muted);
  font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 3px;
}
@media (max-width: 520px) {
  .f6c-cc { inset-inline: 10px; inset-block-end: max(10px, env(safe-area-inset-bottom, 0px)); width: auto; padding: 16px; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .6); }
  .f6c-cc-row:nth-child(even) { margin-inline: -16px; padding-inline: 16px; }
  .f6c-cc-title { font-size: 17px; }
  .f6c-cc { gap: 9px; font-size: 13px; line-height: 1.45; }
  .f6c-cc-head { padding-bottom: 6px; }
  .f6c-cc-btn { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) { .f6c-cc { transition: none; } }
@media print { .f6c-cc { display: none !important; } }
body.print .f6c-cc { display: none !important; }
