/**
 * page-documentaires.css
 * Ambiance cinéma — dark override complet
 */

/* Letterbox bars */
.cinema-letterbox { position: relative; }
.cinema-letterbox::before,
.cinema-letterbox::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: clamp(30px, 6vw, 80px);
  background: #000;
  z-index: 4;
}
.cinema-letterbox::before { top: 0; }
.cinema-letterbox::after { bottom: 0; }

/* ─── Page-level dark override ─── */
body.page-documentaires,
main.page-documentaires { background: #050a10; }
.page-documentaires .bg-cream { background: #0a1018; }
.page-documentaires .bg-sand  { background: #0c1420; }

/* Textes — sélecteurs précis, PAS de p global */
.page-documentaires .bg-cream,
.page-documentaires .bg-sand {
  color: var(--cream);
}
.page-documentaires .section-title { color: var(--cream); }
.page-documentaires .section-label { opacity: 0.8; }
.page-documentaires .section-inner p { color: rgba(250, 246, 240, 0.6); }
.page-documentaires .section-inner strong { color: var(--cream); }
.page-documentaires a:not(.btn):not(.nav-logo):not(.nav-links a) { color: var(--copper-light); }

/* Fix espacement sections documentaires */
.page-documentaires section { padding: var(--section-pad) 0; }
.page-documentaires .hero + section { padding-top: var(--section-pad); }

/* FAQ override for dark page */
.page-documentaires .faq-item {
  border-color: rgba(250, 246, 240, 0.08);
}
.page-documentaires .faq-item summary {
  color: var(--cream);
}
.page-documentaires .faq-item summary span {
  color: var(--copper-light);
}
.page-documentaires .faq-item > div {
  color: rgba(250, 246, 240, 0.5);
}

/* Serif large for manifeste */
.manifeste-text {
  font-family: var(--serif);
  font-size: clamp(1.2rem, 2.2vw, 1.6rem);
  line-height: 1.8;
  color: rgba(250, 246, 240, 0.75);
}
.manifeste-text em { color: var(--copper-light); font-style: italic; }

/* Film card */
.film-card {
  border: 1px solid rgba(196, 136, 90, 0.15);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(250, 246, 240, 0.02);
  transition: border-color 0.3s var(--ease);
}
.film-card:hover { border-color: rgba(196, 136, 90, 0.35); }

/* CTA final dans documentaires — fond distinct */
.page-documentaires .cta-final {
  background: #060c14;
}

/* Trust badges dark */
.page-documentaires .hero div[style*="display:flex"][style*="gap:2rem"] span {
  color: rgba(250, 246, 240, 0.4);
}

/* ─── Responsive documentaires ─── */
@media (max-width: 768px) {
  .cinema-letterbox::before,
  .cinema-letterbox::after {
    height: clamp(15px, 4vw, 40px);
  }

  /* Synopsis + fiche technique → 1 col */
  .page-documentaires div[style*="grid-template-columns:2fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* Pont corporate → 1 col */
  .page-documentaires div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* Hero cinéma — padding ajusté */
  .page-documentaires .cinema-letterbox .section-inner {
    padding-top: 6rem !important;
    padding-bottom: 4rem !important;
  }
  .page-documentaires .cinema-letterbox h1 {
    font-size: clamp(2.2rem, 8vw, 3.5rem) !important;
  }

  /* Process steps — stack proprement */
  .page-documentaires div[style*="display:flex"][style*="gap:2rem"] {
    gap: 1rem !important;
  }
}