/* =========================================================================
   Mille Medias - Kiosque congolais
   Direction de design active : mille-medias-kiosque-congolais
   ========================================================================= */

:root{
  --mm-bg:#F4F5F7;
  --mm-surface:#FFFFFF;
  --mm-ink:#151618;
  --mm-accent:#E01A1B;
  --mm-accent-dark:#B31316;
  --mm-muted:#6B7076;
  --mm-border:#E4E6EA;
  --mm-r-sm:3px;
  --mm-r-md:6px;
  --mm-r-pill:999px;
  --mm-sp-xs:4px;
  --mm-sp-sm:8px;
  --mm-sp-md:16px;
  --mm-sp-lg:24px;
  --mm-sp-xl:40px;
  --mm-font:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mm-container:1320px;
}

/* Neutralise les valeurs par defaut sans battre les regles de composant. */
:where(body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote,input,button,select,textarea){
  font-family:var(--mm-font);
}
body{background:var(--mm-bg);color:var(--mm-ink);font-family:var(--mm-font);}

.mm-container{width:100%;max-width:var(--mm-container);margin-inline:auto;padding-inline:var(--mm-sp-lg);}
.mm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ---------- Barre d'information ---------------------------------------- */
.mm-topbar{background:var(--mm-ink);color:#D9DBDE;font-size:12px;line-height:1;}
.mm-topbar__row{display:flex;align-items:center;gap:var(--mm-sp-md);min-height:38px;}
.mm-flash{display:flex;align-items:center;gap:10px;min-width:0;flex:1;}
.mm-flash__badge{background:var(--mm-accent);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:6px 9px;border-radius:var(--mm-r-sm);white-space:nowrap;}
.mm-flash__link{color:#F0F1F2;font-size:12.5px;font-weight:500;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mm-flash__link:hover{color:#fff;text-decoration:underline;}
.mm-topbar__right{display:flex;align-items:center;gap:var(--mm-sp-md);white-space:nowrap;}
.mm-topbar__date{display:flex;align-items:center;gap:6px;color:#9DA1A6;font-size:12px;font-weight:500;}
.mm-topsoc{display:flex;align-items:center;gap:6px;}
.mm-topsoc a{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--mm-r-sm);color:#fff;transition:opacity .15s ease;}
.mm-topsoc a:hover{opacity:.78;}
.mm-topsoc svg{width:12px;height:12px;fill:currentColor;}

/* ---------- En-tete ------------------------------------------------------ */
.mm-header{background:var(--mm-surface);border-bottom:1px solid var(--mm-border);position:relative;z-index:60;}
.mm-header__row{display:flex;align-items:center;gap:var(--mm-sp-lg);min-height:74px;}
.mm-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.mm-brand img{height:44px;width:auto;display:block;}
.mm-brand__txt{display:flex;flex-direction:column;gap:2px;}
.mm-brand__name{font-size:17px;font-weight:800;color:var(--mm-ink);letter-spacing:-.01em;line-height:1.05;}
.mm-brand__tag{font-size:10px;font-weight:500;color:var(--mm-muted);letter-spacing:.01em;line-height:1.2;}

.mm-nav{margin-left:auto;}
.mm-nav__list{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0;}
.mm-nav__list li{position:relative;}
.mm-nav__list a{display:block;padding:26px 0;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.045em;color:var(--mm-ink);text-decoration:none;position:relative;transition:color .15s ease;}
.mm-nav__list a:hover{color:var(--mm-accent);}
.mm-nav__list>li.current-menu-item>a,
.mm-nav__list>li.mm-is-home>a{color:var(--mm-accent);}
.mm-nav__list>li.current-menu-item>a::after,
.mm-nav__list>li.mm-is-home>a::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--mm-accent);}
.mm-nav__list li.menu-item-has-children>a::before{content:"";position:absolute;right:-11px;top:50%;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;transform:translateY(-50%);}
.mm-nav__list li.menu-item-has-children{margin-right:11px;}
.mm-nav__list ul{position:absolute;top:100%;left:-14px;min-width:198px;background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:var(--mm-r-md);padding:6px 0;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;box-shadow:0 6px 22px rgba(21,22,24,.09);}
.mm-nav__list li:hover>ul,.mm-nav__list li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0);}
.mm-nav__list ul a{padding:9px 14px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;}
.mm-nav__list ul li.current-menu-item>a{color:var(--mm-accent);}
.mm-nav__list ul a::after{display:none!important;}

.mm-search-btn{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:var(--mm-accent);color:#fff;border:0;border-radius:var(--mm-r-sm);cursor:pointer;transition:background .15s ease;}
.mm-search-btn:hover{background:var(--mm-accent-dark);}
.mm-search-btn svg{width:16px;height:16px;fill:currentColor;}
.mm-burger{display:none;width:42px;height:42px;background:transparent;border:1px solid var(--mm-border);border-radius:var(--mm-r-sm);cursor:pointer;color:var(--mm-ink);}
.mm-burger svg{width:18px;height:18px;fill:currentColor;}

.mm-searchbar{display:none;border-top:1px solid var(--mm-border);background:var(--mm-surface);padding:14px 0;}
.mm-searchbar.is-open{display:block;}
.mm-searchbar form{display:flex;gap:8px;}
.mm-searchbar input[type=search]{flex:1;height:44px;padding:0 14px;border:1px solid var(--mm-border);border-radius:var(--mm-r-sm);font-size:14px;color:var(--mm-ink);background:var(--mm-bg);}
.mm-searchbar input[type=search]:focus{outline:2px solid var(--mm-accent);outline-offset:-1px;}
.mm-searchbar button{height:44px;padding:0 22px;background:var(--mm-accent);color:#fff;border:0;border-radius:var(--mm-r-sm);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;}
.mm-searchbar button:hover{background:var(--mm-accent-dark);}

/* ---------- Pastilles de rubrique --------------------------------------- */
.mm-badge{display:inline-block;padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--mm-ink);border-radius:var(--mm-r-sm);line-height:1.25;}
.mm-badge--football,.mm-badge--sport{background:#1B8A3E;}
.mm-badge--boxe{background:#C81E1E;}
.mm-badge--basketball{background:#E07A0C;}
.mm-badge--volleyball{background:#1565C0;}
.mm-badge--arts-martiaux{background:#00695C;}
.mm-badge--autres{background:#455A64;}
.mm-badge--handball{background:#5D4037;}
.mm-badge--politique{background:#B3261E;}
.mm-badge--actualite{background:#D81B60;}
.mm-badge--societe{background:#F57C00;}
.mm-badge--economie{background:#1565C0;}
.mm-badge--culture,.mm-badge--musique,.mm-badge--cinema{background:#0F6E7D;}
.mm-badge--education{background:#00796B;}
.mm-badge--securite{background:#37474F;}
.mm-badge--video,.mm-badge--gallerie,.mm-badge--photo{background:#2F4858;}

/* ---------- Blocs et titres de section ---------------------------------- */
.mm-main{padding:var(--mm-sp-lg) 0 var(--mm-sp-xl);}
.mm-card{background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:var(--mm-r-md);}
.mm-sechead{display:flex;align-items:center;gap:var(--mm-sp-md);padding-bottom:9px;border-bottom:1px solid var(--mm-border);margin-bottom:var(--mm-sp-md);}
.mm-sechead__title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.055em;color:var(--mm-ink);margin:0;}
.mm-sechead__title::before{content:"";width:4px;height:17px;background:var(--mm-accent);border-radius:1px;flex-shrink:0;}
.mm-sechead__more{margin-left:auto;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mm-accent);text-decoration:none;white-space:nowrap;}
.mm-sechead__more:hover{text-decoration:underline;}

/* ---------- Zone de une -------------------------------------------------- */
.mm-hero{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,.73fr) minmax(0,.68fr) minmax(0,.74fr);gap:var(--mm-sp-md);align-items:stretch;}
.mm-hero__rank,.mm-hero__tv{align-self:start;}

.mm-slider{position:relative;border-radius:var(--mm-r-md);overflow:hidden;background:var(--mm-ink);}
.mm-slide{position:relative;display:none;}
.mm-slide.is-active{display:block;}
.mm-slide__media{position:relative;aspect-ratio:16/11;overflow:hidden;background:#22242A;}
.mm-slide__media img{width:100%;height:100%;object-fit:cover;display:block;}
.mm-slide__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,13,.93) 0%,rgba(10,11,13,.72) 32%,rgba(10,11,13,.12) 66%,rgba(10,11,13,0) 100%);}
.mm-slide__body{position:absolute;left:0;right:0;bottom:0;padding:var(--mm-sp-lg);z-index:2;}
.mm-slide__title{margin:9px 0 8px;font-size:clamp(20px,2.1vw,30px);line-height:1.16;font-weight:700;}
.mm-slide__title a{color:#fff;text-decoration:none;}
.mm-slide__title a:hover{text-decoration:underline;text-underline-offset:3px;}
.mm-slide__excerpt{margin:0 0 11px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.82);max-width:56ch;}
.mm-slide__meta{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.72);}
.mm-slide__meta img{width:24px;height:24px;border-radius:var(--mm-r-pill);object-fit:cover;}
.mm-slider__nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;background:rgba(21,22,24,.5);color:#fff;border:0;border-radius:var(--mm-r-pill);cursor:pointer;z-index:3;transition:background .15s ease;}
.mm-slider__nav:hover{background:var(--mm-accent);}
.mm-slider__nav svg{width:13px;height:13px;fill:currentColor;}
.mm-slider__nav--prev{left:10px;}
.mm-slider__nav--next{right:10px;}
.mm-slider__dots{position:absolute;right:var(--mm-sp-lg);bottom:16px;display:flex;gap:5px;z-index:3;}
.mm-slider__dots button{width:16px;height:3px;border:0;padding:0;border-radius:2px;background:rgba(255,255,255,.42);cursor:pointer;}
.mm-slider__dots button.is-active{background:var(--mm-accent);width:22px;}

.mm-briefs{display:grid;grid-template-rows:repeat(3,minmax(96px,1fr));gap:var(--mm-sp-sm);height:100%;}
.mm-brief{position:relative;border-radius:var(--mm-r-md);overflow:hidden;background:#22242A;display:block;text-decoration:none;}
.mm-brief img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mm-brief::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,13,.92) 8%,rgba(10,11,13,.45) 58%,rgba(10,11,13,.1) 100%);}
.mm-brief__body{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:11px;gap:6px;}
.mm-brief__title{font-size:12.5px;line-height:1.3;font-weight:600;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mm-brief .mm-badge{align-self:flex-start;}

/* Liste numerotee */
.mm-rank{padding:var(--mm-sp-md);}
.mm-rank__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.mm-rank__item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--mm-border);}
.mm-rank__item:last-child{border-bottom:0;padding-bottom:0;}
.mm-rank__item:first-child{padding-top:0;}
.mm-rank__num{font-size:21px;font-weight:800;color:var(--mm-accent);line-height:1;flex-shrink:0;font-variant-numeric:tabular-nums;}
.mm-rank__thumb{width:52px;height:40px;flex-shrink:0;border-radius:var(--mm-r-sm);object-fit:cover;background:var(--mm-bg);}
.mm-rank__title{font-size:12px;line-height:1.32;font-weight:600;margin:0 0 3px;}
.mm-rank__title a{color:var(--mm-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mm-rank__title a:hover{color:var(--mm-accent);}
.mm-rank__meta{font-size:10.5px;color:var(--mm-muted);font-weight:500;}

/* Bloc TV */
.mm-tv{overflow:hidden;}
.mm-tv__head{display:flex;align-items:center;gap:8px;background:var(--mm-accent);color:#fff;padding:9px var(--mm-sp-md);}
.mm-tv__head svg{width:15px;height:15px;fill:currentColor;flex-shrink:0;}
.mm-tv__head span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.055em;}
.mm-tv__more{margin-left:auto;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;text-decoration:none;opacity:.9;}
.mm-tv__more:hover{opacity:1;text-decoration:underline;}
.mm-tv__feature{position:relative;display:block;aspect-ratio:16/9;background:#22242A;overflow:hidden;text-decoration:none;}
.mm-tv__feature img{width:100%;height:100%;object-fit:cover;}
.mm-tv__feature::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,13,.9) 0%,rgba(10,11,13,.3) 55%,rgba(10,11,13,0) 100%);}
.mm-tv__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;background:var(--mm-accent);border-radius:var(--mm-r-pill);z-index:2;}
.mm-tv__play svg{width:15px;height:15px;fill:#fff;margin-left:2px;}
.mm-tv__caption{position:absolute;left:0;right:0;bottom:0;padding:11px;z-index:2;font-size:12px;font-weight:600;line-height:1.32;color:#fff;}
.mm-tv__list{list-style:none;margin:0;padding:0;}
.mm-tv__row{display:flex;gap:9px;align-items:center;padding:9px var(--mm-sp-md);border-top:1px solid var(--mm-border);}
.mm-tv__row img{width:56px;height:36px;object-fit:cover;border-radius:var(--mm-r-sm);flex-shrink:0;background:var(--mm-bg);}
.mm-tv__row a{font-size:11.5px;font-weight:600;line-height:1.3;color:var(--mm-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mm-tv__row a:hover{color:var(--mm-accent);}
.mm-tv__dur{font-size:10.5px;color:var(--mm-muted);font-weight:500;margin-top:2px;}
.mm-empty{padding:var(--mm-sp-md);font-size:12.5px;line-height:1.5;color:var(--mm-muted);}
.mm-empty strong{color:var(--mm-ink);font-weight:600;display:block;margin-bottom:4px;}
.mm-empty a{color:var(--mm-accent);font-weight:600;text-decoration:none;}
.mm-empty a:hover{text-decoration:underline;}

/* ---------- Rangee de rubriques ----------------------------------------- */
.mm-pills{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--mm-sp-sm);margin-top:var(--mm-sp-md);}
.mm-pill{display:flex;align-items:center;gap:9px;padding:11px 12px;background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:var(--mm-r-pill);text-decoration:none;transition:border-color .15s ease;}
.mm-pill:hover{border-color:var(--mm-accent);}
.mm-pill__ico{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--mm-r-pill);color:#fff;}
.mm-pill__ico svg{width:13px;height:13px;fill:currentColor;}
.mm-pill__lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--mm-ink);line-height:1.22;}

/* ---------- Corps : colonne principale + laterale ------------------------ */
.mm-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--mm-sp-lg);margin-top:var(--mm-sp-xl);align-items:start;}
.mm-col{min-width:0;}
.mm-section+.mm-section{margin-top:var(--mm-sp-xl);}

.mm-tabs{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap;}
.mm-tab{padding:5px 11px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.045em;color:var(--mm-muted);background:transparent;border:1px solid var(--mm-border);border-radius:var(--mm-r-pill);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;}
.mm-tab:hover{color:var(--mm-ink);}
.mm-tab.is-active{background:var(--mm-accent);border-color:var(--mm-accent);color:#fff;}

.mm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.mm-post{position:relative;background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:var(--mm-r-md);overflow:hidden;display:flex;flex-direction:column;}
.mm-post__badgewrap{position:absolute;top:8px;left:8px;z-index:2;}
.mm-post__media{position:relative;aspect-ratio:16/10;background:var(--mm-bg);overflow:hidden;display:block;}
.mm-post__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.mm-post:hover .mm-post__media img{transform:scale(1.04);}
.mm-post__media .mm-badge{position:absolute;top:8px;left:8px;z-index:2;}
.mm-post__body{padding:10px;display:flex;flex-direction:column;gap:6px;flex:1;}
.mm-post__title{margin:0;font-size:12.5px;line-height:1.32;font-weight:700;}
.mm-post__title a{color:var(--mm-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.mm-post__title a:hover{color:var(--mm-accent);}
.mm-post__meta{margin-top:auto;font-size:10.5px;color:var(--mm-muted);font-weight:500;}

/* Carrousel sport */
.mm-rail{position:relative;}
.mm-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(158px,1fr);gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none;}
.mm-rail__track::-webkit-scrollbar{display:none;}
.mm-rail__track>*{scroll-snap-align:start;}
.mm-rail__nav{position:absolute;top:-42px;right:0;display:flex;gap:5px;}
.mm-rail__nav button{width:26px;height:26px;display:grid;place-items:center;background:var(--mm-surface);border:1px solid var(--mm-border);border-radius:var(--mm-r-sm);cursor:pointer;color:var(--mm-ink);transition:background .15s ease,color .15s ease,border-color .15s ease;}
.mm-rail__nav button:hover{background:var(--mm-accent);border-color:var(--mm-accent);color:#fff;}
.mm-rail__nav svg{width:11px;height:11px;fill:currentColor;}

/* ---------- Colonne laterale -------------------------------------------- */
.mm-aside{display:flex;flex-direction:column;gap:var(--mm-sp-lg);}

.mm-news{background:var(--mm-accent);border-radius:var(--mm-r-md);padding:var(--mm-sp-lg);color:#fff;}
.mm-news__title{margin:0 0 6px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.mm-news__txt{margin:0 0 14px;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.9);}
.mm-news__art{display:block;margin:0 auto 14px;width:74px;height:auto;}
.mm-news form{display:flex;flex-direction:column;gap:8px;}
.mm-news input[type=email]{height:42px;padding:0 13px;border:0;border-radius:var(--mm-r-sm);font-size:13px;color:var(--mm-ink);background:#fff;width:100%;}
.mm-news input[type=email]:focus{outline:2px solid var(--mm-ink);outline-offset:1px;}
.mm-news button{height:42px;background:var(--mm-ink);color:#fff;border:0;border-radius:var(--mm-r-sm);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:opacity .15s ease;}
.mm-news button:hover{opacity:.88;}
.mm-news__hp{position:absolute!important;left:-9999px;}
.mm-news__msg{margin:10px 0 0;font-size:12px;font-weight:600;line-height:1.45;background:rgba(255,255,255,.16);padding:9px 11px;border-radius:var(--mm-r-sm);}

.mm-follow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
.mm-follow a{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:var(--mm-r-sm);color:#fff;text-decoration:none;font-size:12.5px;font-weight:600;transition:opacity .15s ease;}
.mm-follow a:hover{opacity:.88;}
.mm-follow svg{width:15px;height:15px;fill:currentColor;flex-shrink:0;}
.mm-follow__go{margin-left:auto;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.85;}

.mm-agenda{list-style:none;margin:0;padding:0;}
.mm-agenda li{display:flex;gap:12px;padding:12px var(--mm-sp-md);border-bottom:1px solid var(--mm-border);}
.mm-agenda li:last-child{border-bottom:0;}
.mm-agenda__date{width:46px;flex-shrink:0;text-align:center;background:var(--mm-bg);border-radius:var(--mm-r-sm);padding:6px 2px;}
.mm-agenda__d{display:block;font-size:19px;font-weight:800;line-height:1;color:var(--mm-accent);}
.mm-agenda__m{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mm-muted);margin-top:2px;}
.mm-agenda__t{margin:0 0 4px;font-size:12.5px;font-weight:700;line-height:1.3;color:var(--mm-ink);}
.mm-agenda__i{font-size:10.5px;color:var(--mm-muted);font-weight:500;display:flex;gap:10px;flex-wrap:wrap;}

/* ---------- Pied de page ------------------------------------------------- */
.mm-footer{background:var(--mm-ink);color:#A9ADB2;margin-top:var(--mm-sp-xl);}
.mm-footer__grid{display:grid;grid-template-columns:1.55fr .8fr 1.1fr .9fr 1.3fr;gap:var(--mm-sp-lg);padding:var(--mm-sp-xl) 0 var(--mm-sp-lg);}
.mm-footer__brand img{height:38px;width:auto;margin-bottom:12px;display:block;}
.mm-footer__brand p{margin:0;font-size:12px;line-height:1.6;}
.mm-footer h3{margin:0 0 13px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#fff;}
.mm-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.mm-footer li a,.mm-footer__contact li{font-size:12px;color:#A9ADB2;text-decoration:none;line-height:1.45;}
.mm-footer li a:hover{color:#fff;}
.mm-footer__contact li{display:flex;gap:8px;align-items:flex-start;}
.mm-footer__contact svg{width:12px;height:12px;fill:currentColor;flex-shrink:0;margin-top:3px;opacity:.75;}
.mm-footer__plat li a{display:flex;align-items:center;gap:8px;}
.mm-footer__plat svg{width:13px;height:13px;fill:currentColor;flex-shrink:0;}
.mm-tagcloud{display:flex;flex-wrap:wrap;gap:6px;}
.mm-tagcloud a{padding:4px 9px;background:rgba(255,255,255,.07);border-radius:var(--mm-r-sm);font-size:10.5px;font-weight:600;color:#C3C7CB;text-decoration:none;}
.mm-tagcloud a:hover{background:var(--mm-accent);color:#fff;}
.mm-footer__bottom{border-top:1px solid rgba(255,255,255,.09);padding:15px 0;}
.mm-footer__bottom .mm-container{display:flex;align-items:center;gap:var(--mm-sp-md);flex-wrap:wrap;}
.mm-footer__copy{font-size:11.5px;color:#82868B;}
.mm-footer__legal{margin-left:auto;display:flex;gap:var(--mm-sp-md);flex-wrap:wrap;}
.mm-footer__legal a{font-size:11.5px;color:#82868B;text-decoration:none;}
.mm-footer__legal a:hover{color:#fff;}

/* ---------- Adaptation aux ecrans ---------------------------------------- */
@media (max-width:1200px){
  .mm-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);}
  .mm-hero__rank,.mm-hero__tv{grid-column:span 1;}
  .mm-pills{grid-template-columns:repeat(4,minmax(0,1fr));}
  .mm-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .mm-nav__list{gap:15px;}
  .mm-nav__list a{font-size:11.5px;}
}
@media (max-width:1024px){
  .mm-body{grid-template-columns:minmax(0,1fr);}
  .mm-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
  .mm-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px){
  .mm-burger{display:grid;place-items:center;margin-left:auto;}
  /* L'en-tete ne doit pas creer de contexte d'empilement ici, sinon le voile
     (z-index 190) passerait au-dessus du panneau de navigation. */
  .mm-header{z-index:auto;}
  /* Selecteur renforce : la regle de base du bouton de fermeture est declaree
     plus bas dans le fichier et l'emporterait autrement. */
  .mm-nav .mm-nav__close{display:grid;}
  /* Le panneau coulisse par la propriete right : transform est ecrase par une
     regle du theme parent sur ce site, right ne l'est pas. */
  .mm-nav{position:fixed;top:0;bottom:0;right:-360px;left:auto;width:min(84vw,320px);background:var(--mm-surface);z-index:200;transition:right .25s ease,visibility .25s;visibility:hidden;overflow-y:auto;padding:var(--mm-sp-lg);box-shadow:-8px 0 30px rgba(21,22,24,.16);}
  .mm-nav.is-open{right:0;visibility:visible;}
  .mm-nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .mm-nav__list a{padding:12px 0;border-bottom:1px solid var(--mm-border);}
  .mm-nav__list>li.current-menu-item>a::after,.mm-nav__list>li.mm-is-home>a::after{display:none;}
  .mm-nav__list li.menu-item-has-children>a::before{right:4px;}
  .mm-nav__list ul{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0;}
  .mm-nav__close{display:grid;}
  .mm-navscrim{position:fixed;inset:0;background:rgba(21,22,24,.45);z-index:190;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;}
  .mm-navscrim.is-open{opacity:1;visibility:visible;}
}
@media (max-width:860px){
  .mm-hero{grid-template-columns:minmax(0,1fr);}
  .mm-briefs{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));}
  .mm-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mm-topbar__date{display:none;}
}
@media (max-width:640px){
  .mm-container{padding-inline:var(--mm-sp-md);}
  .mm-briefs{grid-template-columns:minmax(0,1fr);}
  .mm-pills{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mm-aside{grid-template-columns:minmax(0,1fr);}
  .mm-footer__grid{grid-template-columns:minmax(0,1fr);gap:var(--mm-sp-lg);}
  .mm-header__row{min-height:64px;gap:10px;}
  .mm-brand img{height:36px;}
  .mm-brand__name{font-size:14px;}
  .mm-brand__tag{display:none;}
  .mm-slide__body{padding:var(--mm-sp-md);}
  .mm-slider__dots{right:var(--mm-sp-md);bottom:12px;}
  .mm-footer__legal{margin-left:0;width:100%;}
}

.mm-nav__close{display:none;width:34px;height:34px;margin:0 0 var(--mm-sp-md) auto;background:transparent;border:1px solid var(--mm-border);border-radius:var(--mm-r-sm);cursor:pointer;color:var(--mm-ink);place-items:center;}
.mm-nav__close svg{width:14px;height:14px;fill:currentColor;}

/* Reglages fins pour les petits ecrans. */
@media (max-width:860px){
  .mm-briefs{height:auto;grid-template-rows:none;}
  .mm-brief{aspect-ratio:16/10;}
}
@media (max-width:640px){
  .mm-brief{aspect-ratio:16/9;}
  .mm-slide__media{aspect-ratio:1/1;}
  .mm-slide__title{font-size:19px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .mm-slide__excerpt{display:none;}
  .mm-slider__nav{display:none;}
  .mm-sechead{flex-wrap:wrap;gap:10px;}
  .mm-tabs{margin-left:0;width:100%;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .mm-post:hover .mm-post__media img{transform:none;}
}