/* Page-owned styles for sutikre-vonatkozo-iranyelvek */

.cookie-policy-main {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background-color: var(--color-deep-moss);
}

.cookie-policy-container {
  width: 100%;
  max-width: var(--container-main);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  padding-block: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.cookie-section {
  width: 100%;
  max-width: 100%;
  background-color: var(--color-parchment-cream);
  color: var(--color-ink-brown);
  border-radius: var(--radius-2xl);
  border: var(--border-thick);
  box-shadow: var(--shadow-panel);
  padding: var(--space-3);
}

.cookie-section h1,
.cookie-section h2,
.cookie-section h3,
.cookie-section h4,
.cookie-section h5,
.cookie-section h6 {
  color: var(--color-ink-brown);
}

.cookie-section p,
.cookie-section li,
.cookie-section blockquote,
.cookie-section figcaption,
.cookie-section caption,
.cookie-section td {
  color: var(--color-ink-brown);
}

.cookie-section th {
  color: var(--color-ink-brown);
}

.cookie-section a {
  color: var(--color-umber-wood);
  text-decoration-color: var(--color-amber-glow);
}

.cookie-section a:hover {
  color: var(--color-amber-glow);
}

.cookie-intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  align-items: flex-start;
}

.cookie-intro-copy {
  width: 100%;
  max-width: 68ch;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-15);
}

.cookie-intro-copy h1 {
  margin-block-end: 0;
}

.cookie-lead {
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
  margin-block-end: 0;
}

.cookie-highlight {
  width: 100%;
  max-width: 68ch;
  margin-inline: auto;
  background-color: rgba(57, 42, 35, 0.9);
  color: var(--color-parchment-cream);
  border-radius: var(--radius-lg);
  border-inline-start: 4px solid var(--color-amber-glow);
  padding: var(--space-15);
  display: flex;
  flex-direction: column;
  gap: var(--space-05);
}

.cookie-highlight .callout-label {
  color: var(--color-amber-glow);
}

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

.cookie-highlight-list > li {
  margin-block-end: 0;
  padding-inline-start: var(--space-15);
  position: relative;
  color: var(--color-soft-cream);
}

.cookie-highlight-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background-color: var(--color-amber-glow);
}

.cookie-section-copy {
  width: 100%;
  max-width: 68ch;
  margin-inline: auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--space-15);
}

.cookie-section-copy h2,
.cookie-section-copy h3 {
  margin-block-end: 0;
}

.cookie-section-copy p {
  margin-block-end: 0;
}

.cookie-section-copy ul {
  margin-block-end: 0;
  padding-inline-start: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-05);
}

.cookie-section-copy li {
  margin-block-end: 0;
}

.cookie-browser-list,
.cookie-rights-list,
.cookie-related-links,
.cookie-contact-list {
  list-style: none;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-05);
}

.cookie-browser-list > li,
.cookie-rights-list > li,
.cookie-related-links > li,
.cookie-contact-list > li {
  margin-block-end: 0;
  padding-inline-start: var(--space-15);
  position: relative;
}

.cookie-browser-list > li::before,
.cookie-related-links > li::before,
.cookie-contact-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background-color: var(--color-moss-green);
}

.cookie-rights-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background-color: var(--color-moss-green);
}

.cookie-rule {
  width: 100%;
  max-width: 100%;
  margin-block: 0;
}

@media (min-width: 768px) {
  .cookie-policy-container {
    padding-inline: var(--container-padding-desktop);
    padding-block: var(--space-6);
    gap: var(--space-6);
  }

  .cookie-section {
    padding: var(--space-4);
  }
}

@media (min-width: 1024px) {
  .cookie-intro-copy h1 {
    font-size: var(--text-h1);
  }

  .cookie-section-copy h2 {
    font-size: var(--text-h2);
  }

  .cookie-section-copy h3 {
    font-size: var(--text-h3);
  }
}

@media (max-width: 479px) {
  .cookie-policy-container {
    padding-block: var(--space-3);
    gap: var(--space-3);
  }

  .cookie-section {
    padding: var(--space-2);
  }

  .cookie-intro-copy h1 {
    font-size: 2rem;
  }

  .cookie-lead {
    font-size: 1rem;
  }

  .cookie-section-copy h2 {
    font-size: 1.5rem;
  }

  .cookie-section-copy h3 {
    font-size: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-policy-container,
  .cookie-section,
  .cookie-intro-copy,
  .cookie-highlight,
  .cookie-section-copy {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}