/**
 * cybersec-vlog — Dashboard CSS supplémentaire
 * Chargé après style.css pour les pages dashboard uniquement.
 */

/* Map tooltip custom */
.qp-map-tooltip {
  background: rgba(6,12,26,0.95) !important;
  border: 1px solid #1e3a5f !important;
  color: #c8d8e8 !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 11px !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  box-shadow: none !important;
}

.leaflet-tooltip-top.qp-map-tooltip::before {
  border-top-color: #1e3a5f !important;
}

/* Leaflet map override */
.leaflet-container {
  background: #050b18 !important;
  font-family: 'Share Tech Mono', monospace !important;
}

.leaflet-control-zoom a {
  background: #0d1525 !important;
  color: #5a7a9f !important;
  border-color: #1e3a5f !important;
}

.leaflet-control-zoom a:hover {
  color: #00d4ff !important;
  background: #111c30 !important;
}

.leaflet-bar {
  border: 1px solid #1e3a5f !important;
}

/* Page dashboard — pas de sidebar */
.qp-dashboard-page .vlog-sidebar,
.qp-dashboard-page .vlog-content {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.qp-dashboard-page #content {
  padding: 0 !important;
}

.qp-dashboard-page .vlog-site-content {
  padding: 0 !important;
}

/* Prose article overrides sur dashboard */
.qp-dashboard article {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* Feed scroll */
.qp-feed::-webkit-scrollbar { width: 4px; }
.qp-feed::-webkit-scrollbar-track { background: transparent; }
.qp-feed::-webkit-scrollbar-thumb { background: #1e3a5f; border-radius: 2px; }

/* Crypto terminal scroll */
.qp-crypto-terminal::-webkit-scrollbar { width: 4px; }
.qp-crypto-terminal::-webkit-scrollbar-thumb { background: #1e3a5f; }

/* Agent terminal scroll */
.qp-agent-terminal::-webkit-scrollbar { width: 4px; }
.qp-agent-terminal::-webkit-scrollbar-thumb { background: rgba(136,51,255,0.3); }

/* Hover lift pour les cartes sur la grille modules */
.qp-module-card:hover .qp-module-icon {
  transform: scale(1.15);
  display: inline-block;
  transition: transform 0.2s ease;
}

/* Hero grid animation */
@keyframes qp-grid-drift {
  from { background-position: 0 0; }
  to   { background-position: 50px 50px; }
}

/* Code blocks dans articles */
.entry-content code,
.single-qp_lab .entry-content code,
.single-qp_crypto .entry-content code,
.single-qp_writeup .entry-content code {
  background: #0d1525 !important;
  color: #00d4ff !important;
  border: 1px solid #1e3a5f !important;
  font-family: 'Share Tech Mono', monospace !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
  font-size: 0.9em;
}

.entry-content pre,
.single-qp_lab .entry-content pre {
  background: #020a10 !important;
  border: 1px solid #1e3a5f !important;
  border-left: 3px solid #00d4ff !important;
  color: #00cc6a !important;
  font-family: 'Share Tech Mono', monospace !important;
  padding: 16px 20px !important;
  border-radius: 0 8px 8px 0 !important;
  overflow-x: auto;
  line-height: 1.6;
}

/* Vlog modules sur fond dark */
.vlog-module-title,
.module-title {
  color: #8ab4d4 !important;
  font-family: 'Orbitron', monospace !important;
  font-size: 1.4rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-left: 3px solid #00d4ff;
  padding-left: 10px !important;
}

.vlog-module-title a,
.module-title a {
  color: inherit !important;
}

/* Featured areas */
.vlog-featured-1,
.vlog-featured-2,
.vlog-featured-3 {
  background: #0a1020 !important;
}

/* Pagination */
.vlog-pagination .page-numbers {
  background: #0d1525 !important;
  border: 1px solid #1e3a5f !important;
  color: #5a7a9f !important;
  font-family: 'Share Tech Mono', monospace !important;
}

.vlog-pagination .page-numbers:hover,
.vlog-pagination .current {
  background: rgba(0,212,255,0.15) !important;
  color: #00d4ff !important;
  border-color: #00d4ff !important;
}

/* Author box */
.vlog-author {
  background: #0d1525 !important;
  border: 1px solid #1e3a5f !important;
  border-radius: 8px !important;
}

.vlog-author .author-name a {
  color: #e0eeff !important;
  font-family: 'Orbitron', monospace !important;
}

.vlog-author .author-bio {
  color: #5a7a9f !important;
}

/* Comments */
.comment-body,
.comment-list li {
  border-color: #1e3a5f !important;
}

.comment-meta a {
  color: #8ab4d4 !important;
}

#reply-title {
  color: #e0eeff !important;
  font-family: 'Orbitron', monospace !important;
}

/* Table standard */
table {
  border-color: #1e3a5f !important;
}

th {
  background: #0d1525 !important;
  color: #5a7a9f !important;
  border-color: #1e3a5f !important;
}

td {
  border-color: rgba(30,58,95,0.3) !important;
  color: #c8d8e8 !important;
}

tr:hover td {
  background: rgba(0,212,255,0.03) !important;
}

/* Breadcrumbs */
.vlog-breadcrumbs {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 1.1rem !important;
  color: #3a5a7f !important;
}

.vlog-breadcrumbs a {
  color: #5a7a9f !important;
}

.vlog-breadcrumbs a:hover {
  color: #00d4ff !important;
}

/* Search results */
.search-no-results,
.not-found {
  background: #0d1525 !important;
  border: 1px solid #1e3a5f !important;
  border-radius: 8px !important;
  padding: 40px !important;
  text-align: center;
}

/* Admin bar override */
#wpadminbar {
  background: #060c1a !important;
  border-bottom: 1px solid #1e3a5f !important;
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item {
  color: #5a7a9f !important;
}

#wpadminbar .ab-item:hover {
  color: #00d4ff !important;
  background: transparent !important;
}