/* Page-owned styles for Felhasználási Feltételek */

.terms-page {
  padding-block: var(--spacing-07);
}

.terms-section {
  margin-block-end: var(--spacing-07);
}

.terms-section:last-child {
  margin-block-end: 0;
}

.terms-section__content {
  max-width: 800px;
  margin-inline: auto;
  padding-inline: var(--spacing-04);
}

/* Section-specific text alignment and measure */
.terms-section--intro .terms-section__content {
  text-align: center;
}

.terms-section--intro .terms-section__text {
  max-width: 65ch;
  margin-inline: auto;
}

.terms-section--services .terms-section__content,
.terms-section--obligations .terms-section__content,
.terms-section--liability .terms-section__content,
.terms-section--general .terms-section__content {
  text-align: left;
}

.terms-section--services .terms-section__text,
.terms-section--obligations .terms-section__text,
.terms-section--liability .terms-section__text,
.terms-section--general .terms-section__text {
  max-width: 65ch;
}

.terms-section--contact .terms-section__content {
  text-align: center;
}

.terms-section--contact .terms-section__text {
  max-width: 65ch;
  margin-inline: auto;
}

/* Intro box */
.terms-section__intro-box {
  background-color: var(--color-surface-light);
  border: var(--border-solid);
  box-shadow: var(--shadow-pop);
  padding: var(--spacing-04);
  margin-block-start: var(--spacing-04);
}

/* Warning box */
.terms-section__warning {
  background-color: rgba(255, 144, 232, 0.1);
  border: 2px solid var(--color-accent-pink);
  padding: var(--spacing-04);
  margin-block-start: var(--spacing-04);
}

/* List */
.terms-section__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
}

.terms-section__list-item {
  position: relative;
  padding-inline-start: var(--spacing-04);
  line-height: var(--line-height-body);
}

.terms-section__list-item::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-accent-pink);
  font-weight: 700;
}

/* CTA button */
.terms-section__cta {
  margin-block-start: var(--spacing-04);
  display: inline-block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .terms-section__content {
    padding-inline: var(--spacing-03);
  }

  .terms-section__intro-box,
  .terms-section__warning {
    padding: var(--spacing-03);
  }

  .terms-section__cta {
    width: 100%;
    max-width: 300px;
  }
}