/* ============================================================
   block: cookie — consent notice as a "papier officiel"
   A small folded notice pinned to the bottom of the page.
   ============================================================ */

.cookie {
  position: fixed;
  left: clamp(12px, 2vw, 24px);
  right: clamp(12px, 2vw, 24px);
  bottom: clamp(12px, 2vw, 24px);
  z-index: 100;
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--ink);
  padding: 22px 26px 22px 30px;
  box-shadow: var(--shadow-deep), 0 0 0 6px var(--paper-deep);
  display: none;
  max-width: 760px;
  margin: 0 auto;
}
.cookie--visible { display: block; animation: cookieIn .35s ease-out; }
@keyframes cookieIn {
  from { transform: translateY(20px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* tear-strip ribbon at top */
.cookie::before {
  content: "AVIS · COOKIES";
  position: absolute;
  top: -12px; left: 22px;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-mono);
  font-size: .68rem;
  letter-spacing: .26em;
  padding: 4px 10px 5px;
}

.cookie__title {
  font-family: var(--font-display);
  font-size: 1.3rem;
  color: var(--ink);
  margin: 0 0 10px;
  letter-spacing: .015em;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 8px;
}

.cookie__text {
  font-family: var(--font-body);
  font-size: .92rem;
  color: var(--ink-soft);
  margin: 0 0 18px;
  line-height: 1.55;
}

.cookie__row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.cookie__link {
  color: var(--turf);
  font-family: var(--font-body);
  font-size: .85rem;
  margin-left: auto;
  font-style: italic;
}
.cookie__link:hover { color: var(--rouge); }

@media (max-width: 600px) {
  .cookie { padding: 22px 18px 18px; }
  .cookie__link { margin-left: 0; flex-basis: 100%; }
}