/* ═══════════════════════════════════════════════════
   E-SHOPIA — Thème Bouchon Poche Auto
   Chargé APRÈS shared.css — overrides scopés body.theme-bouchon
═══════════════════════════════════════════════════ */

body.theme-bouchon {
  background: #f8fafc;
  color: #0f172a;
}

/* CTA principal vert WhatsApp */
.bouchon-cta {
  background: linear-gradient(90deg, #25d366 0%, #4ade80 50%, #25d366 100%);
  background-size: 200% auto;
  animation: shimmer 2.8s linear infinite;
}
.bouchon-cta:hover  { filter: brightness(1.07); }
.bouchon-cta:active { transform: scale(.97); }

/* Accents indigo */
.bouchon-accent    { color: #3730a3; }
.bouchon-bg-accent { background: #1e1b4b; color: white; }

/* Override input focus : rose → indigo */
body.theme-bouchon input:focus,
body.theme-bouchon textarea:focus {
  border-color: #3730a3;
  box-shadow: 0 0 0 4px rgba(55, 48, 163, .12);
}

/* Checkbox accent indigo */
body.theme-bouchon input[type="checkbox"] {
  accent-color: #3730a3;
}

/* Bloc vidéo */
.video-frame {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(30, 27, 75, .12);
}

/* Trust icon indigo bg */
.trust-icon-indigo {
  width: 56px; height: 56px;
  background: #eef2ff;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px;
  color: #3730a3;
  font-size: 26px;
}

/* Pack summary indigo border */
.pack-summary-indigo {
  background: white;
  border-radius: 20px;
  border: 2px solid #3730a3;
  padding: 20px;
  position: sticky;
  top: 84px;
}

/* Step pill active indigo */
.step-pill.active span { background: #3730a3; color: white; }
.step-pill.done  span  { background: #25d366; color: white; }
.step-pill.idle  span  { background: #e5ddd5; color: #9ca3af; }
.step-sep.done         { background: #25d366; }

/* Sincerity box border active */
body.theme-bouchon #sincerity-box.valid { border-color: #25d366; }

/* Témoignage card */
.testi-card-bouchon {
  background: white;
  border-radius: 20px;
  padding: 22px;
  border: 1px solid #e0e7ff;
  box-shadow: 0 4px 20px rgba(55,48,163,.07);
}

/* FAQ icon */
.faq-body { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .3s ease; }
.faq-body.open { max-height: 300px; padding-bottom: 16px; }
.faq-icon { transition: transform .35s ease; }
.faq-item.open .faq-icon { transform: rotate(180deg); }

/* Responsive */
@media (max-width: 768px) {
  .hero-grid     { flex-direction: column !important; }
  .steps-grid    { grid-template-columns: 1fr !important; }
  .trust-grid    { grid-template-columns: 1fr 1fr !important; }
  .checkout-grid { flex-direction: column !important; }
  .pack-summary-indigo { position: static; }
}
@media (max-width: 480px) {
  .trust-grid { grid-template-columns: 1fr !important; }
}