/*
Theme Name: Satellite Congolais
Theme URI: https://satellitecongolais.com/
Author: Satellite Congolais
Description: Thème d’actualité sombre et mobile-first conçu pour Satellite Congolais.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: satellite-congolais
*/
:root{--bg:#080808;--panel:#0f0f0f;--panel2:#151515;--line:#242424;--text:#fff;--muted:#b9c0ca;--blue:#1687ff;--red:#d71920;--bottom:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);padding-bottom:76px}a{text-decoration:none;color:inherit}button,input{font-family:inherit}.site-header{position:sticky;top:0;z-index:1000;background:#000;border-bottom:1px solid var(--line);box-shadow:0 6px 22px rgba(0,0,0,.55)}.topbar{height:78px;display:grid;grid-template-columns:58px minmax(0,1fr) 46px;align-items:center;gap:10px;padding:6px 14px;max-width:1180px;margin:auto}.brand-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;display:block}.wordmark-zone{height:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.wordmark-full{display:block;width:100%;height:70px;object-fit:contain;object-position:left center}.icon-btn{width:42px;height:42px;border:0;background:#111;color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer}.search-box{display:none;position:absolute;left:0;right:0;top:78px;background:#000;border-bottom:1px solid var(--line);padding:10px 14px}.search-box.open{display:block}.search-form{display:flex;max-width:1180px;margin:auto}.search-form label{flex:1}.search-field{width:100%;height:44px;background:#111;border:1px solid #333;color:#fff;padding:0 14px;font-size:15px}.search-submit{height:44px;border:0;background:var(--blue);color:#fff;font-weight:900;padding:0 18px}.menu-top-wrap{background:#050505;border-top:1px solid #151515;border-bottom:1px solid #1b1b1b}.menu-top{max-width:1180px;margin:auto;display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.menu-top::-webkit-scrollbar{display:none}.menu-top .menu{display:flex;margin:0;padding:0;list-style:none}.menu-top a{display:block;padding:12px 15px;border-right:1px solid #1f1f1f;font-size:14px;font-weight:800;color:#e9edf4}.site-header.scrolled .menu-top-wrap{display:none}.ad-sticky{position:sticky;top:121px;z-index:998;background:#000;border-bottom:1px solid var(--line)}body.scrolled .ad-sticky{top:78px}.ad-shell{max-width:1180px;margin:auto;padding:8px 14px}.ad-slider{height:86px;background:#101010;overflow:hidden;position:relative;border-left:4px solid var(--blue)}.ad-track{display:flex;height:100%;transition:transform .45s ease}.ad-slide{min-width:100%;height:100%;display:block;background:#000}.ad-slide img{width:100%;height:100%;object-fit:cover;display:block}.ad-slide-text{display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 16px;background:linear-gradient(90deg,#071f49,#050505)}.ad-title{font-size:18px;font-weight:900}.ad-cta{background:#fff;color:#000;padding:9px 13px;font-weight:900;font-size:12px}.ad-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:6px}.dot{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.35);border:0;padding:0}.dot.active{background:#fff;width:20px}.ticker{position:sticky;top:207px;z-index:997;background:#0b0b0b;border-block:1px solid #171717;overflow:hidden}body.scrolled .ticker{top:164px}.ticker-inner{display:flex;gap:35px;white-space:nowrap;animation:ticker 18s linear infinite;padding:10px 0;color:#d6dce6;font-size:13px;font-weight:800}.ticker-inner a:before{content:'●';color:var(--blue);margin:0 8px}@keyframes ticker{to{transform:translateX(-50%)}}.container{max-width:1180px;margin:auto;padding:18px 14px}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:16px}.lead{min-height:380px;background-size:cover;background-position:center;display:flex;align-items:end;padding:24px;border-bottom:4px solid var(--blue);position:relative}.lead:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.9))}.lead-content{position:relative;z-index:1}.badge{display:inline-block;background:var(--red);padding:7px 10px;font-size:12px;font-weight:900;text-transform:uppercase}.lead h1{font-size:36px;line-height:1.05;margin:12px 0 10px}.lead p{color:#e8edf5;margin:0;max-width:650px}.side-list{display:grid;gap:12px}.mini{display:grid;grid-template-columns:110px 1fr;background:#101010;border-left:3px solid #222;min-height:118px}.pic{background-size:cover;background-position:center;background-color:#161616}.mini-body,.card-body{padding:12px}.tag{font-size:11px;color:#8fbfff;font-weight:900;text-transform:uppercase}.mini h3{font-size:15px;line-height:1.22;margin:6px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px;border-bottom:1px solid #232323;padding-bottom:8px}.section-head h2{font-size:22px;margin:0}.section-head a{color:#9dccff;font-size:13px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#101010;border-bottom:3px solid #222;overflow:hidden}.card .pic{height:145px}.card h3{font-size:16px;line-height:1.22;margin:7px 0 8px}.meta{font-size:12px;color:#aeb7c5}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.article{background:#101010;padding:22px}.article h1{font-size:36px;line-height:1.1;margin-top:0}.article-content{font-size:17px;line-height:1.75}.article-content img{max-width:100%;height:auto}.panel{background:#101010;padding:16px;border-left:4px solid var(--blue)}.quick-list{display:grid;gap:8px}.quick-list a{display:block;background:#151515;padding:11px;border-left:3px solid #333;font-weight:800;font-size:14px}.share-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.share-row a{background:#191919;padding:10px 12px;font-weight:900;font-size:13px}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.page-numbers{padding:9px 13px;background:#151515}.page-numbers.current{background:var(--blue)}.footer{margin-top:34px;background:#000;border-top:1px solid var(--line);padding:26px 14px;text-align:center;color:#cbd3df}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--bottom);z-index:1100;background:#000;border-top:1px solid #242424;display:flex;align-items:center;transform:translateY(110%);transition:transform .25s ease}.bottom-nav.show{transform:translateY(0)}.bottom-scroll{display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;flex:1}.bottom-link{min-width:72px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:800;border-right:1px solid #161616}.bottom-link b{font-size:19px;margin-bottom:3px}.bottom-menu-btn{width:62px;height:64px;border:0;border-left:1px solid #242424;background:#050505;color:#fff;font-size:25px}.bottom-drawer{position:fixed;left:0;right:0;bottom:64px;z-index:1099;background:#050505;border-top:1px solid #222;display:none;grid-template-columns:repeat(3,1fr)}.bottom-drawer.open{display:grid}.bottom-drawer a{padding:14px 10px;border-right:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d;font-size:13px;font-weight:800}.back-to-top{position:fixed;right:16px;bottom:84px;width:46px;height:46px;border:0;background:var(--blue);color:#fff;font-size:24px;display:none;place-items:center;z-index:1110}.back-to-top.show{display:grid}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.topbar{height:72px;grid-template-columns:56px minmax(0,1fr) 42px;padding:5px 10px}.brand-logo{width:56px;height:56px}.wordmark-full{height:65px}.search-box{top:72px}.ad-sticky{top:113px}body.scrolled .ad-sticky{top:72px}.ticker{top:187px}body.scrolled .ticker{top:146px}.hero,.content-grid{grid-template-columns:1fr}.lead{min-height:335px}.lead h1,.article h1{font-size:28px}.cards{grid-template-columns:1fr 1fr}.bottom-drawer{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.topbar{height:68px;grid-template-columns:54px minmax(0,1fr) 40px;gap:6px}.brand-logo{width:54px;height:54px}.wordmark-full{height:61px}.search-box{top:68px}.menu-top a{padding:10px 12px;font-size:13px}.ad-shell{padding:6px 10px}.ad-slider{height:74px}.ad-sticky{top:109px}body.scrolled .ad-sticky{top:68px}.ticker{top:183px}body.scrolled .ticker{top:142px}.container{padding:14px 10px}.lead{min-height:300px}.cards{grid-template-columns:1fr}.bottom-link{min-width:66px}.bottom-link span{font-size:10px}}
