/* ============================================================
   Typographie de base fluide (valeurs site original)
   Variable partagee = meme taille pour tous les titres de section
   ============================================================ */
:root {
  --tw-h1-size: clamp(1.8rem, 3.8vw, 3.4rem);
  --tw-h2-size: clamp(1.8rem, 3.5vw, 2.8rem);
  --tw-h3-size: clamp(1.05rem, 1.3vw, 1.25rem);
}

h1,
h2,
h3,
h4 {
  font-family: "Space Grotesk", Inter, sans-serif;
  letter-spacing: -0.02em;
}

h1 {
  font-size: var(--tw-h1-size);
  line-height: 1.1;
}

/* Hero H1: slightly smaller than base h1 (keeps faces clear of ellipsis) */
.pbx-hero-title,
.pbx-bg-black .pbx-hero-title,
h1.pbx-hero-title {
  font-size: clamp(1.65rem, 3.1vw, 2.9rem) !important;
}

h2 {
  font-size: var(--tw-h2-size);
  line-height: 1.12;
}

/* Tous les titres de section = meme echelle (768 / 1024 / desktop) */
h2,
[data-pbx-amande-section] h2,
[data-pbx-roi-calculator] h2,
[data-pbx-platform-audit] .pbx-audit-title,
[data-pbx-faq-accordion] .pbx-faq-title,
[data-pbx-faq-cards] .pbx-faq-cards-title,
[data-pbx-ecosystem-carousel] .pbx-eco-title,
[data-pbx-accordion-cards].pbx-expertises-section .pbx-exp-heading,
.pbx-network-section .pbx-clients-hero-title,
.pbx-faq-title,
.pbx-faq-cards-title,
.pbx-audit-title,
.pbx-eco-title,
.pbx-exp-heading,
.pbx-clients-hero-title {
  font-size: var(--tw-h2-size) !important;
}

h3 {
  font-size: var(--tw-h3-size);
  line-height: 1.2;
}

h4 {
  font-size: clamp(0.85rem, 1vw, 0.92rem);
  line-height: 1.35;
}

p {
  font-size: clamp(0.8rem, 0.95vw, 0.88rem);
}

/* ============================================================
   Boutons primaires — #DC2626 sur tout le site
   (mobile / tablette / desktop)
   ============================================================ */
a.pbx-nav-audit-btn,
button.pbx-nav-audit-btn,
a.pbx-cta-btn,
button.pbx-cta-btn,
a.pbx-rounded-full.pbx-bg-red-600,
.pbx-bg-red-600,
.tw-mobile-nav__cta,
.pbx-lead-submit,
button.pbx-lead-submit,
a.pbx-lead-submit,
.pbx-audit-submit,
.pbx-audit-report,
.pbx-roi-cta,
.pbx-talents-cta,
.sol-btn-primary,
.trix-button:not(.trix-button--outline),
.apropos-button,
a.btn:not(.ghost),
button.btn:not(.ghost),
.hero-cta,
a.cta-primary,
button.cta-primary {
  background: #DC2626 !important;
  background-image: none !important;
  border-color: #DC2626 !important;
  box-shadow:
    rgba(220, 38, 38, 0.45) 0px 12px 40px,
    rgba(0, 0, 0, 0.3) 0px 4px 12px !important;
}

/* Icônes / flèches des CTA : cercle blanc, flèche rouge marque */
.pbx-nav-audit-icon,
.trix-button-icon,
.sol-btn-icon {
  color: #DC2626 !important;
}

/* Outline / ghost : pas de fond rouge (gardent leur style secondaire) */
.trix-button--outline,
.sol-btn-ghost,
a.btn.ghost,
a.btn.ghost.pbx-cta-ghost {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

a.pbx-btn-outline-red {
  background: #fff !important;
  background-image: none !important;
  border-color: #DC2626 !important;
}