/* ============================================================
   Mining Stock Report — main.css
   Dark theme built on top of Bootstrap 5
   ============================================================ */

:root {
  --msr-gold: #ffc107;
  --msr-dark: #0d0d0d;
  --msr-card: #141414;
  --msr-border: #2a2a2a;
}

/* Base */
body {
  background-color: var(--msr-dark);
  color: #d0d0d0;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Links */
a { color: var(--msr-gold); }
a:hover { color: #ffcd38; }

/* Cards */
.card {
  background-color: var(--msr-card);
  border-color: var(--msr-border) !important;
  transition: border-color 0.15s ease, transform 0.15s ease;
}
a:hover .card {
  border-color: var(--msr-gold) !important;
  transform: translateY(-2px);
}

/* Navbar brand */
.navbar-brand:hover { opacity: 0.85; }

/* Post body — rendered blog content */
.post-body h2, .post-body h3, .post-body h4 {
  color: #ffffff;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.post-body p { color: #c8c8c8; }
.post-body a { color: var(--msr-gold); }
.post-body blockquote {
  border-left: 3px solid var(--msr-gold);
  padding-left: 1rem;
  color: #999;
  font-style: italic;
}
.post-body table {
  width: 100%;
  border-collapse: collapse;
  color: #c8c8c8;
  margin: 1.5rem 0;
}
.post-body table th {
  background: #1a1a1a;
  color: #fff;
  padding: 0.6rem 0.8rem;
  border-bottom: 2px solid var(--msr-gold);
  text-align: left;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.post-body table td {
  padding: 0.6rem 0.8rem;
  border-bottom: 1px solid var(--msr-border);
}
.post-body code {
  background: #1a1a1a;
  color: var(--msr-gold);
  padding: 0.15em 0.4em;
  border-radius: 3px;
  font-size: 0.9em;
}

/* Verdict badges — ensure readable contrast */
.badge.bg-warning { color: #000 !important; }

/* Progress bars */
.progress { border-radius: 4px; }

/* Table */
.table-dark { --bs-table-bg: var(--msr-card); }
.table-dark.table-hover > tbody > tr:hover > * {
  background-color: rgba(255, 193, 7, 0.05);
}

/* Pagination */
.page-link {
  background-color: var(--msr-card);
  border-color: var(--msr-border);
  color: var(--msr-gold);
}
.page-link:hover { background-color: #1f1f1f; color: #fff; }

/* Footer links */
footer a:hover { color: var(--msr-gold) !important; }

/* Utility */
.text-warning { color: var(--msr-gold) !important; }
.border-warning { border-color: var(--msr-gold) !important; }
.btn-warning { background-color: var(--msr-gold); border-color: var(--msr-gold); color: #000; }
.btn-warning:hover { background-color: #ffcd38; border-color: #ffcd38; color: #000; }

/* Mobile */
@media (max-width: 768px) {
  h1 { font-size: 1.6rem; }
  .display-5 { font-size: 1.8rem; }
}