/* Wallpaper Wars — même esprit que M-binary : sombre, bleu, cartes arrondies.
   Pas d'élément fixe par-dessus le contenu : les annonces automatiques ont de la place. */
:root{ --bg:#0d1117; --card:#161b22; --card2:#1c2128; --border:#2a313c; --text:#e6edf3; --muted:#8b949e; --primary:#4ea1ff; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; }
a{ color:inherit; }
.wp-header{ position:sticky; top:0; z-index:50; background:rgba(13,17,23,.92); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--border); padding:10px 14px 12px; }
.wp-bar{ display:flex; align-items:center; gap:10px; max-width:1200px; margin:0 auto; }
.wp-back{ width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--card2); font-size:20px; text-decoration:none; }
.wp-logo{ font-family:'Bangers',cursive; font-size:28px; letter-spacing:1px; color:var(--text); text-decoration:none; flex:1; }
.wp-logo span{ color:var(--primary); }
.wp-mv{ display:flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px; background:linear-gradient(135deg,#8b5cf6,#ec4899); color:#fff; text-decoration:none; font-weight:600; font-size:13px; }
.wp-mv i{ font-size:18px; }
.wp-search{ position:relative; max-width:1200px; margin:10px auto 0; }
.wp-search i{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:18px; }
.wp-search input{ width:100%; padding:12px 14px 12px 42px; border-radius:14px; border:1px solid var(--border); background:var(--card2); color:var(--text); font-size:15px; outline:none; }
.wp-search input:focus{ border-color:var(--primary); }

.wp-main{ max-width:1200px; margin:0 auto; padding:12px 12px 40px; }
.wp-tags{ display:flex; gap:8px; overflow-x:auto; padding:4px 0 12px; scrollbar-width:none; }
.wp-tags::-webkit-scrollbar{ display:none; }
.wp-tag{ flex-shrink:0; padding:7px 14px; border-radius:999px; background:var(--card2); border:1px solid var(--border); text-decoration:none; font-size:13px; white-space:nowrap; }
.wp-tag.active{ background:var(--primary); border-color:var(--primary); color:#06121f; font-weight:600; }
.wp-info{ font-size:13px; color:var(--muted); margin:0 2px 10px; }

/* grille : lignes régulières -> une annonce peut prendre toute une ligne sans casser la mise en page */
.wp-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
@media(min-width:600px){ .wp-grid{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:900px){ .wp-grid{ grid-template-columns:repeat(4,1fr); } }
@media(min-width:1150px){ .wp-grid{ grid-template-columns:repeat(5,1fr); } }
.wp-card{ position:relative; display:block; border-radius:16px; overflow:hidden; background:var(--card); aspect-ratio:9/16; text-decoration:none; }
.wp-card img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.wp-card:hover img{ transform:scale(1.04); }
.wp-card-name{ position:absolute; left:0; right:0; bottom:0; padding:22px 10px 8px; font-size:12px; font-weight:600; background:linear-gradient(transparent,rgba(0,0,0,.75)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wp-ad{ grid-column:1/-1; min-height:100px; background:var(--card); border-radius:16px; overflow:hidden; padding:6px; }
.wp-ad-top{ margin-bottom:12px; }
.wp-empty{ text-align:center; padding:50px 10px; color:var(--muted); }
.wp-more{ display:flex; justify-content:center; margin:22px 0; }
.wp-more a{ padding:11px 18px; border-radius:12px; background:var(--card2); border:1px solid var(--border); text-decoration:none; }

/* page image */
.wp-view{ display:grid; gap:16px; }
@media(min-width:900px){ .wp-view{ grid-template-columns:minmax(0,1fr) 320px; align-items:start; } }
.wp-photo{ position:relative; border-radius:20px; overflow:hidden; background:var(--card); }
.wp-photo img{ width:100%; display:block; max-height:80vh; object-fit:contain; background:#000; }
.wp-side{ background:var(--card); border:1px solid var(--border); border-radius:18px; padding:16px; }
.wp-side h1{ font-size:20px; margin:0 0 6px; }
.wp-meta{ font-size:13px; color:var(--muted); display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.wp-actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.wp-btn{ display:flex; align-items:center; justify-content:center; gap:6px; padding:12px; border-radius:12px; border:none; font-weight:600; font-size:14px; cursor:pointer; text-decoration:none; background:var(--card2); color:var(--text); }
.wp-btn.primary{ background:var(--primary); color:#06121f; }
.wp-section{ margin-top:22px; }
.wp-section h2{ font-size:17px; margin:0 0 10px; display:flex; align-items:center; gap:8px; }
.wp-section h2 small{ font-size:12px; color:var(--muted); font-weight:500; }
.wp-footer{ text-align:center; font-size:13px; color:var(--muted); padding:26px 12px 40px; }
.wp-footer a{ color:var(--muted); }