/* ============================================================
   JD — GeneratePress integration glue (dark fintech v2)
   Loaded AFTER jd-tokens (colors_and_type) + jd-home (styles.css).
   Maps the design system onto GeneratePress chrome.
   ============================================================ */

/* ---- Ground ---- */
html, body { background: var(--bg) !important; color: var(--fg); }
#page, .site, .site-content, .content-area, #content,
.separate-containers .site-main { background: var(--bg) !important; }
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header { background: transparent !important; }

/* ---- Links ---- */
a { color: var(--signal-glow); }
a:hover { color: var(--signal-hover); }

/* ---- Header / nav ---- */
.site-header { background: rgba(6,8,15,0.72) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--bd); position: sticky; top: 0; z-index: 100; }
.inside-header { padding: 14px 0; }
.main-navigation, .main-navigation .inside-navigation { background: transparent !important; box-shadow: none; }
.site-branding .main-title, .site-branding .main-title a { font-family: var(--font-display) !important; font-weight: 700; color: var(--fg) !important; letter-spacing: -0.03em; }
.site-branding .main-title a::after { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--signal); margin-left: 7px; vertical-align: middle; }
.site-description { color: var(--fg-3) !important; font-family: var(--font-mono); }
.main-navigation .main-nav ul li a { color: var(--fg-2) !important; font-family: var(--font-body); font-weight: 500; font-size: 14px; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a { color: var(--fg) !important; background: transparent !important; }
.menu-toggle, .menu-toggle:hover { color: var(--fg) !important; background: transparent !important; }
.main-navigation ul ul, .main-navigation .main-nav ul ul { background: var(--surface) !important; border: 1px solid var(--bd); }

/* ---- Content typography ---- */
.entry-content, .entry-content p, .entry-content li, .entry-summary { color: var(--fg-2); }
.entry-title, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { color: var(--fg); font-family: var(--font-display); }
.entry-content a { color: var(--signal-glow); text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover { color: var(--signal-hover); }
.entry-meta, .entry-meta a { color: var(--fg-3); font-family: var(--font-mono); }
.entry-content table { color: var(--fg-2); }
.entry-content table th { background: var(--signal) !important; color: #fff !important; }
.entry-content table td, .entry-content table th { border-color: var(--bd) !important; }
.entry-content blockquote { border-left: 4px solid var(--signal) !important; background: var(--surface) !important; color: var(--fg-2) !important; }
.entry-content details { background: var(--surface) !important; border: 1px solid var(--bd) !important; border-radius: var(--r-sm); }
.entry-content details summary { color: var(--fg) !important; }

/* ---- Buttons ---- */
.wp-block-button__link, .button, input[type="submit"] { background: var(--signal); color: #fff !important; border: none; border-radius: var(--r-md); }
.wp-block-button__link:hover, .button:hover, input[type="submit"]:hover { background: var(--signal-hover); }

/* ---- Article list cards ---- */
.inside-article { background: var(--surface); border: 1px solid var(--bd); border-radius: var(--r-md); }
.inside-article:hover { background: var(--surface-2); border-color: var(--bd-strong); }

/* ---- Footer ---- */
.site-footer, .site-info, .inside-site-info, .footer-widgets, .footer-bar { background: var(--bg-2) !important; color: var(--fg-3); border-top: 1px solid var(--bd); }
.site-footer a, .site-info a { color: var(--fg-2); }
.site-footer a:hover, .site-info a:hover { color: var(--signal-glow); }

/* ---- Homepage (front page id 13): full-bleed, hide entry title ---- */
body.page-id-13 .entry-header, body.page-id-13 .page-header, body.page-id-13 .entry-title { display: none !important; }
body.page-id-13 .site-content .container.grid-container { max-width: 100% !important; padding: 0 !important; }
body.page-id-13 .content-area, body.page-id-13 .site-main { width: 100% !important; }
body.page-id-13 .entry-content { margin-top: 0 !important; }
body.page-id-13 .inside-article { background: transparent !important; border: none !important; padding: 0 !important; }
body.page-id-13 .entry-content > * { margin-top: 0; }

body.page-id-69 .entry-header, body.page-id-70 .entry-title, body.page-id-69 .entry-header, body.page-id-70 .entry-title { display:none !important; }
body.page-id-69 .site-content .container.grid-container, body.page-id-70 .site-content .container.grid-container { max-width:100% !important; padding:0 !important; }
body.page-id-69 .inside-article, body.page-id-70 .inside-article { background:transparent !important; border:none !important; padding:0 !important; }