/* SHARE_BUTTONS_V1 (Julien 2026-11-02): share row under the title (compact) and band at the end of the content (full).
   Plain links; the site's accent and text colours. */
.cms-share{--cms-share-line:color-mix(in srgb,var(--color-text,#14202b) 14%,transparent);--cms-share-accent:var(--color-accent,#0f9da3)}
.cms-share__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cms-share__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;min-width:40px;padding:0 12px;border:1px solid var(--cms-share-line);border-radius:999px;background:var(--color-surface,#fff);color:var(--color-text,#14202b);font:inherit;font-size:14.5px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:border-color .16s ease,color .16s ease,background-color .16s ease}
.cms-share__btn:hover,.cms-share__btn:focus-visible{border-color:var(--cms-share-accent);color:var(--cms-share-accent)}
.cms-share__btn:focus-visible{outline:2px solid var(--cms-share-accent);outline-offset:2px}
.cms-share .cms-social-icon{width:18px;height:18px;flex:none}
.cms-share__btn--native{background:var(--cms-share-accent);border-color:var(--cms-share-accent);color:var(--color-on-accent,#fff)}
.cms-share__btn--native:hover{color:var(--color-on-accent,#fff);filter:brightness(.94)}
.cms-share__btn.is-copied{border-color:var(--cms-share-accent);color:var(--cms-share-accent)}
.cms-share__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Compact, under the title: small round icons after the label. */
.cms-share--compact{margin-top:14px}
.cms-share--compact .cms-share__label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.8;margin-right:2px}
.cms-share--compact .cms-share__btn{padding:0;width:36px;min-width:36px;min-height:36px;background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 28%,transparent)}
.cms-share--compact .cms-share__btn:hover{color:inherit;border-color:currentColor;background:color-mix(in srgb,currentColor 10%,transparent)}
.cms-share--compact .cms-share__btn--native{width:auto;padding:0 14px;background:transparent}
.cms-share--compact .cms-social-icon{width:16px;height:16px}
/* Full, end of the content (END_BAND_LAYOUT_V1): one card — « Votre avis » | « Partager », then a quieter footer line. */
.cms-share--full{max-width:var(--cms-layout-max,1180px);margin:0 auto;padding:clamp(28px,4vw,44px) 16px;box-sizing:border-box}
/* Placed inside the page, right after the content section: that section's padding already makes the gap. */
main>.cms-share--full{padding-top:0}
.cms-endband{max-width:1080px;margin:0 auto;border:1px solid var(--cms-share-line);border-radius:22px;background:transparent;overflow:hidden}
.cms-endband__main{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr)}
.cms-endband--single .cms-endband__main{grid-template-columns:minmax(0,1fr)}
.cms-endband__cell{display:grid;align-content:start;gap:10px;padding:clamp(20px,2.6vw,30px);min-width:0}
.cms-endband__cell+.cms-endband__cell{border-left:1px solid var(--cms-share-line)}
.cms-endband__eyebrow{margin:0;color:var(--cms-share-accent);font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cms-endband__title{margin:0 0 4px;font-weight:800;font-size:clamp(17px,1.5vw,19px);line-height:1.3;color:var(--color-text,#14202b)}
.cms-share__title{margin:0;font-weight:800;font-size:clamp(17px,1.6vw,20px);color:var(--color-text,#14202b)}
.cms-endband__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px clamp(20px,2.6vw,30px);border-top:1px solid var(--cms-share-line);background:color-mix(in srgb,var(--color-text,#14202b) 3%,transparent)}
.cms-endband__foot:has(> :only-child){justify-content:flex-start}
@media (max-width:760px){.cms-endband__main{grid-template-columns:minmax(0,1fr)}.cms-endband__cell+.cms-endband__cell{border-left:0;border-top:1px solid var(--cms-share-line)}.cms-endband__foot{flex-direction:column;align-items:flex-start}}
/* Phones with a native share sheet: one button (+ copy) instead of the network list. */
.cms-share.has-native [data-share-network]{display:none}
.cms-share [hidden]{display:none!important}
/* In the heroes: the hero's own text colour (white on the dark editorial hero, text colour on a light one). */
.cms-editorial-hero .cms-share--compact{color:rgba(255,255,255,.9)}
.cms-editorial-hero[data-hero-tone="light"] .cms-share--compact{color:var(--color-text,#14202b)}
[data-component="specialized-hero"] .cms-share--compact{color:inherit}
/* SOCIAL_FOLLOW_V1 / GOOGLE_PREFERRED_SOURCE_V1 under the share band and on the home. */
.cms-follow--band{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px}
.cms-endband__foot .cms-follow--band{justify-content:flex-start;gap:8px 12px}
.cms-endband__foot .cms-follow__label{font-size:14px}
.cms-endband__foot .cms-follow__link{min-height:34px;padding:0 12px;font-size:14px}
.cms-follow--band .cms-follow__label{font-weight:800;color:var(--color-text,#14202b)}
.cms-follow__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.cms-follow--band .cms-follow__link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--cms-share-line,rgba(20,32,43,.14));border-radius:999px;background:var(--color-surface,#fff);color:var(--color-text,#14202b);font-weight:700;font-size:14.5px;text-decoration:none}
.cms-follow--band .cms-follow__link:hover{border-color:var(--color-accent,#0f9da3);color:var(--color-accent,#0f9da3)}
.cms-follow .cms-social-icon{width:18px;height:18px}
.cms-follow-section .cms-follow--band{padding-block:8px}
.cms-preferred-source{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted,#5b6773);font-size:14.5px;font-weight:600;text-decoration:none}
.cms-preferred-source:hover span{text-decoration:underline}
.cms-preferred-source__g{width:16px;height:16px;flex:none}
/* HELPFUL_VOTE_V1 */
.cms-helpful{display:grid}
.cms-helpful__row{display:flex;gap:10px}
.cms-helpful__row .cms-share__btn{min-width:84px}
.cms-helpful__thanks{display:flex;align-items:flex-start;gap:8px;margin:0;color:var(--color-text-muted,#5b6773);font-size:15px;line-height:1.45}
.cms-helpful__thanks .cms-social-icon{width:18px;height:18px;flex:none;margin-top:2px;color:var(--cms-share-accent)}
.cms-helpful__row .cms-share__btn{gap:7px}
