/* ==========================================================================
   TUOIL — cookie notice
   Bottom plate, never a modal: it must not block reading or scrolling.
   ========================================================================== */

.c-cookie {
  position: fixed;
  inset: auto 0 0 0;
  z-index: var(--z-cookie);
  background: var(--c-cream);
  border-top: 1px solid var(--c-border-strong);
  box-shadow: var(--shadow-soft);
  transform: translateY(100%);
  transition: transform var(--dur-slow) var(--ease-out);
}

.c-cookie[hidden] { display: none; }
.c-cookie.is-visible { transform: translateY(0); }

.c-cookie__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3) var(--sp-5);
  padding-block: var(--sp-3);
}

.c-cookie__text {
  max-width: 78ch;
  margin: 0;
  font-size: var(--fs-small);
  color: var(--c-ink);
}

.c-cookie__text a { color: var(--c-ink); }

.c-cookie__actions {
  display: flex;
  gap: var(--sp-2);
  flex-shrink: 0;
}

.c-cookie .btn {
  min-height: 48px;
  padding-inline: var(--sp-3);
  font-size: var(--fs-small);
}

@media (max-width: 768px) {
  .c-cookie__inner { padding-block: var(--sp-2); }
  .c-cookie__actions { width: 100%; }
  .c-cookie .btn { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .c-cookie { transform: none; }
}