/* ============================================================
   ReliableAI Dark Skin — matches reliableai.net
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --rai-bg:      #1c1c1c;
  --rai-bg2:     #242424;
  --rai-bg3:     #2e2e2e;
  --rai-border:  #3a3a3a;
  --rai-text:    #ececec;
  --rai-muted:   #9e9e9e;
  --rai-accent:  #cf7d4e;
  --rai-accent2: rgba(207,125,78,.12);
  --rai-green:   #7cb87c;
  --rai-radius:  10px;
}

/* ── Base ─────────────────────────────────────── */
html, body {
  background: var(--rai-bg) !important;
  color: var(--rai-text) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ── Header / Nav ─────────────────────────────── */
header, .wp-block-template-part {
  background: rgba(28,28,28,.94) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--rai-border) !important;
}

/* Site title */
.wp-block-site-title a,
.wp-block-site-title {
  color: var(--rai-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
}

/* Nav links */
.wp-block-navigation a,
nav a {
  color: var(--rai-muted) !important;
  text-decoration: none !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
  transition: color .2s !important;
}
.wp-block-navigation a:hover, nav a:hover {
  color: var(--rai-text) !important;
}

/* ── Main / General ───────────────────────────── */
.wp-site-blocks, main, article, .wp-block-group {
  background: transparent !important;
}

h1, .wp-block-post-title, .page-title {
  color: var(--rai-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
}
h2, h3, h4, h5, h6 {
  color: var(--rai-text) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
p, li, td, th {
  color: var(--rai-text) !important;
}
a {
  color: var(--rai-accent) !important;
  text-decoration: none !important;
}
a:hover {
  color: #e89a6e !important;
  text-decoration: underline !important;
}

/* ── Post cards / Loop ────────────────────────── */
.wp-block-post, .type-post, .wp-block-query-loop article {
  background: var(--rai-bg2) !important;
  border: 1px solid var(--rai-border) !important;
  border-radius: var(--rai-radius) !important;
  padding: 28px !important;
  transition: border-color .2s, box-shadow .2s !important;
  margin-bottom: 18px !important;
}
.wp-block-post:hover, .wp-block-query-loop article:hover {
  border-color: var(--rai-accent) !important;
  box-shadow: 0 4px 24px rgba(207,125,78,.08) !important;
}

/* Post meta */
.wp-block-post-date, .wp-block-post-author, .wp-block-post-terms,
.posted-on, .byline, .cat-links, .entry-meta {
  color: var(--rai-muted) !important;
  font-size: .82rem !important;
}
.wp-block-post-date a, .wp-block-post-author a, .wp-block-post-terms a {
  color: var(--rai-muted) !important;
}

/* Excerpt */
.wp-block-post-excerpt__excerpt, .entry-summary {
  color: var(--rai-muted) !important;
  line-height: 1.65 !important;
  font-size: .95rem !important;
}
.wp-block-post-excerpt__more-link, .more-link {
  color: var(--rai-accent) !important;
  font-weight: 600 !important;
}

/* First article highlight */
.wp-block-query .wp-block-post:first-child {
  border-color: rgba(207,125,78,.35) !important;
  background: linear-gradient(135deg, var(--rai-bg2) 0%, rgba(207,125,78,.05) 100%) !important;
}

/* ── Pagination ───────────────────────────────── */
.wp-block-query-pagination a, .page-numbers a {
  background: var(--rai-bg3) !important;
  color: var(--rai-text) !important;
  border: 1px solid var(--rai-border) !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  font-size: .85rem !important;
}
.wp-block-query-pagination a:hover { border-color: var(--rai-accent) !important; text-decoration: none !important; }
.page-numbers.current { background: var(--rai-accent) !important; color: #fff !important; border-color: var(--rai-accent) !important; }

/* ── Single post content ──────────────────────── */
.entry-content p, .wp-block-post-content p {
  color: #d4d4d4 !important;
  line-height: 1.78 !important;
  font-size: 1.05rem !important;
}
.entry-content h2, .wp-block-post-content h2 {
  margin-top: 2.2rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid var(--rai-border) !important;
}

/* Code */
pre, code, .wp-block-code {
  background: #161616 !important;
  border: 1px solid var(--rai-border) !important;
  border-radius: 8px !important;
  color: #e2c47e !important;
  font-size: .88rem !important;
  padding: 16px !important;
}
code { padding: 2px 7px !important; font-size: .85em !important; }

/* Blockquote */
blockquote, .wp-block-quote {
  border-left: 3px solid var(--rai-accent) !important;
  background: var(--rai-accent2) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 16px 20px !important;
  margin: 0 !important;
}
.wp-block-quote p { color: var(--rai-text) !important; font-style: italic !important; }

/* Tables */
th { background: var(--rai-bg3) !important; border: 1px solid var(--rai-border) !important; padding: 10px 14px !important; font-weight: 600 !important; }
td { border: 1px solid var(--rai-border) !important; padding: 9px 14px !important; }
tr:nth-child(even) td { background: rgba(255,255,255,.02) !important; }

/* Images */
img, .wp-block-image img { border-radius: 8px !important; border: 1px solid var(--rai-border) !important; }

/* ── Buttons ──────────────────────────────────── */
.wp-block-button__link, .wp-element-button, button, input[type="submit"] {
  background: var(--rai-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: opacity .2s !important;
}
.wp-block-button__link:hover, button:hover { opacity: .85 !important; }
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid var(--rai-accent) !important;
  color: var(--rai-accent) !important;
}

/* ── Forms ────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="url"],
input[type="search"], textarea, select {
  background: var(--rai-bg3) !important;
  border: 1px solid var(--rai-border) !important;
  border-radius: 8px !important;
  color: var(--rai-text) !important;
  font-family: inherit !important;
  padding: 10px 14px !important;
  font-size: .9rem !important;
}
input:focus, textarea:focus { outline: none !important; border-color: var(--rai-accent) !important; }

/* ── Tags ─────────────────────────────────────── */
.wp-block-post-terms a, .tag-cloud-link, .wp-block-tag-cloud a {
  background: var(--rai-bg3) !important;
  border: 1px solid var(--rai-border) !important;
  border-radius: 100px !important;
  padding: 3px 12px !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  color: var(--rai-muted) !important;
  display: inline-block !important;
  margin: 2px !important;
  transition: border-color .2s, color .2s !important;
}
.wp-block-post-terms a:hover, .tag-cloud-link:hover {
  border-color: var(--rai-accent) !important;
  color: var(--rai-accent) !important;
  text-decoration: none !important;
}

/* ── Comments ─────────────────────────────────── */
.comment-list li {
  background: var(--rai-bg2) !important;
  border: 1px solid var(--rai-border) !important;
  border-radius: var(--rai-radius) !important;
  padding: 18px 20px !important;
  margin-bottom: 14px !important;
  list-style: none !important;
}
.comment-author .fn { color: var(--rai-text) !important; font-weight: 600 !important; }
.comment-metadata a { color: var(--rai-muted) !important; font-size: .8rem !important; }

/* ── Separators ───────────────────────────────── */
hr, .wp-block-separator {
  border: none !important;
  border-top: 1px solid var(--rai-border) !important;
  margin: 32px 0 !important;
}

/* ── Footer ───────────────────────────────────── */
footer, footer.wp-block-template-part {
  background: #161616 !important;
  border-top: 1px solid var(--rai-border) !important;
}
footer p, footer a, footer span { color: var(--rai-muted) !important; font-size: .82rem !important; }
footer a:hover { color: var(--rai-text) !important; text-decoration: none !important; }
footer .wp-block-site-title a { color: var(--rai-text) !important; font-size: 1rem !important; font-weight: 700 !important; }

/* ── TT5 / Gutenberg overrides ────────────────── */
.has-white-background-color, .has-base-background-color { background-color: var(--rai-bg) !important; }
.has-contrast-color, .has-base-color { color: var(--rai-text) !important; }
.wp-site-blocks { background: var(--rai-bg) !important; }

/* ── Scrollbar ────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--rai-bg); }
::-webkit-scrollbar-thumb { background: var(--rai-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--rai-muted); }

/* ── Selection ────────────────────────────────── */
::selection { background: rgba(207,125,78,.25); color: var(--rai-text); }