/* ============================================================
   consent.css — Baner zgody na cookies (Consent Mode v2)
   Towarowa 10 Studio. Wariant industrial premium, dark.
   Scope: .cookie__*  (markup w partials/body-analytics.html)
   ============================================================ */

.cookie {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;                 /* nad wszystkim, także nad nav */
  background: var(--bg-panel);
  border-top: 1px solid var(--border-2);
  box-shadow: 0 -8px 40px rgba(0, 0, 0, .5);
  color: var(--text-2);
  font-family: var(--font-body);
  animation: cookie-slide-up .28s ease-out both;
}

/* Ukrycie do czasu decyzji JS (i gdy user już wybrał). */
.cookie.is-hidden {
  display: none;
}

.cookie__inner {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 18px var(--section-px);
  display: flex;
  align-items: center;
  gap: 28px;
}

.cookie__text {
  flex: 1 1 auto;
  min-width: 0;
}

.cookie__title {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text);
  margin: 0 0 6px;
}

.cookie__desc {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-2);
  margin: 0;
}

.cookie__link {
  color: var(--copper);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie__link:hover {
  color: var(--copper-hover);
}

.cookie__actions {
  flex: 0 0 auto;
  display: flex;
  gap: 12px;
}

/* Wejście — slide-up. */
@keyframes cookie-slide-up {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

/* ---- Tablet / mobile ---- */
@media (max-width: 860px) {
  .cookie__inner {
    padding: 16px var(--section-px-tablet);
    gap: 18px;
  }
}

@media (max-width: 520px) {
  .cookie__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 16px var(--section-px-mobile);
  }
  .cookie__actions {
    flex-direction: column;
  }
  .cookie__btn {
    width: 100%;
    justify-content: center;
  }
}

/* Szacunek dla użytkowników ograniczających ruch. */
@media (prefers-reduced-motion: reduce) {
  .cookie {
    animation: none;
  }
}