/* =========================================================
   POLITYKA - PRYWATNOŚCI
   ========================================================= */

:root {
  --privacy-bg: var(--white);
  --privacy-pad-y: var(--section-padding);

  /* tytuł */
  --privacy-title-font: var(--font-heading);
  --privacy-title-fw: var(--heading-fw);
  --privacy-title-fs: var(--h2-size);
  --privacy-title-lh: 1.05;
  --privacy-title-ls: -0.02em;
  --privacy-title-color: var(--dark-grey);
  --privacy-title-align: left;
  --privacy-title-mb: 18px;

  /* h3 */
  --privacy-h3-font: var(--font-heading);
  --privacy-h3-fw: var(--heading-fw);
  --privacy-h3-fs: var(--h4-size);
  --privacy-h3-lh: 1.25;
  --privacy-h3-ls: -0.01em;
  --privacy-h3-color: var(--dark-grey);
  --privacy-h3-mt: 24px;
  --privacy-h3-mb: 10px;

  /* paragrafy */
  --privacy-p-fs: var(--p-md-fs);
  --privacy-p-lh: 1.75;
  --privacy-p-opacity: 0.85;
  --privacy-p-mb: 22px;

  /* listy */
  --privacy-list-pl: 1.25em;
  --privacy-list-mt: 10px;
  --privacy-list-mb: 18px;
  --privacy-li-gap: 0.55em;

  /* TOC */
  --privacy-toc-mb: 22px;
}

/* =========================================================
   2) SECTION
   ========================================================= */

.home-privacy {
  background: var(--privacy-bg);
  padding-top: var(--privacy-pad-y);
  padding-bottom: var(--privacy-pad-y);
}

.home-privacy__box {
  max-width: var(--privacy-maxw);
  margin-left: auto;
  margin-right: auto;

  border-top: var(--privacy-border-w) solid var(--privacy-border-color);
  padding-top: var(--privacy-border-offset);
}

.home-privacy__title {
  margin: 0 0 var(--privacy-title-mb);
  font-family: var(--privacy-title-font);
  font-weight: var(--privacy-title-fw);
  font-size: var(--privacy-title-fs);
  line-height: var(--privacy-title-lh);
  letter-spacing: var(--privacy-title-ls);
  color: var(--privacy-title-color);
  text-align: var(--privacy-title-align);
}

/* =========================================================
   3) TOC
   ========================================================= */

.home-privacy__toc {
  margin: 0 0 var(--privacy-toc-mb);
  padding-left: var(--privacy-list-pl);
  list-style: decimal;
  color: var(--color-text);

  font-size: var(--privacy-p-fs);
  line-height: var(--privacy-p-lh);
  opacity: var(--privacy-p-opacity);
}

.home-privacy__toc li {
  margin: var(--privacy-li-gap) 0;
  line-height: var(--privacy-p-lh);

  font-size: inherit;
}

.home-privacy__toc-link {
  color: var(--color-text);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  opacity: 0.9;
  transition:
    opacity 0.25s ease,
    color 0.25s ease;
}

.home-privacy__toc-link:hover,
.home-privacy__toc-link:focus-visible {
  opacity: 1;
}

/* =========================================================
   4) CONTENT TYPOGRAPHY
   ========================================================= */

.home-privacy__content h3 {
  font-family: var(--privacy-h3-font);
  font-weight: var(--privacy-h3-fw);
  font-size: var(--privacy-h3-fs);
  line-height: var(--privacy-h3-lh);
  letter-spacing: var(--privacy-h3-ls);
  color: var(--privacy-h3-color);
}

.home-privacy__content p {
  margin: 0 0 var(--privacy-p-mb);
  font-size: var(--privacy-p-fs);
  line-height: var(--privacy-p-lh);
  opacity: var(--privacy-p-opacity);
  color: var(--color-text);
}

/* listy w treści */
.home-privacy__content ul,
.home-privacy__content ol {
  margin: var(--privacy-list-mt) 0 var(--privacy-list-mb);
  padding-left: var(--privacy-list-pl);
  color: var(--color-text);
}

.home-privacy__content ul {
  list-style: disc;
}
.home-privacy__content ol {
  list-style: decimal;
}

.home-privacy__content li {
  margin: var(--privacy-li-gap) 0;
  font-size: var(--privacy-p-fs);
  line-height: var(--privacy-p-lh);
  opacity: var(--privacy-p-opacity);
}

/* =========================================================
   5) TABLES
   ========================================================= */

.home-privacy__table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 12px 0 18px;

  background: rgba(255, 255, 255, 0.6);
}

.home-privacy__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 0;
  color: var(--color-text);
}

.home-privacy__table th,
.home-privacy__table td {
  padding: 12px 14px;
  vertical-align: top;
  text-align: left;

  border: 1px solid rgba(28, 29, 32, 0.12);

  font-size: var(--privacy-p-fs);
  line-height: var(--privacy-p-lh);
}

.home-privacy__table thead th {
  font-weight: 600;
  background: rgba(242, 239, 233, 0.75);
  white-space: nowrap;
}

.home-privacy__muted {
  display: inline-block;
  margin-top: 4px;
  opacity: 0.75;
  font-size: 0.95em;
}

.home-privacy__table-wrap:focus {
  outline: none;
}

.home-privacy__table-wrap:focus-visible {
  outline: 2px solid rgba(28, 29, 32, 0.28);
  outline-offset: 3px;
}

/* =========================================================
   6) RESPONSIVE (scroll od 992px w dół)
   ========================================================= */
@media (max-width: 992px) {
  .home-privacy__table {
    min-width: 920px;
  }
}

/* =========================================================
   7) RESPONSIVE (mobile)
   ========================================================= */
@media (max-width: 479px) {
  :root {
    --privacy-maxw: 100%;
    --privacy-border-offset: 16px;
    --privacy-title-fs: clamp(22px, 6vw, 30px);
    --privacy-p-lh: 1.7;
    --privacy-list-pl: 1.1em;
  }

  .home-privacy__table {
    min-width: 780px;
  }

  .home-privacy__table th,
  .home-privacy__table td {
    padding: 10px 12px;
  }
}