.logo img{
  height: 120px;           /* 24–36px selon ton goût */
  display: block;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.25));
}
/* Corrections du thème clair */
:root.light {
  --bg:#f6f7fb; 
  --panel:#ffffff; 
  --text:#0b1220; 
  --muted:#576074;
}

/* Quand thème clair actif, on adapte les composants qui forçaient un fond sombre */
:root.light body{ background:#eef2f7 !important; }

:root.light .card{ 
  background:#ffffff; 
  border-color:rgba(0,0,0,.08);
}

:root.light .btn{
  background:#ffffff;
  border-color:rgba(0,0,0,.08);
}

:root.light .search input,
:root.light .search select,
:root.light .search button,
:root.light .link,
:root.light .todo input,
:root.light .todo li,
:root.light #scratch,
:root.light .links-editor .row input,
:root.light .field input,
:root.light .field select {
  background:#ffffff !important;
  color:var(--text) !important;
  border-color:rgba(0,0,0,.12) !important;
}

:root.light .wx-day{
  background:#ffffff !important;
  border-color:rgba(0,0,0,.08) !important;
}

.search button:hover{ transform:translateY(-1px); box-shadow:var(--shadow); }

/* Drag & drop */
.link{ cursor:grab }
.link:active{ cursor:grabbing }
.link.drag-over{ outline:2px dashed var(--accent) }
.link.dragging{ opacity:.7 }

/* --- Overrides carrousel news --- */
#gaming-news.gn-row .gn-card { 
  /* montre 2–3 cartes selon la largeur d'écran */
  flex: 0 0 clamp(220px, 28vw, 320px) !important;
}
#gaming-news.gn-row .gn-thumb { 
  width: 80px; 
  height: 80px; 
}

@media (min-width: 1024px){
  #gaming-news.gn-row { --gap: 12px; }
  #gaming-news.gn-row .gn-card{
    flex: 1 1 calc((100% - var(--gap) * 4) / 5) !important;
  }
}

/* --- FIX : cartes tronquées en horizontal --- */
#gaming-news.gn-row { 
  width: 100%;
  display: flex;
  gap: 12px;
  overflow-x: auto;
}

/* Laisser la carte s'adapter à la largeur dispo */
#gaming-news.gn-row .gn-card{
  flex: 5 5 300px !important; /* peut grandir ET rétrécir */
  min-width: 0;               /* indispensable en flex pour éviter le overflow */
  max-width: 100%;
}

/* Et son contenu peut aussi se rétrécir */
#gaming-news.gn-row .gn-body{ min-width: 0; }
#gaming-news.gn-row .gn-title{ white-space: normal; } /* optionnel : permet le retour à la ligne */
