/* ==========================================================================
   Guide WALL_ter - Styles spécifiques
   ========================================================================== */

/* Hero Section - Guide */
.hero-cover--guide {
  min-height: 40vh;
}

.hero-cover--guide .hero-cover__content h1 {
  color: white;
  font-size: 3rem;
  text-align: center;
  text-shadow: none;
}

/* Guide Content Container */
.guide-content {
  max-width: 800px;
  margin: 0 auto;
}

.guide-content--narrow {
  max-width: 700px;
  margin: 0 auto;
}

.guide-content--wide {
  max-width: 900px;
  margin: 0 auto;
}

/* Guide Text Styles */
.guide-intro {
  font-size: 1.2rem;
  line-height: 1.8;
  color: var(--color-text);
  margin-bottom: 2rem;
}

.guide-text {
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.guide-text--small {
  line-height: 1.8;
  margin-bottom: 1rem;
}

/* Table of Contents */
.toc-section {
  background: #F5F3F0;
  padding: 3rem 0;
}

.toc-list {
  list-style: none;
  padding: 0;
}

.toc-list__item {
  margin-bottom: 1rem;
}

.toc-list__link {
  font-size: 1.1rem;
}

/* Guide Headings */
.guide-heading {
  color: var(--color-primary);
  margin: 2rem 0 1rem;
  font-size: 1.5rem;
}

.guide-heading--large {
  color: var(--color-primary);
  margin: 2rem 0 1rem;
  font-size: 1.5rem;
}

.guide-heading--medium {
  color: var(--color-primary);
  margin: 1.5rem 0 0.8rem;
  font-size: 1.3rem;
}

/* Section Dark Headings */
.section--dark .guide-heading,
.section--dark .guide-heading--large {
  color: var(--color-white);
}

.section--dark .guide-heading--medium {
  color: var(--color-white);
}

/* Guide Lists */
.guide-list {
  line-height: 1.8;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

.guide-list__item {
  margin-bottom: 0.8rem;
}

.guide-list--ordered {
  line-height: 1.8;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

.guide-list--ordered .guide-list__item {
  margin-bottom: 1rem;
}

/* Dark Section Text Colors */
.section--dark .guide-text,
.section--dark .guide-list,
.section--dark .guide-list__item {
  color: white;
}

/* Info Boxes */
.info-box {
  background: rgba(255, 107, 53, 0.1);
  padding: 2rem;
  border-left: 4px solid var(--color-accent-4);
  margin: 2rem 0;
}

.info-box__text {
  margin: 0;
  line-height: 1.8;
}

.section--dark .info-box {
  background: rgba(255, 107, 53, 0.1);
  /* border-left: 4px solid var(--color-accent); */
}

.section--dark .info-box__text {
  color: white;
}

/* CTA Section */
.cta-centered {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.cta-centered__title {
  color: white;
}

.cta-centered__text {
  color: white;
  font-size: 1.1rem;
  margin-bottom: 2rem;
  line-height: 1.7;
}

.cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-buttons .btn--outline {
  background: white;
  color: var(--color-primary);
}

/* Responsive Adjustments */
@media (max-width: 766px) {
  .hero-cover--guide .hero-cover__content h1 {
    font-size: 2rem;
  }

  .guide-intro,
  .toc-list__link {
    font-size: 1rem;
  }

  .guide-heading,
  .guide-heading--large {
    font-size: 1.3rem;
  }

  .guide-heading--medium {
    font-size: 1.1rem;
  }

  .info-box {
    padding: 1.5rem;
  }

  .cta-buttons {
    flex-direction: column;
    align-items: stretch;
  }
}