/*
Theme Name: Futurmatik — Couleurs
Template: futurmatic
Version: 0.1.12
Description: Structure du thème de production, palette cobalt et corail, titres agrandis et aplats. Variante de couleurs du thème Futurmatik.
*/
:root{--fm-navy:#242934;--fm-gold:#ff6348;--fm-gold-dark:#bd351e;--fm-cream:#f7f4ea;--fm-line:rgba(36,41,52,.17);--fm-cobalt:#4b6285;--fm-coral:#ff6348}
body.fm-cobalt{color:#242934;background:#f7f4ea}
.fm-cobalt .fm-header,.fm-cobalt .fm-nav{background:#f7f4ea}
.fm-cobalt .fm-header .fm-logo img,.fm-cobalt .fm-nav-home img{filter:brightness(0) saturate(100%) invert(38%) sepia(15%) saturate(1190%) hue-rotate(176deg) brightness(91%) contrast(88%)}
.fm-cobalt .fm-nav{border-bottom-color:#ff6348}
.fm-cobalt .fm-nav-pill{color:#4b6285}
.fm-cobalt .fm-nav-pill:hover,.fm-cobalt .fm-nav-pill.is-current{background:#4b6285;color:#fff;border-color:#4b6285}
.fm-cobalt .fm-nav-pill.is-disabled{color:#747984}
.fm-cobalt .fm-lang .is-active{background:#4b6285;color:#fff}
.fm-cobalt .fm-compact-nav{background:#4b6285;border-color:#ff6348}
.fm-cobalt .fm-compact-nav .fm-nav-pill{color:#fff}
.fm-cobalt .fm-site-frame{background:#f7f4ea}
.fm-cobalt .fm-home .fm-hero__heading h1{font-size:clamp(34px,3vw,46px);line-height:1.04;letter-spacing:-.04em}
.fm-cobalt .fm-home .fm-hero__heading .fm-hero__kicker{color:#ff6348;font-size:22px}
.fm-cobalt .fm-home .fm-hero__heading .fm-hero__kicker:before{background:#ff6348;height:25px;width:4px}
.fm-cobalt .fm-home .fm-story h2,.fm-cobalt .fm-archive .fm-story h2{font-family:var(--fm-text);font-weight:700;letter-spacing:-.035em;font-size:clamp(24px,2vw,32px);line-height:1.12}
.fm-cobalt .fm-home .fm-section-title{display:flex;align-items:center;gap:14px;padding:0;border:0;background:transparent;color:#4b6285;font-size:clamp(26px,2.2vw,32px);line-height:1.15;text-align:left;letter-spacing:-.03em}
.fm-cobalt .fm-home .fm-section-title:before{content:'';display:block;flex:none;width:4px;height:26px;background:#ff6348}.fm-cobalt .fm-home .fm-section-title:after{content:'';display:block;position:static;flex:1;width:auto;height:1px;margin:0;background:rgba(75,98,133,.25)}
.fm-cobalt .fm-telex{border-color:#4b6285}
.fm-cobalt .fm-telex__head{background:#4b6285;color:#fff;padding:18px 16px;margin:0 0 12px;border:0;border-radius:4px}
.fm-cobalt .fm-telex__head h2,.fm-cobalt .fm-telex__kicker,.fm-cobalt .fm-telex__date{color:#fff}
.fm-cobalt .fm-telex__kicker>span{background:#ff6348;box-shadow:none}
.fm-cobalt .fm-telex__time{color:#bd351e;font-weight:700}
.fm-cobalt .fm-newsletter{background:#fffbf3;color:#242934;border:3px dotted #82909a;border-radius:12px;padding:24px}
.fm-cobalt .fm-newsletter h2,.fm-cobalt .fm-newsletter p,.fm-cobalt .fm-newsletter label,.fm-cobalt .fm-newsletter a{color:#242934}
.fm-cobalt .fm-newsletter h2{font-family:var(--fm-text);font-size:28px!important;font-weight:700!important;line-height:1.08;letter-spacing:-.035em}
.fm-cobalt .fm-newsletter input[type=email]{background:#fff;color:#242934}
.fm-cobalt .fm-newsletter .wpcf7-submit{background:#ff6348;color:#242934;border:0;font-weight:700}
.fm-cobalt .fm-tag,.fm-cobalt .fm-breadcrumb .fm-tag{color:#4b6285;border-color:rgba(75,98,133,.35);background:#fff}
.fm-cobalt .fm-author-badge,.fm-cobalt .fm-back-to-top{background:#4b6285;color:#fff}
.fm-cobalt .fm-button--blue,.fm-cobalt .fm-load-more,.fm-cobalt .fm-archive-load-more{background:#4b6285;border-color:#4b6285;color:#fff}
.fm-cobalt .fm-button--gold{background:#ff6348;border-color:#ff6348;color:#242934}
.fm-cobalt .fm-footer{background:#4b6285;color:#fff;border-top-color:#ff6348}
.fm-cobalt .fm-footer h2,.fm-cobalt .fm-footer p,.fm-cobalt .fm-footer a,.fm-cobalt .fm-footer__bottom{color:#fff}
.fm-cobalt .fm-footer .fm-logo img{filter:brightness(0) invert(1)}
.fm-cobalt .fm-footer__bottom{border-top-color:rgba(255,255,255,.35)}
.fm-cobalt .fm-article>.fm-article__header{border-bottom-color:#ff6348}
.fm-cobalt .fm-article>.fm-article__header h1{font-size:clamp(38px,5vw,70px);line-height:1.05;letter-spacing:-.04em;color:#242934}
.fm-cobalt .fm-article__content h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.03em}
.fm-cobalt .fm-whitepaper-hero h1{font-family:var(--fm-text);font-weight:700;font-size:clamp(34px,4vw,56px);line-height:1.06}
.fm-cobalt .fm-dossier-toc{border-color:#4b6285}
.fm-cobalt .fm-article__content a{color:#4b6285}
.fm-cobalt .fm-download-card{border-top:6px solid #ff6348}
@media(max-width:900px){.fm-cobalt .fm-nav .fm-menu-toggle{border-color:#4b6285;color:#4b6285}.fm-cobalt .fm-nav .fm-menu-links{border-top-color:#ff6348;background:#f7f4ea}}
@media(max-width:680px){.fm-cobalt .fm-home .fm-hero__heading h1{font-size:34px;line-height:1.05}.fm-cobalt .fm-home .fm-story h2,.fm-cobalt .fm-archive .fm-story h2{font-size:26px}.fm-cobalt .fm-home .fm-section-title{font-size:26px;padding:0;gap:12px}.fm-cobalt .fm-article>.fm-article__header h1{font-size:36px}.fm-cobalt .fm-home .fm-hero__heading .fm-hero__kicker{font-size:20px}.fm-cobalt .fm-newsletter{padding:20px}}

/* Restore the logo's orange i-dot using its original alpha shape. */
.fm-cobalt .fm-header .fm-logo,.fm-cobalt .fm-nav-home{position:relative}
.fm-cobalt .fm-header .fm-logo:after,.fm-cobalt .fm-nav-home:after{content:'';position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 362 70'%3E%3Ccircle cx='312' cy='11.5' r='4' fill='%23ff6348'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:none;mask:none;clip-path:none}

/* Align the two footer panels on one shared row below the logo. */
.fm-cobalt .fm-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;row-gap:24px}
.fm-cobalt .fm-footer__intro{display:contents}
.fm-cobalt .fm-footer__intro>.fm-logo{grid-column:1/-1;grid-row:1}
.fm-cobalt .fm-footer__intro>p{grid-column:1;grid-row:2;margin:0;padding:20px;border:1px dotted rgba(255,255,255,.4);border-radius:10px;align-self:stretch}
.fm-cobalt .fm-footer__identity{grid-column:2;grid-row:2;margin:0;padding:20px;align-self:stretch}
@media(max-width:900px){.fm-cobalt .fm-footer__inner{grid-template-columns:minmax(0,1fr)}.fm-cobalt .fm-footer__intro>.fm-logo{grid-column:1;grid-row:1}.fm-cobalt .fm-footer__intro>p{grid-column:1;grid-row:2}.fm-cobalt .fm-footer__identity{grid-column:1;grid-row:3}}

/* Bold titles on the full Telex page. */
.fm-cobalt .fm-telex-archive .fm-telex-archive__title{font-weight:700!important}

/* Footer text uses the left panel's 16px reference size throughout. */
.fm-cobalt .fm-footer__intro>p,.fm-cobalt .fm-footer__identity>p{font-size:16px;line-height:1.6}
.fm-cobalt .fm-footer__identity>h2{font-size:16px;line-height:1.2}
.fm-cobalt .fm-footer__bottom,.fm-cobalt .fm-footer__bottom a,.fm-cobalt .fm-footer__bottom>span{font-size:16px;line-height:1.6}

/* Larger homepage Telex, bounded by the adjacent lead article. */
.fm-cobalt .fm-home .fm-telex__text{font-size:15px;line-height:1.25;font-weight:500}
.fm-cobalt .fm-home .fm-telex__time{font-size:12px;line-height:1.4}
@media(min-width:901px){
 .fm-cobalt .fm-home .fm-telex{height:var(--fm-wire-height,660px);max-height:var(--fm-wire-height,660px);min-height:0;box-sizing:border-box;overflow:hidden}
 .fm-cobalt .fm-home .fm-telex__head,.fm-cobalt .fm-home .fm-telex>.fm-button{flex:none}
 .fm-cobalt .fm-home .fm-telex__list{display:flex;flex-direction:column;gap:0;min-height:0;overflow-y:auto;scrollbar-width:thin}
 .fm-cobalt .fm-home .fm-telex__item{flex:1 0 48px;min-height:48px;align-items:center}
}
@media(max-width:900px){.fm-cobalt .fm-home .fm-telex{height:auto;max-height:none}.fm-cobalt .fm-home .fm-telex__item{min-height:52px}}

/* Category pills directly below the article photograph. */
.fm-cobalt .fm-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%}
.fm-cobalt .fm-tags .fm-tag{margin:0;max-width:100%;white-space:normal}
.fm-cobalt .fm-story__visual{min-width:0;display:flex;flex-direction:column;gap:10px;align-self:start}
.fm-cobalt .fm-story__visual .fm-story__media{display:block;width:100%}
@media(max-width:680px){
 .fm-cobalt .fm-feed .fm-story__visual{width:100%;max-width:230px;justify-self:center}
}