/**
 * Zdrowy Bajtel — assets/css/cookie.css
 * Cookie consent banner. Identyczny z Lovable CookieBanner.tsx.
 */
.cookie-banner {
  position:fixed; bottom:0; inset-x:0; z-index:30;
  background:var(--zb-navy); color:#fff;
  box-shadow:0 -4px 24px rgba(0,0,0,.15);
}
.cookie-banner[hidden] { display:none; }

.cookie-banner__inner {
  padding-block:.875rem 1rem;
  display:flex; flex-direction:column; gap:1rem; align-items:flex-start;
}
@media (min-width:768px) {
  .cookie-banner__inner { flex-direction:row; align-items:center; }
}

.cookie-banner__text {
  font-size:.875rem; color:rgba(255,255,255,.85); flex:1; line-height:1.6; margin:0;
}
.cookie-banner__link { color:var(--zb-green-light); text-decoration:underline; }

.cookie-banner__actions { display:flex; gap:.5rem; flex-shrink:0; flex-wrap:wrap; }

.cookie-banner__btn {
  padding:.5rem 1.125rem; border-radius:var(--r-full);
  font-family:var(--font-display); font-size:.875rem; font-weight:700;
  cursor:pointer; border:2px solid transparent; transition:background var(--tr);
}
.cookie-banner__btn--primary { background:var(--zb-green); color:#fff; border-color:var(--zb-green); }
.cookie-banner__btn--primary:hover { background:var(--zb-green-mid); }
.cookie-banner__btn--secondary { background:transparent; color:#fff; border-color:rgba(255,255,255,.40); }
.cookie-banner__btn--secondary:hover { background:rgba(255,255,255,.10); }
@media print { .cookie-banner { display:none !important; } }