/*
 * Dark theme override for Squarespace-exported blog pages.
 * Matches the palette of the main michaelcurrie.com site:
 *   bg #0a0a0a / #111, text #e0e0e0, accent #00d4ff, muted #888.
 * Loaded after site.css so these rules win by specificity or !important.
 */

/* ── Base ──────────────────────────────────────────────── */
html {
  background: #0a0a0a !important;
}
body,
#canvas {
  background: #0a0a0a !important;
  color: #e0e0e0 !important;
}

/* ── Typography ────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
h1.entry-title a,
.logo a,
h1.logo a {
  color: #fff !important;
}
.entry-title a:hover,
h1.logo a:hover {
  color: #00d4ff !important;
}

p, li, dd, dt, td, th,
.body.entry-content,
.sqs-html-content,
.sqs-block-content,
.sqs-html-content p,
article .body p {
  color: #e0e0e0 !important;
}

a {
  color: #00d4ff !important;
}
a:hover {
  color: #5ce0ff !important;
}

/* ── Header & Nav ──────────────────────────────────────── */
#header {
  background: rgba(10,10,10,.85) !important;
  border-bottom: 1px solid #1a1a1a !important;
}
#topNav .main-nav a,
.main-nav a {
  color: #888 !important;
}
#topNav .main-nav a:hover,
.main-nav a:hover {
  color: #fff !important;
}
.main-nav .active-link a {
  color: #00d4ff !important;
}

/* Mobile nav */
#mobileNav {
  background: #0a0a0a !important;
}
#mobileNav .main-nav a {
  color: #888 !important;
}
#mobileNav .main-nav a:hover {
  color: #fff !important;
}
#mobileMenuLink a {
  color: #888 !important;
}

/* ── Page Content ──────────────────────────────────────── */
#page,
section[role="main"] {
  background: transparent !important;
}

/* Article meta (dates, categories) */
.meta,
.meta span,
.meta a,
.date,
time.published {
  color: #666 !important;
}
.meta a:hover {
  color: #00d4ff !important;
}

/* ── Sidebar ───────────────────────────────────────────── */
#sidebar {
  color: #999 !important;
}
#sidebar h2,
#sidebar h3 {
  color: #ccc !important;
}
#sidebar hr,
.sqs-block-horizontalrule hr {
  border-color: #222 !important;
  background-color: #222 !important;
}

/* ── Dividers ──────────────────────────────────────────── */
.page-divider,
.post-divider {
  border-color: #1a1a1a !important;
  background-color: #1a1a1a !important;
}

/* ── Pagination ────────────────────────────────────────── */
.pagination a {
  color: #00d4ff !important;
}
.pagination a:hover {
  color: #5ce0ff !important;
}

/* ── Footer ────────────────────────────────────────────── */
#footer {
  background: #0a0a0a !important;
  border-top: 1px solid #1a1a1a !important;
}
#socialLinks .sqs-svg-icon--wrapper {
  color: #555 !important;
}
#socialLinks .sqs-svg-icon--wrapper:hover {
  color: #00d4ff !important;
}
.sqs-svg-icon--social {
  fill: currentColor !important;
}

/* Sidebar social icons (also .social-icons-color-black) */
.social-icons-color-black .sqs-svg-icon--wrapper {
  color: #555 !important;
}
.social-icons-color-black .sqs-svg-icon--wrapper:hover {
  color: #00d4ff !important;
}

/* ── Blockquote ────────────────────────────────────────── */
blockquote {
  border-left-color: #333 !important;
  color: #bbb !important;
}

/* ── Code ──────────────────────────────────────────────── */
pre, code, kbd, samp,
.source-code {
  background: #161616 !important;
  color: #d4d4d4 !important;
  border-color: #222 !important;
}

/* ── Tables ────────────────────────────────────────────── */
table {
  border-color: #333 !important;
}
th {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #333 !important;
}
td {
  border-color: #333 !important;
}

/* Override inline color:black / color:#000 on table cells */
td[style*="color"],
th[style*="color"],
p[style*="color"],
span[style*="color"] {
  color: inherit !important;
}

/* ── Images ────────────────────────────────────────────── */
.sqs-block-image figcaption,
.image-caption {
  color: #888 !important;
}

/* ── Comments ──────────────────────────────────────────── */
.squarespace-comments,
.comments-wrapper {
  color: #ccc !important;
}

/* ── Article list (blog index) ─────────────────────────── */
.article-list article {
  border-bottom-color: #1a1a1a !important;
}
.article-list .entry-title a {
  color: #fff !important;
}
.article-list .entry-title a:hover {
  color: #00d4ff !important;
}
.article-list .excerpt,
.article-list .excerpt p {
  color: #999 !important;
}

/* ── Like button ───────────────────────────────────────── */
.sqs-simple-like .like-icon {
  filter: invert(1);
}

/* ── Horizontal rule ───────────────────────────────────── */
hr {
  border-color: #222 !important;
  background-color: #222 !important;
}

/* ── Page borders (template class: page-borders-thin) ──── */
.page-borders-thin #canvas {
  border-color: #1a1a1a !important;
}

/* ── Selection highlight ───────────────────────────────── */
::selection {
  background: #00d4ff33;
  color: #fff;
}

/* ── Scrollbar (Webkit) ────────────────────────────────── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }