/* 8UP Media — polish lisibilité & harmonisation blocs */
:root {
  --section-pad: 96px;
  --section-pad-sm: 64px;
}

/* Trust bar dupliquée : retirée (infos dans le hero) */
.conv-trust-bar { display: none !important; }

/* SEO footer : visible Google, invisible visiteurs */
.seo-crawl-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.seo-crawl-only a { color: #888; }

/* Espacement sections */
section { padding: var(--section-pad) 0 !important; }
.conv-lead-section { padding: var(--section-pad) 24px !important; }
.page-hero, .hero { padding-bottom: var(--section-pad-sm) !important; }

/* Fonds alternés harmonisés */
body section:nth-of-type(even):not(.hero):not(.cta-banner) { background: #FAFAF9 !important; }
body section:nth-of-type(odd):not(.hero) { background: #FFFFFF !important; }
.cta-section, .cta-final, .section-dark[style*="FFF6F0"],
section[style*="background:var(--bg-soft)"],
section[style*="background:#FFF6F0"] {
  background: #FFF6F9 !important;
}

/* Hero trust inline */
.hero-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #E8E8E8;
}
.hero-trust-row span {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.hero-trust-row span::before {
  content: '✓';
  color: #FF6500;
  font-weight: 800;
}

/* Bloc pourquoi nous */
.why-8up { padding: var(--section-pad) 0; background: #FAFAF9; }
.why-8up .lead { font-size: 17px; color: #444; line-height: 1.65; max-width: 720px; margin-bottom: 40px; }
.why-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 960px; margin-bottom: 40px; }
.why-card { background: #fff; border: 1px solid #E8E8E8; border-radius: 16px; padding: 28px; }
.why-card.highlight { border: 2px solid #FF6500; }
.why-card h3 { font-size: 16px; font-weight: 800; margin-bottom: 18px; color: #888; }
.why-card.highlight h3 { color: #FF6500; }
.why-row { display: flex; gap: 10px; margin-bottom: 12px; font-size: 14px; line-height: 1.55; color: #555; }
.why-row .ico { flex-shrink: 0; font-weight: 700; }
.why-context {
  background: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 16px;
  padding: 32px;
  max-width: 960px;
}
.why-context h3 { font-size: 18px; font-weight: 800; margin-bottom: 16px; color: #0A0A0A; }
.why-context ul { list-style: none; padding: 0; margin: 0 0 20px; display: grid; gap: 14px; }
.why-context li { font-size: 14px; line-height: 1.65; color: #444; }
.why-context li strong { color: #0A0A0A; }
.why-context .summary { font-size: 15px; line-height: 1.65; color: #333; margin: 0; padding-top: 16px; border-top: 1px solid #E8E8E8; }

/* Témoignages : plus d'air */
.testimonials-grid { gap: 28px !important; }
.testimonial-card { padding: 32px !important; }

/* Formulaires secteurs */
.sector-lead-wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px var(--section-pad); }

/* Sticky bar : moins agressive */
#conv-sticky-bar { border-top: 1px solid #2a2a2a !important; }
#conv-sticky-bar .conv-sticky-text strong { font-weight: 700; }

/* Marquee : seul bandeau sous hero */
.marquee-section { margin-top: 0 !important; background: #FAFAF9 !important; }

/* Détails SEO footer legacy */
details.seo-sitemap:not(.seo-crawl-only) { display: none !important; }

@media (max-width: 768px) {
  section { padding: var(--section-pad-sm) 0 !important; }
  .why-compare { grid-template-columns: 1fr; }
  .hero-trust-row { gap: 10px 16px; }
}

/* Bloc Pourquoi 8UP : centré */
.why-8up .container { max-width: 980px; margin: 0 auto; }
.why-compare, .why-context { margin-left: auto; margin-right: auto; }

/* CTA sections : boutons visibles */
.cta-section .btn-white, .cta-section .btn-ghost,
.cta-final .btn-ghost {
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid #fff !important;
}
section[style*="FFF6F0"] .btn-white,
.cta-section .btn-primary {
  background: #D95400 !important;
  color: #fff !important;
  border-color: #D95400 !important;
}