/* Page-owned styles for ochrana-soukromi */
.ochrana-soukromi-page {
  --privacy-measure-narrow: 65ch;
  --privacy-measure-medium: 70ch;
  --privacy-measure-wide: 75ch;
  --privacy-measure-card: 48ch;
  --privacy-measure-column: 58ch;
}

/* Úvod a účel dokumentu */
.privacy-intro {
  background-color: var(--color-warm-concrete);
  color: var(--color-dark-oak);
}

.privacy-intro__container {
  display: flex;
  justify-content: center;
  padding-block-start: var(--space-7);
  padding-block-end: var(--space-6);
}

.privacy-intro__content {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

.privacy-intro__eyebrow {
  margin-block-end: var(--space-3);
}

.privacy-intro__subheading {
  margin-block-start: var(--space-4);
  margin-block-end: var(--space-3);
}

.privacy-intro__lead {
  max-width: var(--privacy-measure-narrow);
  margin-block-end: var(--space-4);
}

.privacy-intro__scope-list {
  list-style: disc;
  padding-inline-start: var(--space-4);
  max-width: var(--privacy-measure-narrow);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

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

/* Správce osobních údajů */
.privacy-controller {
  background-color: var(--color-dark-oak);
  color: var(--color-cream);
}

.privacy-controller__container {
  display: flex;
  justify-content: center;
}

.privacy-controller__card {
  width: 100%;
  max-width: 700px;
  background-color: rgba(245, 240, 230, 0.05);
  border: 1px solid var(--color-brushed-metal);
  border-radius: var(--radius-card);
  padding: var(--space-5);
  color: var(--color-cream);
}

.privacy-controller__card h2 {
  color: var(--color-cream);
  margin-block-end: var(--space-3);
}

.privacy-controller__intro {
  max-width: var(--privacy-measure-medium);
  margin-block-end: var(--space-4);
}

.privacy-controller__contact-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: var(--privacy-measure-medium);
}

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

.privacy-controller__contact-label {
  font-weight: 600;
  color: var(--color-brushed-metal);
  margin-inline-end: var(--space-2);
}

.privacy-controller__contact-list a {
  color: var(--color-cream);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.privacy-controller__contact-list a:hover {
  color: var(--color-brushed-metal);
}

/* Shromažďované osobní údaje */
.privacy-data {
  background-color: var(--color-warm-concrete);
  color: var(--color-dark-oak);
}

.privacy-data__container {
  display: flex;
  justify-content: center;
}

.privacy-data__content {
  width: 100%;
  max-width: 800px;
}

.privacy-data__lead {
  max-width: var(--privacy-measure-narrow);
  margin-block-end: var(--space-4);
}

.privacy-data__categories {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.privacy-data__category {
  border-block-start: 1px solid var(--color-brushed-metal);
  padding-block-start: var(--space-3);
}

.privacy-data__category h3 {
  margin-block-end: var(--space-2);
}

.privacy-data__category p {
  max-width: var(--privacy-measure-narrow);
  margin-block-end: 0;
}

/* Účely zpracování a právní základy */
.privacy-purposes {
  background-color: var(--color-cream);
  color: var(--color-dark-oak);
}

.privacy-purposes__container {
  max-width: var(--container-max);
}

.privacy-purposes__lead {
  max-width: var(--privacy-measure-medium);
  margin-block-end: var(--space-5);
}

.privacy-purposes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.privacy-purposes__card {
  min-width: 0;
  padding: var(--space-4);
}

.privacy-purposes__card h3 {
  margin-block-end: var(--space-2);
}

.privacy-purposes__card p {
  max-width: var(--privacy-measure-card);
  margin-block-end: 0;
}

/* Doba uchovávání a bezpečnost */
.privacy-retention {
  background-color: var(--color-dark-oak);
  color: var(--color-cream);
}

.privacy-retention__container {
  max-width: var(--container-max);
}

.privacy-retention__lead {
  max-width: var(--privacy-measure-medium);
  margin-block-end: var(--space-5);
}

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

.privacy-retention__column {
  min-width: 0;
  border-block-start: 1px solid var(--color-brushed-metal);
  padding-block-start: var(--space-3);
}

.privacy-retention__column h3 {
  color: var(--color-cream);
  margin-block-end: var(--space-3);
}

.privacy-retention__column ul {
  list-style: disc;
  padding-inline-start: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: var(--privacy-measure-column);
}

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

/* Práva subjektů údajů */
.privacy-rights {
  background-color: var(--color-warm-concrete);
  color: var(--color-dark-oak);
}

.privacy-rights__container {
  display: flex;
  justify-content: center;
}

.privacy-rights__content {
  width: 100%;
  max-width: 800px;
}

.privacy-rights__lead {
  max-width: var(--privacy-measure-narrow);
  margin-block-end: var(--space-4);
}

.privacy-rights__list {
  list-style: none;
  counter-reset: privacy-rights-counter;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: var(--privacy-measure-narrow);
}

.privacy-rights__list li {
  counter-increment: privacy-rights-counter;
  position: relative;
  padding-inline-start: var(--space-5);
  margin-block-end: 0;
}

.privacy-rights__list li::before {
  content: counter(privacy-rights-counter);
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-deep-red);
  font-size: var(--text-h4);
  line-height: 1;
}

.privacy-rights__contact {
  margin-block-start: var(--space-4);
  max-width: var(--privacy-measure-narrow);
}

.privacy-rights__contact a {
  color: var(--color-deep-red);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.privacy-rights__contact a:hover {
  color: var(--color-deep-red-hover);
}

/* Soubory cookie a analytika */
.privacy-cookies {
  background-color: var(--color-cream);
  color: var(--color-dark-oak);
}

.privacy-cookies__container {
  display: flex;
  justify-content: center;
}

.privacy-cookies__content {
  width: 100%;
  max-width: 700px;
  background-color: var(--color-warm-concrete);
  border: 1px solid var(--color-brushed-metal);
  border-radius: var(--radius-card);
  padding: var(--space-4);
}

.privacy-cookies__lead {
  max-width: var(--privacy-measure-medium);
  margin-block-end: var(--space-3);
}

.privacy-cookies__lead a {
  color: var(--color-deep-red);
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}

.privacy-cookies__lead a:hover {
  color: var(--color-deep-red-hover);
}

.privacy-cookies__list {
  list-style: disc;
  padding-inline-start: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: var(--privacy-measure-medium);
}

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

/* Poker Lounge a offline zážitek */
.privacy-poker {
  background-color: var(--color-dark-oak);
  color: var(--color-cream);
}

.privacy-poker__container {
  display: flex;
  justify-content: center;
}

.privacy-poker__callout {
  width: 100%;
  max-width: 700px;
  text-align: center;
  border: 2px solid var(--color-deep-red);
  border-radius: var(--radius-featured);
  padding: var(--space-5);
  background-color: rgba(245, 240, 230, 0.03);
}

.privacy-poker__callout h2 {
  color: var(--color-cream);
  margin-block-end: var(--space-3);
}

.privacy-poker__lead {
  max-width: var(--privacy-measure-narrow);
  margin-inline: auto;
  margin-block-end: var(--space-4);
}

.privacy-poker__features {
  list-style: disc;
  padding-inline-start: var(--space-4);
  text-align: left;
  max-width: var(--privacy-measure-narrow);
  margin-inline: auto;
  margin-block-end: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

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

.privacy-poker__cta {
  display: inline-flex;
}

/* Změny zásad a kontakt */
.privacy-updates {
  background-color: var(--color-warm-concrete);
  color: var(--color-dark-oak);
}

.privacy-updates__container {
  display: flex;
  justify-content: center;
}

.privacy-updates__content {
  width: 100%;
  max-width: 700px;
  border-block-start: 1px solid var(--color-brushed-metal);
  padding-block-start: var(--space-4);
}

.privacy-updates__lead {
  max-width: var(--privacy-measure-medium);
  margin-block-end: var(--space-3);
}

.privacy-updates__lead a {
  color: var(--color-deep-red);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.privacy-updates__lead a:hover {
  color: var(--color-deep-red-hover);
}

.privacy-updates__note {
  max-width: var(--privacy-measure-medium);
  font-size: var(--text-small);
  color: var(--color-dark-oak);
  opacity: 0.85;
  margin-block-end: 0;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .privacy-purposes__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .privacy-purposes__card:last-child {
    grid-column: span 2;
  }

  .privacy-retention__columns {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .privacy-intro__container,
  .privacy-controller__container,
  .privacy-data__container,
  .privacy-rights__container,
  .privacy-cookies__container,
  .privacy-poker__container,
  .privacy-updates__container {
    padding-inline: var(--container-gutter);
  }

  .privacy-intro__content,
  .privacy-controller__card,
  .privacy-data__content,
  .privacy-rights__content,
  .privacy-cookies__content,
  .privacy-poker__callout,
  .privacy-updates__content {
    max-width: 100%;
  }

  .privacy-purposes__grid {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  .privacy-purposes__card:last-child {
    grid-column: auto;
  }

  .privacy-retention__columns {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .privacy-poker__cta {
    width: 100%;
    justify-content: center;
  }

  .privacy-controller__card,
  .privacy-cookies__content,
  .privacy-poker__callout {
    padding: var(--space-4);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .privacy-purposes__card:hover {
    transform: none;
    box-shadow: var(--shadow-soft);
  }
}