/* Basil and Fork – Polityka Cookies */
.cookies-page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.cookies-page .section {
  padding-block: var(--space-8);
}

.cookies-page .container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-gutter);
}

/* Wprowadzenie */
.cookies-intro {
  background-color: var(--color-cream);
}

.cookies-intro__container {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: flex-start;
}

.cookies-intro__title {
  font-size: var(--text-h1);
  line-height: var(--leading-h1);
  color: var(--color-ink);
  margin-block-end: 0;
  position: relative;
  padding-block-end: var(--space-3);
}

.cookies-intro__title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background-color: var(--color-burnt-orange);
  margin-block-start: var(--space-3);
}

.cookies-intro__meta {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-muted-text);
  margin-block-end: 0;
}

.cookies-intro__lead {
  max-width: 70%;
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
  color: var(--color-ink);
  margin-block-end: 0;
}

.cookies-intro__note {
  max-width: 70%;
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-muted-text);
  margin-block-end: 0;
}

/* Czym są pliki cookie? */
.cookies-definition {
  background-color: var(--color-white);
}

.cookies-definition__title {
  color: var(--color-basil-green);
  margin-block-end: var(--space-5);
}

.cookies-definition__grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--space-5);
  align-items: start;
}

.cookies-definition__main {
  min-width: 0;
}

.cookies-definition__main p {
  margin-block-end: var(--space-3);
}

.cookies-definition__main p:last-child {
  margin-block-end: 0;
}

.cookies-definition__examples {
  min-width: 0;
  background-color: var(--color-white);
  border: var(--border-thin) solid var(--color-border-basil);
  border-radius: var(--radius-medium);
  padding: var(--space-4);
  box-shadow: var(--shadow-interactive);
}

.cookies-definition__examples-title {
  color: var(--color-basil-green);
  margin-block-end: var(--space-3);
}

.cookies-definition__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cookies-definition__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  line-height: var(--leading-body);
}

.cookies-definition__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 12px;
  height: 12px;
  background-color: var(--color-basil-green);
  border-radius: 50% 0 50% 50%;
  transform: rotate(45deg);
}

/* Rodzaje plików cookie */
.cookies-types {
  background-color: var(--color-cream);
}

.cookies-types__title {
  color: var(--color-ink);
  margin-block-end: var(--space-5);
}

.cookies-types__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: stretch;
}

.cookies-type-card {
  min-width: 0;
  background-color: var(--color-white);
  border: var(--border-thin) solid var(--color-border-basil);
  border-radius: var(--radius-medium);
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.cookies-type-card:hover {
  box-shadow: var(--shadow-interactive);
  transform: translateY(-2px);
}

.cookies-type-card__title {
  color: var(--color-basil-green);
  margin-block-end: 0;
}

.cookies-type-card p {
  margin-block-end: 0;
}

.cookies-type-card__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cookies-type-card__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  line-height: var(--leading-body);
}

.cookies-type-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 10px;
  height: 10px;
  background-color: var(--color-burnt-orange);
  border-radius: var(--radius-full);
}

/* Zarządzanie plikami cookie */
.cookies-manage {
  background-color: var(--color-cream);
}

.cookies-manage__title {
  color: var(--color-ink);
  margin-block-end: var(--space-5);
}

.cookies-manage__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

.cookies-manage__instructions,
.cookies-manage__consequences {
  min-width: 0;
}

.cookies-manage__instructions p {
  margin-block-end: var(--space-3);
}

.cookies-manage__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 60ch;
}

.cookies-manage__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  line-height: var(--leading-body);
}

.cookies-manage__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 12px;
  height: 12px;
  background-color: var(--color-basil-green);
  border-radius: 50% 0 50% 50%;
  transform: rotate(45deg);
}

.cookies-manage__consequences {
  background-color: var(--color-white);
  border: var(--border-thin) solid var(--color-border-basil);
  border-radius: var(--radius-medium);
  padding: var(--space-4);
}

.cookies-manage__consequences-title {
  color: var(--color-burnt-orange);
  margin-block-end: var(--space-3);
}

.cookies-manage__consequences p {
  margin-block-end: var(--space-3);
}

.cookies-manage__consequences-list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cookies-manage__consequences-list li {
  position: relative;
  padding-inline-start: var(--space-4);
  line-height: var(--leading-body);
}

.cookies-manage__consequences-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 12px;
  height: 12px;
  background-color: var(--color-burnt-orange);
  border-radius: var(--radius-full);
}

/* Pliki cookie stron trzecich */
.cookies-third-party {
  background-color: var(--color-white);
}

.cookies-third-party__title {
  color: var(--color-ink);
  margin-block-end: var(--space-5);
}

.cookies-third-party__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 100%;
}

.cookies-third-party__content p {
  margin-block-end: 0;
}

.cookies-third-party__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cookies-third-party__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  line-height: var(--leading-body);
}

.cookies-third-party__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 12px;
  height: 12px;
  background-color: var(--color-basil-green);
  border-radius: 50% 0 50% 50%;
  transform: rotate(45deg);
}

/* Prawa użytkownika */
.cookies-rights {
  background-color: var(--color-cream);
}

.cookies-rights__title {
  color: var(--color-ink);
  margin-block-end: var(--space-4);
}

.cookies-rights__intro {
  margin-block-end: var(--space-4);
}

.cookies-rights__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
}

.cookies-rights__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}

.cookies-rights__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  line-height: var(--leading-body);
}

.cookies-rights__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 12px;
  height: 12px;
  background-color: var(--color-basil-green);
  border-radius: 50% 0 50% 50%;
  transform: rotate(45deg);
}

/* Zmiany w polityce cookies */
.cookies-changes {
  background-color: var(--color-white);
  border-top: var(--border-thin) solid var(--color-border-basil);
}

.cookies-changes__title {
  color: var(--color-ink);
  margin-block-end: var(--space-4);
}

.cookies-changes p {
  max-width: 80%;
  margin-block-end: var(--space-3);
}

.cookies-changes p:last-child {
  margin-block-end: 0;
}

.cookies-changes__date {
  font-weight: 600;
  color: var(--color-burnt-orange);
}

/* Kontakt w sprawie plików cookie */
.cookies-contact {
  background-color: var(--color-cream);
}

.cookies-contact__title {
  color: var(--color-ink);
  margin-block-end: var(--space-4);
}

.cookies-contact__card {
  max-width: 50%;
  background-color: var(--color-white);
  border: var(--border-thin) solid var(--color-border-basil);
  border-radius: var(--radius-medium);
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.cookies-contact__card p {
  margin-block-end: 0;
}

.cookies-contact__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cookies-contact__list li {
  position: relative;
  padding-inline-start: var(--space-4);
  line-height: var(--leading-body);
}

.cookies-contact__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 12px;
  height: 12px;
  background-color: var(--color-burnt-orange);
  border-radius: var(--radius-full);
}

/* Powiązane dokumenty */
.cookies-related {
  background-color: var(--color-white);
}

.cookies-related__title {
  color: var(--color-ink);
  margin-block-end: var(--space-4);
}

.cookies-related p {
  margin-block-end: var(--space-4);
}

.cookies-related__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
  justify-content: flex-start;
}

.cookies-related__btn {
  flex: 0 0 auto;
  min-width: 0;
}

/* Tablet */
@media (max-width: 992px) {
  .cookies-intro__lead,
  .cookies-intro__note {
    max-width: 100%;
  }

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

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

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

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

  .cookies-changes p {
    max-width: 100%;
  }

  .cookies-contact__card {
    max-width: 100%;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .cookies-page .section {
    padding-block: var(--space-6);
  }

  .cookies-intro__title {
    font-size: var(--text-h1);
  }

  .cookies-intro__lead,
  .cookies-intro__note {
    max-width: 100%;
  }

  .cookies-definition__grid,
  .cookies-types__grid,
  .cookies-manage__grid,
  .cookies-rights__grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .cookies-manage__list {
    max-width: 100%;
  }

  .cookies-related__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cookies-related__btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .cookies-intro__title {
    font-size: 2rem;
  }

  .cookies-intro__lead {
    font-size: var(--text-body);
    line-height: var(--leading-body);
  }
}