/*
Theme Name: Belge.Media DarkMag
Theme URI: https://belge.media
Author: Saad Van Nassouwe
Author URI: https://belge.media/auteur/saad-van-nassouwe/
Description: Thème magazine dark/classy optimisé SEO et AdSense pour Belge.Media
Version: 1.3
License: GNU GPL v2 or later
Text Domain: belgemedia
*/

body{background:#111;color:#f5f5f5;font-family:"Poppins",sans-serif;margin:0;padding:0}
a{color:#fff;text-decoration:none;transition:.3s}
a:hover{color:#fff}
h1,h2,h3,h4,h5,h6{color:#c9a85e;margin:0 0 15px;font-weight:600}
.container{width:92%;max-width:1200px;margin:0 auto;box-sizing:border-box}

header.site-header{background:#1a1a1a;padding:15px 20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}
.site-title{font-size:22px;font-weight:700}
.main-nav ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}
.main-nav ul li a{color:#fff}
.main-nav ul li a:hover{color:#fff}
.menu-toggle{display:none;font-size:26px;cursor:pointer;color:#fff}
@media(max-width:768px){
  .main-nav{display:none;flex-direction:column;background:#111;padding:10px}
  .main-nav.active{display:flex}
  .menu-toggle{display:block}
}

.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}
.articles-grid article{background:#1a1a1a;border-radius:8px;padding:15px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.articles-grid article:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.4)}
figure{margin:0}
.thumb{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:6px;margin-bottom:12px;background:#0f0f0f}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.hero-article{position:relative;margin:20px 0 40px;border-radius:10px;overflow:hidden}
.hero-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:brightness(70%);transition:transform .4s ease}
.hero-article:hover .hero-thumb img{transform:scale(1.05)}
.hero-content{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.hero-content h1,.hero-content h2{font-size:28px;margin:0 0 10px;color:#c9a85e}
.hero-content p{font-size:16px;margin:0}

.articles-pagination{text-align:center;margin:20px 0}
.articles-pagination a{padding:8px 12px;background:#222;margin:0 5px;border-radius:4px;color:#c9a85e}
.articles-pagination a:hover{background:#333;color:#fff}

.single-article{background:#1a1a1a;padding:20px;border-radius:8px;margin:20px 0}
.single-header .meta{font-size:14px;color:#aaa;margin-bottom:15px}
.single-thumb img{width:100%;border-radius:6px;margin-bottom:20px}
.single-content p{line-height:1.7;margin:0 0 1em}
.single-footer{margin-top:40px;border-top:1px solid #333;padding-top:20px}
.post-nav{display:flex;justify-content:space-between}

.site-footer{background:#1a1a1a;color:#aaa;text-align:center;padding:20px;margin-top:40px;font-size:14px}



.footer-sponsors {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
    padding: 25px 0;
    background: #000;
}

.footer-sponsors a {
    display: inline-block;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.footer-sponsors img {
    height: 28px;
    width: auto;
    opacity: 0.85;
}

.footer-sponsors a:hover img {
    transform: scale(1.08);
    opacity: 1;
}