/* CPL Business 2.1 - même rendu dans Gutenberg et sur le site. */
.cpl-tier-business .cpl-b2b-section,
.editor-styles-wrapper .cpl-b2b-section {
  background:linear-gradient(135deg,#102d4b 0%,#123c73 60%,#1265a2 100%) !important;
  color:#fff !important;
  isolation:isolate;
}
.cpl-tier-business .cpl-b2b-section h2,
.cpl-tier-business .cpl-b2b-section h3,
.cpl-tier-business .cpl-b2b-section .cpl-eyebrow,
.editor-styles-wrapper .cpl-b2b-section h2,
.editor-styles-wrapper .cpl-b2b-section h3 {color:#fff !important;opacity:1}
.cpl-tier-business .cpl-b2b-section p,
.cpl-tier-business .cpl-b2b-section .cpl-process span,
.editor-styles-wrapper .cpl-b2b-section p {color:#e8f4ff!important;opacity:1}
.cpl-tier-business .cpl-b2b-section .cpl-btn,
.cpl-tier-business .cpl-b2b-section a.cpl-btn,
.cpl-tier-business .cpl-b2b-section .wp-block-button__link,
.editor-styles-wrapper .cpl-b2b-section .wp-block-button__link {
  background:#fff!important;color:#113b70!important;border:2px solid #fff!important;
  border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.16);font-weight:800;
  text-decoration:none!important;opacity:1;
}
.cpl-tier-business .cpl-b2b-section .cpl-btn:hover,
.cpl-tier-business .cpl-b2b-section .wp-block-button__link:hover,
.editor-styles-wrapper .cpl-b2b-section .wp-block-button__link:hover {
  color:#062747!important;background:#d9f1ff!important;border-color:#d9f1ff!important;
}
.cpl-tier-business .cpl-b2b-section .cpl-disclaimer {color:#d7eaff!important}
.cpl-tier-business .cpl-b2b-section :is(a,button):focus-visible {outline:3px solid #ffdf79;outline-offset:3px}
/* Couleurs lisibles lorsqu'un bouton Gutenberg reçoit un fond blanc. */
.cpl-tier-business .wp-block-button__link.has-white-background-color {color:#123c73!important}
.cpl-tier-business .wp-block-button__link.has-cpl-blue-background-color,
.cpl-tier-business .wp-block-button__link.has-cpl-deep-background-color {color:#fff!important}
.cpl-nexa-credit {display:inline-block;line-height:1.65}
.cpl-footer-bottom .cpl-nexa-credit a {display:inline!important;margin:0;color:#c9eaff!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cpl-footer-bottom .cpl-nexa-credit a:hover {color:#fff!important}
.cpl-footer-bottom{flex-wrap:wrap;align-items:center}
.cpl-tier-business .cpl-gutenberg-page {min-height:40vh}
.cpl-gutenberg-page > .wp-block-group.alignfull{margin-left:0;margin-right:0}
.cpl-tier-business .cpl-gutenberg-page .wp-block-columns.cpl-cards,
.editor-styles-wrapper .wp-block-columns.cpl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cpl-tier-business .cpl-gutenberg-page .wp-block-column.cpl-card,
.editor-styles-wrapper .wp-block-column.cpl-card {padding:26px;border:1px solid #d8e8f4;background:#fff;box-sizing:border-box}
.cpl-tier-business .cpl-gutenberg-page .wp-block-columns.cpl-cta-grid,
.editor-styles-wrapper .wp-block-columns.cpl-cta-grid {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.cpl-tier-business .cpl-gutenberg-page .wp-block-button__link:not(.has-background){background:#168fe7;color:#fff!important;border-radius:12px;padding:13px 22px;font-weight:800}
.cpl-tier-business .cpl-gutenberg-page .wp-block-button.is-style-outline .wp-block-button__link {background:transparent!important;border:2px solid #168fe7;color:#123c73!important}
.cpl-tier-business .cpl-gutenberg-page .cpl-b2b-section .wp-block-button__link:not(.has-background) {background:#fff!important;color:#123c73!important}
.cpl-tier-business .cpl-gutenberg-page .cpl-hero .wp-block-image img {max-width:100%;height:auto}
.editor-styles-wrapper .cpl-b2b-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
@media(max-width:980px){.cpl-tier-business .cpl-gutenberg-page .wp-block-columns.cpl-cards,.editor-styles-wrapper .wp-block-columns.cpl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.cpl-tier-business .cpl-gutenberg-page .wp-block-columns.cpl-cards,.editor-styles-wrapper .wp-block-columns.cpl-cards{grid-template-columns:1fr}.cpl-tier-business .cpl-gutenberg-page .wp-block-columns.cpl-cta-grid,.editor-styles-wrapper .wp-block-columns.cpl-cta-grid{grid-template-columns:1fr}.editor-styles-wrapper .cpl-b2b-grid{grid-template-columns:1fr}}

/* Les étapes B2B restent lisibles lorsqu'elles deviennent des paragraphes Gutenberg. */
.cpl-tier-business .cpl-b2b-section .cpl-process>p:not(.cpl-disclaimer),
.editor-styles-wrapper .cpl-b2b-section .cpl-process>p:not(.cpl-disclaimer){
  display:flex;gap:15px;align-items:center;padding:18px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.24);
  font-weight:700;color:#fff!important;
}
.cpl-tier-business .cpl-b2b-section .cpl-process>p strong,
.editor-styles-wrapper .cpl-b2b-section .cpl-process>p strong {color:#aee7ff!important}

/* 2.1.1 : restituer les largeurs originales, sans déborder sur les petits écrans.
 * Le thème Business est classique; les groupes Gutenberg ont des contraintes
 * implicites, qu'il faut neutraliser sur les compositions CPL pleine largeur. */
.cpl-tier-business .cpl-gutenberg-page {width:100%;max-width:none;min-width:0;margin-inline:0;}
.cpl-tier-business .cpl-gutenberg-page > .alignfull,
.cpl-tier-business .cpl-gutenberg-page > .wp-block-group.alignfull,
.cpl-tier-business .cpl-gutenberg-page > .wp-block-cover.alignfull {
 width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
.cpl-tier-business .cpl-gutenberg-page .cpl-container,
.editor-styles-wrapper .cpl-container {
 width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;
 margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;
}
.cpl-tier-business .cpl-gutenberg-page .cpl-container.wp-block-columns,
.cpl-tier-business .cpl-gutenberg-page .cpl-container.wp-block-group {
 max-width:1180px!important;
}
/* Répartir les colonnes sur toute la largeur disponible, sans empiler
 * arbitrairement les éléments de la version bureau. */
.cpl-tier-business .cpl-gutenberg-page .wp-block-group.cpl-hero-grid {
 display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
 align-items:center;gap:clamp(28px,5vw,70px);
}
.cpl-tier-business .cpl-gutenberg-page .wp-block-columns.cpl-b2b-grid {
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:center;gap:clamp(24px,5vw,80px);
}
.cpl-tier-business .cpl-gutenberg-page .wp-block-column,
.cpl-tier-business .cpl-gutenberg-page .cpl-hero-copy {min-width:0;}
/* Toute composition conserve sa bande pleine largeur; son contenu reste
 * dans un rail lisible de 1180px, comme sur l'ancien site CPL. */
.cpl-tier-business .cpl-gutenberg-page :is(.cpl-hero,.cpl-stats,.cpl-b2b-section,.cpl-section).alignfull {
 width:100%!important;max-width:none!important;
}
@media(max-width:820px){
 .cpl-tier-business .cpl-gutenberg-page .cpl-container,
 .editor-styles-wrapper .cpl-container {width:calc(100% - 28px)!important;}
 .cpl-tier-business .cpl-gutenberg-page .wp-block-group.cpl-hero-grid,
 .cpl-tier-business .cpl-gutenberg-page .wp-block-columns.cpl-b2b-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:560px){
 .cpl-tier-business .cpl-gutenberg-page .cpl-container,
 .editor-styles-wrapper .cpl-container {width:calc(100% - 22px)!important;}
}

/* Pages éditées directement dans Gutenberg et bandeaux pleine largeur. */
.cpl-tier-business .cpl-standard-page {width:100%;max-width:none;margin:0;}
.cpl-tier-business .cpl-standard-content > :not(.alignfull) {
 max-width:1180px;margin-inline:auto;box-sizing:border-box;
}
.cpl-tier-business .cpl-standard-content > .alignfull {
 width:100%;max-width:none;margin-left:0!important;margin-right:0!important;
}
.cpl-tier-business .cpl-standard-content > :not(.alignfull):not(.cpl-container) {
 width:min(1180px,calc(100% - 40px));
}
@media(max-width:820px){
 .cpl-tier-business .cpl-standard-content > :not(.alignfull):not(.cpl-container) {width:calc(100% - 28px);}
}
@media(max-width:560px){
 .cpl-tier-business .cpl-standard-content > :not(.alignfull):not(.cpl-container) {width:calc(100% - 22px);}
}