/* Footer - PlayZonePolska */
.site-footer {
  background: var(--color-surface);
  border-top: 1px solid var(--color-gray-200);
  color: var(--color-text);
}
.footer-upper {
  display: grid;
  gap: var(--space-8);
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
}
.footer-brand {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.footer-brand .brand-link { display: inline-flex; align-items: center; gap: var(--space-3); }
.footer-brand .brand-title { font-family: var(--font-heading); font-size: var(--font-size-xl); }
.footer-brand .brand-subtitle { font-size: var(--font-size-xs); color: var(--color-text-muted); }
.footer-brand .tagline { max-width: 60ch; }
.social { display: flex; gap: var(--space-4); }
.social a { color: var(--color-text); }
.social a:hover { color: var(--color-accent); }

.footer-links .links-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
}
.links-group { display: flex; flex-direction: column; gap: var(--space-3); }
.links-title { font-size: var(--font-size-lg); color: var(--color-stone-dark); }
.links-group ul { display: grid; gap: var(--space-2); }
.links-group a { color: var(--color-text-secondary); }
.links-group a:hover { color: var(--color-accent); }

@media (max-width: 768px) {
  .footer-links .links-grid { grid-template-columns: 1fr; }
}

.footer-lower {
  background: var(--color-background-secondary);
  border-top: 1px solid var(--color-gray-200);
}
.footer-lower-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}
.footer-lower-inner a { color: var(--color-text-secondary); }
.footer-lower-inner a:hover { color: var(--color-accent); }
.legal-inline { display: inline-flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }

@media (max-width: 640px) {
  .footer-lower-inner { flex-direction: column; align-items: flex-start; }
}

/* Cookie banner */
.cookie-banner {
  position: fixed;
  left: 50%;
  bottom: var(--space-4);
  transform: translateX(-50%);
  width: calc(100% - 2rem);
  max-width: 900px;
  background: var(--color-stone-dark);
  color: var(--color-surface);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-2xl);
  z-index: var(--z-fixed);
  transition: opacity var(--transition-slow), transform var(--transition-slow), visibility var(--transition-slow);
}
.cookie-content {
  display: flex;
  gap: var(--space-6);
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) var(--space-6);
}
.cookie-text h2 { font-size: var(--font-size-lg); color: var(--color-primary-light); margin-bottom: var(--space-2); }
.cookie-text p { color: #f3ede5; margin: 0; }
.cookie-actions { display: inline-flex; gap: var(--space-3); flex-shrink: 0; }
.cookie-actions .btn-secondary { background: transparent; border-color: var(--color-primary-light); color: var(--color-primary-light); }
.cookie-actions .btn-secondary:hover { background: var(--color-primary-light); color: var(--color-stone-dark); }
.cookie-actions .btn-primary { background: var(--color-accent); border-color: var(--color-accent); }
.cookie-actions .btn-primary:hover { background: var(--color-accent-dark); border-color: var(--color-accent-dark); }

/* Hidden state with smooth animation */
.cookie-banner.is-hidden { opacity: 0; transform: translate(-50%, 16px); visibility: hidden; pointer-events: none; }

@media (max-width: 768px) {
  .cookie-content { flex-direction: column; align-items: stretch; gap: var(--space-4); }
  .cookie-actions { width: 100%; }
  .cookie-actions .btn { flex: 1; }
}