.cd-partner-hub.cd-func-page,
.cd-partner-notice.cd-func-page {
padding-block: 0.5rem 2.5rem;
overflow-x: clip;
max-width: 100%;
}
.cd-partner-hub.cd-func-page {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
.cd-partner-hub.cd-func-page {
scroll-behavior: auto;
}
}
.cd-partner-hub-toc {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 1rem 1.15rem;
margin: 0 0 1.75rem;
}
.cd-partner-hub-toc p {
margin: 0;
}
.cd-partner-hub-toc .wp-block-list {
margin: 0.5rem 0 0;
padding-left: 1.25rem;
}
@media (min-width: 600px) {
.cd-partner-hub-toc .wp-block-list {
columns: 2;
column-gap: 1.5rem;
}
}
.cd-partner-hub-toc a {
color: var(--cd-navy-mid, #1e3a5f);
text-decoration: none;
}
.cd-partner-hub-toc a:hover,
.cd-partner-hub-toc a:focus-visible {
text-decoration: underline;
}
.cd-partner-hub .cd-func-section-title,
.cd-partner-hub .cd-partner-cta#devenir-partenaire {
scroll-margin-top: 1.25rem;
}
.cd-partner-hub .cd-func-hero .wp-block-heading {
font-size: clamp(1.35rem, 4.5vw, 2.25rem);
line-height: 1.2;
word-wrap: break-word;
}
.cd-partner-hub .leaflet-container,
.cd-partner-hub .leaflet-map,
.cd-partner-hub [class*="cdp-"] {
max-width: 100%;
}
.cd-partner-notice-link {
background: #f8fafc;
border-left: 3px solid #1e3a5f;
padding: 0.85rem 1rem;
margin: 1.25rem 0;
border-radius: 0 8px 8px 0;
}
.cd-partner-notice-link p {
margin: 0;
}
.cd-partner-notice .wp-block-list li {
margin-bottom: 0.5rem;
}
.cd-partner-hub .cd-func-hero .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
.cd-partner-hub .cd-func-hero .wp-block-button__link {
white-space: normal;
text-align: center;
}
.cd-partner-hub .cd-partner-warning .wp-block-buttons,
.cd-partner-hub .cd-partner-cta .wp-block-buttons {
flex-wrap: wrap;
gap: 0.5rem;
}
.cd-partner-hero__kicker {
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--cd-navy-mid, #1e3a5f);
opacity: 0.85;
margin-bottom: 0.5rem !important;
} .cd-partner-hub .cd-func-hero.cd-partner-hero:not(.cd-partner-hero--premium) > p,
.cd-partner-hub .cd-func-hero.cd-partner-hero:not(.cd-partner-hero--premium) .cd-func-section-intro {
max-width: 42rem;
margin-inline: 0;
line-height: 1.65;
color: var(--cd-text-muted, #475569);
}
.cd-partner-hub .cd-func-card {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 1.15rem 1.2rem;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cd-partner-hub .cd-func-card:hover {
border-color: #cbd5e1;
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}
.cd-partner-panel {
background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
border: 1px solid #e2e8f0;
border-radius: 14px;
padding: 1.25rem 1.35rem;
margin: 1.5rem 0;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.cd-partner-panel--stats .wp-block-heading {
margin-top: 0;
font-size: 1.1rem;
color: var(--cd-navy-mid, #1e3a5f);
}
.cd-partner-panel--stats .wp-block-list {
margin-bottom: 0;
}
.cd-partner-panel--audience {
background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%);
border-color: #bfdbfe;
}
.cd-partner-panel--audience .wp-block-heading {
margin-top: 0;
font-size: 1.1rem;
color: var(--cd-navy-mid, #1e3a5f);
}
.cd-partner-panel--audience p:last-of-type {
margin-bottom: 0.75rem;
}
.cd-partner-panel--audience .wp-block-buttons {
margin-top: 0.25rem;
}
.cd-partner-hub-page .addtoany_content,
.cd-partner-hub-page .addtoany_share_save_container,
.cd-partner-hub-page .ccs-community-stats,
.cd-partner-hub-page .cdsb-stats-banner-wrap {
display: none !important;
}
.cd-partner-breadcrumb {
font-size: 0.9rem;
color: var(--cd-text-muted, #475569);
margin-bottom: 1rem !important;
}
.cd-partner-breadcrumb a {
color: var(--cd-navy-mid, #1e3a5f);
text-decoration: none;
}
.cd-partner-breadcrumb a:hover {
text-decoration: underline;
}
.cd-partner-warning {
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 12px;
padding: 1rem 1.15rem;
margin: 1.25rem 0 1.75rem;
}
.cd-partner-warning .wp-block-heading {
margin-top: 0;
font-size: 1.1rem;
}
.cd-partner-legacy-notice {
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 12px;
padding: 0.85rem 1rem;
margin-bottom: 1.25rem;
}
.cd-partner-cta {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
color: #fff;
border-radius: 15px;
padding: 1.75rem 1.5rem;
margin-top: 2rem;
text-align: center;
}
.cd-partner-cta .wp-block-heading,
.cd-partner-cta p {
color: #fff;
}
.cd-partner-offers-row {
gap: 1rem;
margin: 1rem 0 1.5rem;
}
@media (min-width: 782px) {
.cd-partner-offers-row {
flex-wrap: nowrap !important;
}
}
@media (max-width: 781px) {
.cd-partner-offers-row .wp-block-column {
flex-basis: 100% !important;
}
.cd-partner-hub .cd-func-hero .wp-block-buttons,
.cd-partner-hub .cd-partner-cta .wp-block-buttons,
.cd-partner-notice .wp-block-buttons {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.cd-partner-hub .cd-func-hero .wp-block-button,
.cd-partner-hub .cd-partner-cta .wp-block-button,
.cd-partner-notice .wp-block-button {
width: 100%;
}
.cd-partner-hub .cdp-partner-directory__field {
flex: 1 1 100%;
min-width: 0;
max-width: 100%;
}
.cd-partner-hub .cdp-partner-directory__field--radius {
flex: 1 1 100%;
}
} .cd-partner-hub .cdp-partner-directory,
.cd-partner-hub .cdp-partner-directory__map-wrap,
.cd-partner-hub .cdp-partner-directory__map {
max-width: 100%;
box-sizing: border-box;
}
.cd-partner-hub .cdp-partner-directory__filters-row {
flex-wrap: wrap;
}
.cd-partner-hub .cdp-partner-directory__near-btn.button,
.cd-partner-hub .cdp-partner-directory__submit.button {
min-height: 44px;
} .cd-partner-hub .cd-func-cards-grid {
gap: 1rem !important;
} .cd-partner-hub .cd-func-section-title,
.cd-partner-notice .cd-func-section-title {
font-size: clamp(1.1rem, 3.5vw, 1.35rem);
margin-top: 1.75rem;
}
.cd-partner-hub .cd-func-section-intro,
.cd-partner-notice .cd-func-section-intro {
font-size: clamp(0.95rem, 2.5vw, 1.05rem);
line-height: 1.6;
}
.cd-partner-hub .wp-block-list,
.cd-partner-notice .wp-block-list {
padding-left: 1.25rem;
} .cd-partner-hub .wp-block-button__link,
.cd-partner-notice .wp-block-button__link {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.65em 1.15em;
}
.cd-partner-notice-link a {
word-break: break-word;
}
.cd-partner-breadcrumb a:focus-visible,
.cd-partner-notice-link a:focus-visible,
.cd-partner-hub .wp-block-button__link:focus-visible {
outline: 2px solid #1e3a5f;
outline-offset: 2px;
} .cd-partner-hub .wp-block-list a {
text-underline-offset: 2px;
} .cd-partner-hub.cd-func-page {
--cd-partner-pink: #e84a7f;
--cd-partner-pink-soft: #fce8f0;
--cd-partner-max: 48rem;
} .cd-partner-hub .cd-func-hero.cd-partner-hero--premium {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #1a3354 0%, #2a4a73 42%, #3d5f94 100%);
box-shadow: 0 14px 44px rgba(15, 23, 42, 0.22);
padding: clamp(2rem, 5vw, 3rem) clamp(1.35rem, 4vw, 2.25rem);
margin-bottom: 1.75rem;
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 70% 55% at 100% 0%, rgba(232, 74, 127, 0.22), transparent 55%),
radial-gradient(ellipse 50% 45% at 0% 100%, rgba(255, 255, 255, 0.1), transparent 50%);
pointer-events: none;
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium > * {
position: relative;
z-index: 1;
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium .cd-partner-hero__kicker {
color: #fda4c8;
opacity: 1;
letter-spacing: 0.14em;
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium .wp-block-heading,
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium h1 {
color: #fff;
text-shadow: 0 1px 2px rgba(15, 23, 42, 0.15);
}
.cd-partner-hub .cd-partner-hero__accent {
color: #fda4c8;
font-weight: 700;
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium .cd-partner-hero__lead {
color: rgba(255, 255, 255, 0.96) !important;
max-width: 40rem;
font-size: clamp(1.02rem, 2.4vw, 1.15rem);
line-height: 1.65;
margin-bottom: 1.35rem;
margin-left: 0;
margin-right: auto;
} .cd-partner-spotlight .cd-partner-hero__lead,
.cd-partner-spotlight .cd-func-section-intro.cd-partner-hero__lead,
.cd-partner-panel .cd-partner-hero__lead {
color: inherit !important;
font-size: inherit;
max-width: none;
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium .wp-block-button:not(.is-style-outline) .wp-block-button__link {
background: var(--cd-partner-pink);
border: none;
box-shadow: 0 4px 14px rgba(232, 74, 127, 0.35);
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.55);
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium .wp-block-button.is-style-outline .wp-block-button__link:hover {
background: rgba(255, 255, 255, 0.12);
border-color: #fff;
} .cd-partner-spotlight {
background: linear-gradient(135deg, #fff 0%, var(--cd-partner-pink-soft) 100%);
border: 1px solid #f9a8d4;
border-radius: 16px;
padding: clamp(1.25rem, 3vw, 1.65rem) clamp(1.2rem, 3vw, 1.5rem);
margin: 0 0 1.5rem;
box-shadow: 0 8px 28px rgba(232, 74, 127, 0.08);
}
.cd-partner-spotlight .wp-block-heading {
margin-top: 0;
font-size: clamp(1.05rem, 3vw, 1.2rem);
color: var(--cd-navy-mid, #1e3a5f);
}
.cd-partner-spotlight p {
color: var(--cd-text-muted, #475569) !important;
line-height: 1.6;
margin-bottom: 1rem;
max-width: none;
}
.cd-partner-spotlight .wp-block-button:not(.is-style-outline) .wp-block-button__link {
background: var(--cd-navy-mid, #1e3a5f);
}
.cd-partner-spotlight .wp-block-button.is-style-outline .wp-block-button__link {
color: var(--cd-navy-mid, #1e3a5f);
border-color: var(--cd-partner-pink);
} .cd-partner-hub.cd-partner-subpage,
.cd-partner-notice.cd-partner-subpage {
max-width: var(--cd-partner-max);
}
.cd-partner-hub.cd-partner-subpage > .wp-block-heading,
.cd-partner-hub.cd-partner-subpage > .cd-func-section-intro,
.cd-partner-hub.cd-partner-subpage > p:not([class]),
.cd-partner-hub.cd-partner-subpage > .wp-block-list,
.cd-partner-hub.cd-partner-subpage > .wp-block-buttons,
.cd-partner-hub.cd-partner-subpage > .wp-block-columns,
.cd-partner-hub.cd-partner-subpage > .wp-block-group,
.cd-partner-notice.cd-partner-subpage > .wp-block-heading,
.cd-partner-notice.cd-partner-subpage > .cd-func-section-intro,
.cd-partner-notice.cd-partner-subpage > p:not([class]) {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.entry-content[data-ast-blocks-layout] .cd-partner-hub.cd-partner-subpage,
.entry-content[data-ast-blocks-layout] .cd-partner-hub:not(.cd-partner-subpage) {
margin-left: 0;
margin-right: auto;
}
.cd-partner-hub.cd-partner-subpage .cd-func-section-intro,
.cd-partner-notice.cd-partner-subpage .cd-func-section-intro {
margin-top: 0.35rem;
margin-bottom: 1.25rem;
color: var(--cd-text-muted, #475569);
}
.cd-partner-breadcrumb {
max-width: var(--cd-partner-max);
} .cd-partner-guide-card {
background: #fff;
border: 1px solid var(--cd-border, #e2e8f0);
border-radius: 14px;
padding: 1rem 1.15rem 1.05rem;
margin: 1.35rem 0;
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
transition: border-color 0.15s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.cd-partner-guide-card:hover {
border-color: #f9a8d4;
box-shadow: 0 8px 24px rgba(30, 58, 95, 0.08);
transform: translateY(-1px);
}
.cd-partner-guide-card__badge {
display: inline-block;
margin: 0 0 0.45rem;
padding: 0.2em 0.65em;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--cd-navy-mid, #1e3a5f);
background: var(--cd-partner-pink-soft);
border-radius: 999px;
}
.cd-partner-guide-card__title {
margin: 0;
font-size: 1.02rem;
font-weight: 600;
}
.cd-partner-guide-card__title a {
color: var(--cd-navy-mid, #1e3a5f);
text-decoration: none;
}
.cd-partner-guide-card__title a:hover {
color: var(--cd-partner-pink);
text-decoration: underline;
} .cd-partner-notice-link {
background: #fff;
border: 1px solid #e2e8f0;
border-left: 4px solid var(--cd-partner-pink);
border-radius: 12px;
padding: 1rem 1.15rem;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
} .cd-partner-examples {
margin: 1.75rem 0;
}
.cd-partner-examples > .wp-block-heading {
font-size: 1.1rem;
color: var(--cd-navy-mid, #1e3a5f);
margin-bottom: 0.85rem;
}
.cd-partner-examples__grid {
gap: 0.85rem !important;
}
.cd-partner-example-card {
background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 1rem 1.05rem;
height: 100%;
}
.cd-partner-example-card__label {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--cd-partner-pink);
margin: 0 0 0.4rem !important;
}
.cd-partner-example-card p:last-child {
margin: 0;
font-size: 0.92rem;
line-height: 1.5;
color: var(--cd-text-muted, #475569);
} .cd-partner-vitrine-mockup {
background: linear-gradient(145deg, #0f172a 0%, #1e3a5f 55%, #2d4a6f 100%);
color: #fff;
border-radius: 16px;
padding: clamp(1.35rem, 3vw, 1.75rem);
margin: 1.5rem 0;
box-shadow: 0 12px 36px rgba(15, 23, 42, 0.2);
}
.cd-partner-vitrine-mockup .wp-block-heading {
color: #fff;
margin-top: 0;
}
.cd-partner-vitrine-mockup p {
color: rgba(255, 255, 255, 0.9);
}
.cd-partner-vitrine-mockup__url {
margin: 0.75rem 0 1rem !important;
}
.cd-partner-vitrine-mockup__url code {
display: inline-block;
padding: 0.55em 1em;
font-size: clamp(0.85rem, 2.5vw, 1rem);
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 10px;
color: #fda4c8;
}
.cd-partner-vitrine-mockup__hint {
font-size: 0.88rem;
opacity: 0.85;
margin-bottom: 0 !important;
} .cd-partner-panel--stats-premium {
background: linear-gradient(135deg, #f8fafc 0%, #fff 50%, var(--cd-partner-pink-soft) 100%);
border-color: #fbcfe8;
}
.cd-partner-stats-metrics {
gap: 0.65rem !important;
margin: 1rem 0 0.75rem !important;
}
.cd-partner-stat-metric {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0.85rem 0.5rem;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
min-height: 4.5rem;
justify-content: center;
}
.cd-partner-stat-metric__value {
font-size: 0.95rem;
font-weight: 700;
color: var(--cd-navy-mid, #1e3a5f);
}
.cd-partner-stat-metric__label {
font-size: 0.78rem;
color: var(--cd-text-muted, #475569);
margin-top: 0.2rem;
}
.cd-partner-panel__footnote {
font-size: 0.85rem;
color: var(--cd-text-muted, #64748b);
margin: 0.5rem 0 0 !important;
} .cd-partner-hub .cd-func-card {
border-top: 3px solid transparent;
}
.cd-partner-hub .cd-func-card:hover {
border-top-color: var(--cd-partner-pink);
}
.cd-partner-hub .cd-func-section-title {
color: var(--cd-navy-mid, #1e3a5f);
padding-bottom: 0.35rem;
border-bottom: 2px solid var(--cd-partner-pink-soft);
display: block;
width: 100%;
margin-bottom: 0.65rem;
}
.cd-partner-hub .cd-partner-cta {
background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 48%, #2d4a73 100%);
} .cd-partner-hub > .wp-block-separator,
.cd-partner-hub .cd-func-hero + .wp-block-separator {
display: none;
}
.cd-partner-guide-card,
.cd-partner-panel,
.cd-partner-spotlight,
.cd-partner-examples,
.cd-partner-vitrine-mockup {
max-width: 100%;
}
.cd-partner-vitrine-mockup__url code {
word-break: break-word;
overflow-wrap: anywhere;
}
.cd-partner-panel--audience + .cd-partner-hub-toc {
margin-top: 0.5rem;
}
@media (max-width: 781px) {
.cd-partner-stats-metrics .wp-block-column {
flex-basis: 47% !important;
flex-grow: 0;
}
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium {
padding: 1.65rem 1.15rem;
}
.cd-partner-spotlight,
.cd-partner-panel--audience {
padding: 1.15rem 1rem;
}
.cd-partner-spotlight .wp-block-buttons,
.cd-partner-hub .cd-func-hero.cd-partner-hero--premium .wp-block-buttons {
flex-direction: column;
align-items: stretch;
}
.cd-partner-examples__grid .wp-block-column {
flex-basis: 100% !important;
}
} .cd-partner-hub-page .entry-content[data-ast-blocks-layout] > .cd-partner-hub,
.cd-partner-hub-page .entry-content[data-ast-blocks-layout] > .cd-partner-notice {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: var(--cd-partner-max, 48rem);
}
.cd-partner-hub.cd-func-page,
.cd-partner-notice.cd-partner-notice.cd-func-page {
margin-left: 0;
margin-right: auto;
} .cd-partner-hub > :where(
:is(h1, h2, h3, h4, h5, h6),
.wp-block-heading,
p,
.cd-func-section-intro,
.wp-block-list,
.wp-block-buttons,
.wp-block-separator
):not(.alignfull):not(.alignwide),
.cd-partner-notice.cd-partner-subpage > :where(
:is(h1, h2, h3, h4, h5, h6),
.wp-block-heading,
p,
.cd-func-section-intro,
.wp-block-list,
.wp-block-buttons
):not(.alignfull):not(.alignwide) {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.cd-partner-hub.is-layout-constrained
> :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),
.cd-partner-notice.is-layout-constrained
> :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)) {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100%;
}
.cd-partner-hub .cd-func-section-intro,
.cd-partner-notice .cd-func-section-intro {
max-width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cd-partner-hub > p:not([class]),
.cd-partner-notice.cd-partner-subpage > p:not([class]) {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100%;
}