/* PixelGameNight Cookie Policy Page - Page-specific styles */

.cookie-policy-banner {
  background: linear-gradient(90deg, var(--color-primary) 10%, var(--color-surface) 90%);
  color: var(--color-neutral-100);
  border-radius: var(--radius-lg);
  margin: var(--space-8) 0 var(--space-10) 0;
  padding: var(--space-10) var(--space-8);
  box-shadow: var(--shadow-lg);
  position: relative;
}
.cookie-policy-banner h1 {
  margin: 0 0 var(--space-4) 0;
  color: var(--color-neutral-100);
  font-size: var(--font-size-xl);
  text-shadow: 0 2px 12px #b9416e44;
}
.cookie-policy-banner .lead {
  font-size: var(--font-size-md);
  color: var(--color-neutral-100);
  max-width: 54ch;
  opacity: 0.92;
}
/* Section spacing for large, readable blocks */
.container section {
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-4);
}
.container section h2 {
  color: var(--color-primary);
  margin-bottom: var(--space-2);
  font-size: var(--font-size-lg);
  letter-spacing: 0.5px;
}
.container section ul {
  margin-left: var(--space-8);
}
.container section ul li {
  list-style: disc;
  margin-bottom: var(--space-2);
  color: var(--color-text);
}
.link-btn {
  background: none;
  color: var(--color-primary);
  border: none;
  cursor: pointer;
  text-decoration: underline;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  transition: color var(--transition-base);
}
.link-btn:focus-visible,
.link-btn:hover {
  color: var(--color-primary-dark);
  text-decoration: underline;
}
@media (max-width: 768px) {
  .cookie-policy-banner {
    padding: var(--space-6) var(--space-3);
    font-size: var(--font-size-base);
  }
  .container section {
    margin-bottom: var(--space-6);
  }
}
@media (max-width: 480px) {
  .cookie-policy-banner {
    padding: var(--space-4) var(--space-2);
    font-size: var(--font-size-sm);
  }
  .container section h2 {
    font-size: var(--font-size-base);
  }
}