/* =========================================================
   0xGUDODAMA — Blog Page Styles
   ========================================================= */

#filter-panel {
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 0; opacity: 0;
}
#filter-panel.open { max-height: 200px; opacity: 1; }

.diff-btn.active {
  border-color: rgba(0,255,157,0.4) !important;
  color: #00ff9d !important;
  background: rgba(0,255,157,0.05) !important;
}
.cat-btn.active {
  background: rgba(0,255,157,0.08) !important;
  border: 1px solid rgba(0,255,157,0.3) !important;
  color: white !important;
}

/* ── Badges catégorie ───────────────────────────────────── */
.badge-guide      { color:#00ff9d; background:rgba(0,255,157,0.1);   border-color:rgba(0,255,157,0.3); }
.badge-article    { color:#00d4ff; background:rgba(0,212,255,0.1);   border-color:rgba(0,212,255,0.3); }
.badge-malware    { color:#a78bfa; background:rgba(167,139,250,0.1); border-color:rgba(167,139,250,0.3); }
.badge-opensource { color:#2dd4bf; background:rgba(45,212,191,0.1);  border-color:rgba(45,212,191,0.3); }
.badge-cve        { color:#f43f5e; background:rgba(244,63,94,0.1);   border-color:rgba(244,63,94,0.3); }
.badge-news       { color:#f59e0b; background:rgba(245,158,11,0.1);  border-color:rgba(245,158,11,0.3); }

/* ── Boutons d'action sur survol ────────────────────────── */
.blog-card .card-inner { cursor: pointer; }
.blog-card .card-actions {
  display: flex; gap: 8px; margin-top: 10px;
  opacity: 0; transform: translateY(4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.blog-card:hover .card-actions { opacity: 1; transform: translateY(0); }

/* ── Scrollbar ──────────────────────────────────────────── */
.scrollbar-none::-webkit-scrollbar { display: none; }
.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }