/* Cookie Policy Page Styles - PLCrusaderkings */

.legal-hero {
  background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  color: var(--color-text-light);
  padding: var(--space-12) 0 var(--space-8);
  border-bottom: 4px solid var(--color-secondary);
}

.legal-hero h1 { color: var(--color-text-light); }

.hero-lead {
  max-width: var(--content-max-width);
  font-size: var(--font-size-lg);
  color: var(--color-gray-100);
}

.hero-meta { opacity: 0.9; }

/* Table of contents */
.toc {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  box-shadow: var(--shadow-sm);
  margin-top: calc(var(--space-8) * -1);
}

.toc ol { counter-reset: item; }
.toc li { margin-bottom: var(--space-2); }
.toc a { font-weight: var(--font-weight-medium); }

/* Legal content */
.legal-content {
  margin-top: var(--space-6);
}

.policy-section { 
  margin-bottom: var(--space-8); 
  scroll-margin-top: var(--header-height);
}

.policy-section h2 { margin-bottom: var(--space-4); }
.policy-section h3, .policy-section h4 { margin-bottom: var(--space-3); }

.consent-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-3); }

/* Cards inside the grid */
.grid .card { height: 100%; }

@media (max-width: 768px) {
  .legal-hero { padding: var(--space-10) 0 var(--space-6); }
}