/* ==========================================================================
   Conditions d'utilisation – Page-owned styles
   ========================================================================== */

/* Root page wrapper */
.page-conditions {
  padding-block: var(--space-7);
}

.page-conditions__container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: var(--space-4);
}

/* Page title */
.page-conditions__title {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-heading);
  margin-block-end: var(--space-6);
  text-align: left;
}

/* Section spacing */
.page-conditions__section {
  margin-block-end: var(--space-7);
}

/* Section titles */
.page-conditions__section-title {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  margin-block-end: var(--space-4);
}

/* Subsection titles */
.page-conditions__subsection-title {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  margin-block-end: var(--space-3);
}

/* Paragraphs */
.page-conditions__paragraph {
  margin-block-end: var(--space-4);
}

/* Blockquote */
.page-conditions__quote {
  margin-block-end: var(--space-4);
  padding-inline-start: var(--space-4);
  border-inline-start: 3px solid var(--accent-gold);
  font-family: var(--heading-font);
  font-style: italic;
  color: var(--text-secondary);
}

/* Unordered list */
.page-conditions__list {
  list-style: none !important;
  padding-inline-start: 0;
  margin-block-end: var(--space-4);
}

.page-conditions__list-item {
  position: relative;
  padding-inline-start: var(--space-4);
  margin-block-end: var(--space-2);
}

.page-conditions__list-item::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--accent-gold);
}

/* Ordered list */
.page-conditions__ordered-list {
  list-style: none !important;
  padding-inline-start: 0;
  margin-block-end: var(--space-4);
  counter-reset: ordered-list-counter;
}

.page-conditions__ordered-list-item {
  counter-increment: ordered-list-counter;
  position: relative;
  padding-inline-start: var(--space-5);
  margin-block-end: var(--space-2);
}

.page-conditions__ordered-list-item::before {
  content: counter(ordered-list-counter) ".";
  position: absolute;
  left: 0;
  color: var(--accent-gold);
  font-weight: 700;
}

/* Disclaimer paragraph */
.page-conditions__paragraph--disclaimer {
  font-style: italic;
}

/* Update paragraph */
.page-conditions__paragraph--update {
  font-weight: 700;
}

/* Email link */
.page-conditions__email {
  margin-block-end: var(--space-4);
}

.page-conditions__email-link {
  color: var(--accent-gold);
  transition: text-decoration 0.2s;
}

.page-conditions__email-link:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Section-specific text measure and alignment
   ========================================================================== */

/* Section 1: Introduction */
.page-conditions__text-block--intro {
  max-width: 800px;
  margin-inline: auto;
  text-align: left;
}

/* Section 2: Nature du site (card) */
.page-conditions__card--nature {
  max-width: 800px;
  margin-inline: auto;
  padding: var(--space-4);
  background-color: var(--bg-card);
  border: 1px solid var(--accent-gold);
  text-align: left;
}

/* Section 3: Propriété intellectuelle */
.page-conditions__text-block--ip {
  max-width: 800px;
  margin-inline: auto;
  text-align: left;
}

/* Section 4: Limitation de responsabilité */
.page-conditions__limitation-container {
  max-width: 800px;
  margin-inline: auto;
  padding-inline-start: var(--space-4);
  border-inline-start: 1px solid var(--accent-gold);
  text-align: left;
}

.page-conditions__limitation-block {
  margin-block-end: var(--space-5);
}

/* Section 5: Modification des conditions (card) */
.page-conditions__card--modification {
  max-width: 800px;
  margin-inline: auto;
  padding: var(--space-4);
  background-color: var(--bg-card);
  border: 1px solid var(--accent-gold);
  text-align: left;
}

/* Section 6: Contact */
.page-conditions__contact-container {
  max-width: 800px;
  margin-inline: auto;
  text-align: center;
}

/* ==========================================================================
   Responsive adjustments
   ========================================================================== */

@media (max-width: 48rem) {
  .page-conditions__title {
    font-size: 2rem;
  }

  .page-conditions__section-title {
    font-size: 1.75rem;
  }

  .page-conditions__subsection-title {
    font-size: 1.25rem;
  }

  /* Full-width on mobile */
  .page-conditions__text-block--intro,
  .page-conditions__card--nature,
  .page-conditions__text-block--ip,
  .page-conditions__limitation-container,
  .page-conditions__card--modification,
  .page-conditions__contact-container {
    max-width: 100%;
  }

  /* Maintain left border on limitation container */
  .page-conditions__limitation-container {
    padding-inline-start: var(--space-3);
  }

  /* Adjust padding for mobile */
  .page-conditions__container {
    padding-inline: var(--space-3);
  }
}