/*
Theme Name: Scoop Monde
Theme URI: https://scoopmonde.info
Author: Scoop Monde
Description: Thème média Scoop Monde — issu de la maquette HTML. Serif Newsreader (titres) + Libre Franklin (interface). Accent #C10E22.
Version: 1.0
License: GPL-2.0-or-later
Text Domain: scoop-monde
*/

/* ===== Variables & bases ===== */
:root{ --accent:#C10E22; --ink:#191512; --paper:#FAFAFA; --line:#E3E3E3; --muted:#565656; }
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:'Libre Franklin',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:var(--accent)}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.serif{font-family:Georgia,'Newsreader','Times New Roman',serif}
.sc-show-sm{display:none}
.sc-nav{scrollbar-width:none;-ms-overflow-style:none}
.sc-nav::-webkit-scrollbar{display:none}

/* Menus WordPress rendus en liste : on retire les puces */
.sc-navbar ul,.sc-navbar li{list-style:none;margin:0;padding:0}
.sc-navbar a{display:inline-block;padding:14px 12px;font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);white-space:nowrap;border-bottom:2px solid transparent}
.sc-navbar a:hover{color:var(--accent);border-bottom-color:var(--accent)}
footer a{display:block;font-size:13px;padding:5px 0;color:#b3b3b3}
footer a:hover{color:var(--accent)}
.ad-slot{margin:20px 0}
.sc-cat-mob{display:none}

/* Vignettes — mêmes proportions que la maquette (le cadre impose le ratio,
   quelle que soit la taille recadrée par WordPress) */
.sc-lead-img img{width:100%;height:auto;display:block}               /* Une : image entière */
.sc-sec-lead-img img{width:100%;height:auto;display:block}           /* têtes d'affiche : entière */
.sc-c3 img,.sc-c2 img{width:100%;aspect-ratio:16/10;object-fit:cover} /* grilles */
.sc-list-thumb img{width:100%;aspect-ratio:16/11;object-fit:cover}   /* vignettes de liste */
.sc-sec2-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover}     /* secondaires (mobile) */

@keyframes scoop-blink{0%,100%{opacity:1}50%{opacity:.25}}

/* ===== Responsive (repris intégralement de la maquette) ===== */
@media(max-width:1040px) and (min-width:861px){
  .sc-una{grid-template-columns:minmax(0,1fr) minmax(240px,280px)!important}
  .sc-rail-l{display:none!important}
  .sc-lead-col{padding-left:0!important}
  .sc-main{grid-template-columns:minmax(0,1fr) 260px!important;gap:30px!important}
  .sc-feat{grid-template-columns:1fr!important;gap:16px!important}
}
@media(max-width:860px){
  .sc-una{grid-template-columns:1fr!important;gap:0!important}
  .sc-una>*{border-left:0!important;border-right:0!important;padding-left:0!important;padding-right:0!important}
  .sc-una>*+*{border-top:1px solid #E3E3E3!important;margin-top:24px!important;padding-top:24px!important}
  .sc-rail-l{display:none!important}
  .sc-lead-col{padding:0!important}
  .sc-sec2{grid-template-columns:1fr!important}
  .sc-sec2-i{padding:20px 0 0!important;border-top:1px solid #E3E3E3!important;margin-top:20px!important;display:grid!important;grid-template-columns:104px 1fr!important;gap:15px!important;align-items:start!important}
  .sc-sec2-i:first-child{border-top:0!important;margin-top:0!important;padding-top:0!important}
  .sc-sec2-thumb{display:block!important}
  .sc-sec2-i h3{font-size:18px!important;line-height:1.18!important;margin-top:5px!important}
  .sc-lead{grid-template-columns:1fr!important;gap:16px!important;display:flex!important;flex-direction:column!important;position:relative!important;justify-content:flex-end!important;min-height:445px!important;padding:20px!important;overflow:hidden}
  .sc-lead::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.18) 55%,rgba(0,0,0,0) 100%);z-index:1}
  .sc-lead-img{order:-1;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;aspect-ratio:auto!important;z-index:0}
  .sc-lead-img img{height:100%!important;width:100%!important;object-fit:cover!important;aspect-ratio:auto!important}
  .sc-lead-kick{position:relative;z-index:2;display:inline-block;align-self:flex-start;color:#fff!important;background:var(--accent);padding:5px 10px;margin-bottom:12px}
  .sc-lead .sc-h-lead{position:relative;z-index:2;color:#fff!important;font-size:27px!important;line-height:1.08!important;margin-top:0!important}
  .sc-lead p{display:none!important}
  .sc-lead-cap{display:none!important}
  .sc-main{grid-template-columns:1fr!important;gap:34px!important}
  .sc-c2{grid-template-columns:1fr!important}
  .sc-c3{grid-template-columns:1fr!important}
  .sc-c4{grid-template-columns:1fr 1fr!important}
  .sc-c5{grid-template-columns:1fr!important}
  .sc-split{grid-template-columns:1fr!important;gap:26px!important}
  .sc-cat-desk{display:none!important}
  .sc-cat-mob{display:block!important}
  .sc-more{display:none!important}
  .sc-h-lead{font-size:34px!important}
  .sc-mast{gap:14px!important;padding-left:18px!important;padding-right:18px!important}
  .sc-hide-sm{display:none!important}
  .sc-show-sm{display:inline-flex!important}
  .sc-navbar{display:none!important}
  .sc-h-lead{font-size:34px!important}
}
@media(max-width:560px){
  .sc-c4{grid-template-columns:1fr!important}
  .sc-c4>*{border-top:1px solid #2a2a2a;padding-top:22px}
  .sc-c4>*:first-child{border-top:0;padding-top:0}
  .sc-mast{gap:10px!important;padding-left:15px!important;padding-right:15px!important}
  .sc-mast img{height:54px!important;max-width:62vw;object-fit:contain}
  .sc-c2,.sc-c3{gap:0!important}
  .sc-c2>a,.sc-c3>a{border-bottom:1px solid #E3E3E3!important;padding-bottom:14px}
  .sc-h-lead{font-size:29px!important;line-height:1.08!important}
}