/* Page-owned styles for Confidentialité */
.privacy-main {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
  padding-block: var(--space-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

.privacy-section {
  width: 100%;
}

.privacy-section h2 {
  margin-block-end: var(--space-md);
}

/* Introduction et engagement */
.privacy-intro {
  display: flex;
  justify-content: center;
}

.privacy-intro__panel {
  width: min(100%, 800px);
  background-color: var(--surface-cream);
  border: var(--border-thin);
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-soft);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  text-align: left;
}

.privacy-intro__panel h1 {
  margin-block-end: 0;
}

.privacy-intro__panel p {
  max-width: 65ch;
  margin-block-end: 0;
}

.privacy-intro__list {
  max-width: 65ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-intro__list li {
  margin-block-end: 0;
}

/* Données collectées */
.privacy-data__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-md);
}

.privacy-data__card {
  min-width: 0;
  background-color: var(--surface-cream);
  border: var(--border-thin);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-data__card h3 {
  margin-block-end: 0;
}

.privacy-data__card p {
  max-width: 60ch;
  margin-block-end: 0;
}

.privacy-data__card ul {
  max-width: 60ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-data__card li {
  margin-block-end: 0;
}

/* Finalités du traitement */
.privacy-purposes__stack {
  width: min(100%, 900px);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.privacy-purposes__block {
  width: 100%;
  min-width: 0;
  background-color: var(--surface-cream);
  border: var(--border-thin);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-purposes__block h3 {
  margin-block-end: 0;
}

.privacy-purposes__block p {
  max-width: 70ch;
  margin-block-end: 0;
}

.privacy-purposes__block ul {
  max-width: 70ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-purposes__block li {
  margin-block-end: 0;
}

/* Base légale du traitement */
.privacy-legal-basis__panel {
  width: min(100%, 800px);
  margin-inline: auto;
  background-color: var(--surface-cream);
  border: 1px solid var(--color-sage);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-legal-basis__panel p {
  max-width: 65ch;
  margin-block-end: 0;
}

.privacy-legal-basis__panel ul {
  max-width: 65ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-legal-basis__panel li {
  margin-block-end: 0;
}

/* Conservation des données */
.privacy-retention__panel {
  width: min(100%, 800px);
  margin-inline: auto;
  background-color: var(--surface-cream);
  border: var(--border-thin);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-retention__panel p {
  max-width: 70ch;
  margin-block-end: 0;
}

.privacy-retention__panel ul {
  max-width: 70ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-retention__panel li {
  margin-block-end: 0;
}

/* Sécurité des données */
.privacy-security__panel {
  width: min(100%, 800px);
  margin-inline: auto;
  background-color: var(--surface-cream);
  border: var(--border-thin);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-security__panel p {
  max-width: 65ch;
  margin-block-end: 0;
}

.privacy-security__panel ul {
  max-width: 65ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-security__panel li {
  margin-block-end: 0;
}

/* Vos droits */
.privacy-rights__lead {
  max-width: 60ch;
  margin-block-end: var(--space-md);
  text-align: left;
}

.privacy-rights__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-md);
}

.privacy-rights__card {
  min-width: 0;
  background-color: var(--surface-cream);
  border: var(--border-thin);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  text-align: left;
}

.privacy-rights__card h3 {
  margin-block-end: 0;
}

.privacy-rights__card p {
  max-width: 60ch;
  margin-block-end: 0;
}

/* Cookies et technologies similaires */
.privacy-cookies__panel {
  width: min(100%, 800px);
  margin-inline: auto;
  background-color: var(--surface-cream);
  border: 1px solid var(--color-sage);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-cookies__panel p {
  max-width: 70ch;
  margin-block-end: 0;
}

.privacy-cookies__panel ul {
  max-width: 70ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-cookies__panel li {
  margin-block-end: 0;
}

/* Dispositions spécifiques au casino physique */
.privacy-casino__panel {
  width: min(100%, 800px);
  margin-inline: auto;
  background-color: var(--surface-vanilla);
  border: 1px solid var(--color-paprika);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-casino__panel p {
  max-width: 65ch;
  margin-block-end: 0;
}

.privacy-casino__panel ul {
  max-width: 65ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-casino__panel li {
  margin-block-end: 0;
}

/* Contact et réclamations */
.privacy-contact__panel {
  width: min(100%, 800px);
  margin-inline: auto;
  background-color: var(--surface-cream);
  border: var(--border-thin);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-contact__panel p {
  max-width: 70ch;
  margin-block-end: 0;
}

.privacy-contact__panel ul {
  max-width: 70ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding-inline-start: var(--space-md);
  list-style: disc;
  margin-block-end: 0;
}

.privacy-contact__panel li {
  margin-block-end: 0;
}

/* Date d'effet et modifications */
.privacy-effective-date__panel {
  width: min(100%, 800px);
  margin-inline: auto;
  background-color: rgba(156, 175, 136, 0.25);
  border: 1px solid var(--color-sage);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  text-align: left;
}

.privacy-effective-date__panel p {
  max-width: 65ch;
  margin-block-end: 0;
}

/* Responsive */
@media (max-width: 900px) {
  .privacy-main {
    padding-block: var(--space-xl);
    gap: var(--space-xl);
  }

  .privacy-data__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .privacy-data__card:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .privacy-main {
    padding-block: var(--space-lg);
    gap: var(--space-lg);
  }

  .privacy-intro__panel,
  .privacy-legal-basis__panel,
  .privacy-retention__panel,
  .privacy-security__panel,
  .privacy-cookies__panel,
  .privacy-casino__panel,
  .privacy-contact__panel,
  .privacy-effective-date__panel {
    padding: var(--space-md);
  }

  .privacy-data__grid,
  .privacy-rights__grid {
    grid-template-columns: 1fr;
  }

  .privacy-data__card:nth-child(3) {
    grid-column: auto;
  }

  .privacy-purposes__stack {
    gap: var(--space-md);
  }

  .privacy-purposes__block {
    padding: var(--space-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  .privacy-intro__panel,
  .privacy-data__card,
  .privacy-purposes__block,
  .privacy-legal-basis__panel,
  .privacy-retention__panel,
  .privacy-security__panel,
  .privacy-rights__card,
  .privacy-cookies__panel,
  .privacy-casino__panel,
  .privacy-contact__panel,
  .privacy-effective-date__panel {
    transition: none;
  }
}