/* ============================================================
   CHECKLIST CONTRÔLE TECHNIQUE 2026
   Page : /checklist-controle-technique-gratuite/
   Chargé via functions.php wp_enqueue_style (uniquement sur cette page)
   Dépend de : Tailwind CDN (script dans le bloc HTML WP de la page)
============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap');

/* Isolation du wrapper */
.mct-wrap, .mct-wrap * { box-sizing: border-box; }
.mct-wrap { font-family: 'DM Sans', sans-serif; }
.mct-wrap h1, .mct-wrap h2, .mct-wrap h3 { font-family: 'Barlow Condensed', sans-serif; }

/* Hero gradient */
.hero-gradient {
  background: linear-gradient(135deg, #0d1b2a 0%, #1b2d42 50%, #0d2035 100%);
}

/* CTA glow */
.cta-glow {
  box-shadow: 0 0 20px rgba(249,115,22,0.4), 0 4px 24px rgba(249,115,22,0.2);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.cta-glow:hover {
  box-shadow: 0 0 35px rgba(249,115,22,0.6), 0 8px 32px rgba(249,115,22,0.3);
  transform: translateY(-2px);
}
.cta-glow:active { transform: translateY(0); }

/* Checklist items */
.checklist-item { transition: transform 0.2s ease, background 0.2s ease; }
.checklist-item:hover { transform: translateX(4px); background: rgba(249,115,22,0.05); }

/* FAQ accordéon */
.faq-content { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
.faq-content.open { max-height: 500px; }
.faq-chevron { transition: transform 0.3s ease; }
.faq-chevron.open { transform: rotate(180deg); }

/* Compteur animé */
@keyframes mct-counter-up {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.counter-anim { animation: mct-counter-up 0.6s ease forwards; }

/* Mockup PDF */
.mockup-shadow {
  box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 8px 20px rgba(0,0,0,0.3);
}

/* Autocomplete recherche centre */
.mct-ac-wrap { position: relative; flex: 1; }
.mct-ac-list {
  position: absolute; top: 100%; left: 0; right: 0; z-index: 50;
  background: #1b2d42; border: 1px solid #2d4060; border-top: none;
  border-radius: 0 0 12px 12px; overflow: hidden;
  display: none; max-height: 240px; overflow-y: auto;
}
.mct-ac-list li {
  padding: 10px 16px; cursor: pointer; font-size: 0.875rem;
  color: #e2e8f0; list-style: none; border-bottom: 1px solid #243447;
}
.mct-ac-list li:last-child { border-bottom: none; }
.mct-ac-list li:hover, .mct-ac-list li.active { background: #f97316; color: #fff; }
.mct-ac-list li span { color: #94a3b8; font-size: 0.75rem; margin-left: 6px; }
.mct-ac-list li:hover span, .mct-ac-list li.active span { color: #fff; }