/* ============================================================
   AMBIZ — Page éditeur générique
   Hero compact + featured image optionnelle + contenu narrow
   ============================================================ */


/* ════════════════════════════════════════════════════════════
   1. HERO PAGE
   ════════════════════════════════════════════════════════════ */

.ambiz-page__hero {
  background: var(--ambiz-bg-light);
  padding: var(--space-2xl) 0 var(--space-xl);
  border-bottom: 1px solid var(--ambiz-border-light);
}

.ambiz-page__hero-inner {
  text-align: center;
  max-width: 820px;
}

.ambiz-page__title {
  font-family: var(--font-serif);
  font-size: clamp(var(--text-3xl), 5vw, var(--text-5xl));
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--ambiz-navy);
  margin: 0 0 var(--space-sm);
  text-wrap: balance;
}

.ambiz-page__subtitle {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  color: var(--ambiz-text-muted);
  margin: 0 auto;
  max-width: 640px;
}

@media (max-width: 768px) {
  .ambiz-page__hero {
    padding: var(--space-xl) 0 var(--space-lg);
  }
  .ambiz-page__subtitle {
    font-size: var(--text-sm);
  }
}


/* ════════════════════════════════════════════════════════════
   2. FEATURED IMAGE
   ════════════════════════════════════════════════════════════ */

.ambiz-page__featured {
  margin: 0;
  padding: 0;
  background: var(--ambiz-bg-light);
}

.ambiz-page__featured-wrap {
  max-width: var(--container-xl);
  margin: 0 auto;
  padding: 0 var(--space-md);
}

.ambiz-page__featured-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
  border-radius: var(--radius-xl);
  margin-top: calc(-1 * var(--space-xl));
  box-shadow: 0 24px 48px rgba(15, 31, 61, 0.12);
}

@media (max-width: 768px) {
  .ambiz-page__featured-img {
    max-height: 280px;
    margin-top: calc(-1 * var(--space-md));
    border-radius: var(--radius-lg);
  }
}


/* ════════════════════════════════════════════════════════════
   3. CONTENU
   ════════════════════════════════════════════════════════════ */

.ambiz-page__content-wrap {
  padding: var(--space-2xl) 0;
  background: var(--ambiz-bg);
}

.ambiz-page__content {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  color: var(--ambiz-text);
}

/* Typographie reprise du single mais factorisée si on veut */
.ambiz-page__content > * + * {
  margin-top: var(--space-md);
}

.ambiz-page__content h2 {
  font-family: var(--font-serif);
  font-size: clamp(var(--text-xl), 3vw, var(--text-3xl));
  font-weight: var(--font-bold);
  line-height: var(--leading-snug);
  color: var(--ambiz-navy);
  margin-top: var(--space-xl);
  margin-bottom: var(--space-sm);
}

.ambiz-page__content h3 {
  font-family: var(--font-serif);
  font-size: clamp(var(--text-lg), 2.5vw, var(--text-xl));
  font-weight: var(--font-bold);
  color: var(--ambiz-navy);
  margin-top: var(--space-lg);
  margin-bottom: var(--space-2xs);
}

.ambiz-page__content p {
  margin: 0;
}

.ambiz-page__content strong {
  font-weight: var(--font-semibold);
  color: var(--ambiz-navy);
}

.ambiz-page__content a {
  color: var(--ambiz-red);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.ambiz-page__content a:hover {
  color: var(--ambiz-red-dark);
  text-decoration-thickness: 2px;
}

.ambiz-page__content ul,
.ambiz-page__content ol {
  padding-left: var(--space-md);
  margin: 0;
}

.ambiz-page__content li {
  margin: var(--space-2xs) 0;
}

.ambiz-page__content ul li::marker {
  color: var(--ambiz-red);
}

.ambiz-page__content blockquote {
  margin: var(--space-lg) 0;
  padding: var(--space-md) var(--space-lg);
  background: var(--ambiz-bg-light);
  border-left: 4px solid var(--ambiz-red);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  font-style: italic;
}

.ambiz-page__content img {
  border-radius: var(--radius-lg);
  margin: var(--space-md) 0;
}


/* ════════════════════════════════════════════════════════════
   4. RTL
   ════════════════════════════════════════════════════════════ */

[dir="rtl"] .ambiz-page__content blockquote {
  border-left: none;
  border-right: 4px solid var(--ambiz-red);
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

[dir="rtl"] .ambiz-page__content ul,
[dir="rtl"] .ambiz-page__content ol {
  padding-left: 0;
  padding-right: var(--space-md);
}