/* Cookie Policy page-specific styles */
.policy-hero {
  padding-block: var(--space-16) var(--space-10);
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 60%);
}
.policy-hero h1 { font-family: "Playfair Display", serif; }

.policy-preferences { margin-top: var(--space-8); margin-bottom: var(--space-8); }
.prefs-group { display: grid; gap: var(--space-5); }
.pref-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.pref-row h3 { margin: 0; font-size: var(--text-size-xl); }
.prefs-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); }

/* Accessible toggle switch */
.switch { position: relative; display: inline-block; width: 48px; height: 28px; }
.switch input { display: none; }
.slider { position: absolute; cursor: pointer; inset: 0; background: var(--gray-300); border-radius: var(--radius-full); transition: background var(--transition-fast) var(--easing-default); }
.slider::before { content: ""; position: absolute; height: 22px; width: 22px; left: 3px; top: 3px; background: #fff; border-radius: var(--radius-full); box-shadow: var(--shadow-xs); transition: transform var(--transition-fast) var(--easing-default); }
.switch input:checked + .slider { background: var(--color-primary); }
.switch input:checked + .slider::before { transform: translateX(20px); }
.switch input:disabled + .slider { background: var(--gray-300); opacity: 0.8; }

.policy-content { display: grid; gap: var(--space-8); padding-bottom: var(--space-16); }
.policy-section { scroll-margin-top: 120px; }
.policy-section h2 { margin-bottom: var(--space-2); }
.policy-section ul { padding-left: var(--space-6); }
.policy-section li { margin-top: var(--space-2); }

@media (max-width: 720px) {
  .policy-hero { padding-block: var(--space-12) var(--space-8); }
  .pref-row { grid-template-columns: 1fr; align-items: start; }
  .pref-action { justify-self: start; }
}