/* ==========================================================================
   CryptoBlog Dark — modern cybersecurity skin for lowery.tech
   Loads after all parent stylesheets. Overrides colors, type and surfaces
   only; layout/grid stays with the parent theme (Bootstrap 3).
   ========================================================================== */

:root {
    --bg:            #0a0e14;   /* page background — near-black navy   */
    --bg-elevated:   #10161f;   /* cards, header, widgets              */
    --bg-inset:      #0d1219;   /* inputs, code, footer                */
    --border:        #1d2735;   /* hairline borders                    */
    --border-bright: #2c3b50;   /* hover borders                       */
    --text:          #d7dee8;   /* body text                           */
    --text-bright:   #f2f6fb;   /* headings                            */
    --text-muted:    #8593a6;   /* meta, secondary                     */
    --accent:        #00e5a0;   /* neon mint — primary accent          */
    --accent-2:      #38bdf8;   /* cyan — secondary accent             */
    --accent-dim:    rgba(0, 229, 160, 0.12);
    --glow:          0 0 24px rgba(0, 229, 160, 0.18);
    --radius:        12px;
    --font-ui:       'Inter', 'Montserrat', -apple-system, sans-serif;
    --font-mono:     'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
}

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */

html {
    scrollbar-color: var(--border-bright) var(--bg);
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-ui);
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

/* Subtle grid overlay across the whole page — the "cutting edge" texture */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(56, 189, 248, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.025) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse 90% 60% at 50% 0%, #000 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 90% 60% at 50% 0%, #000 30%, transparent 75%);
}

#page.site {
    position: relative;
    z-index: 1;
    background: transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-ui);
    color: var(--text-bright);
    font-weight: 700;
    letter-spacing: -0.015em;
}

p { font-family: var(--font-ui); }

a { color: var(--accent); transition: color .15s ease; }
a:hover, a:focus { color: var(--accent-2); text-decoration: none; }

::selection { background: var(--accent); color: #04110c; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border-bright); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #3d5270; }

hr { border-color: var(--border); }

img { max-width: 100%; height: auto; }

/* --------------------------------------------------------------------------
   Preloader
   -------------------------------------------------------------------------- */

.cryptoblog_preloader_holder {
    background: var(--bg) !important;
}
.cryptoblog_preloader_holder .loader-inner div {
    background-color: var(--accent) !important;
}

/* --------------------------------------------------------------------------
   Header / navigation
   -------------------------------------------------------------------------- */

.header2 .logo-infos {
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--border);
}

/* neon gradient hairline across the very top of the site */
.header2 .logo-infos::before {
    content: "";
    display: block;
    height: 2px;
    margin: 0 -15px;
    background: linear-gradient(90deg, var(--accent), var(--accent-2), transparent 85%);
}

.header2 .logo a,
.header2 .logo.no-logo a {
    color: var(--text-bright);
    font-family: var(--font-mono);
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* terminal-style prompt in front of the site name */
.header2 .logo.no-logo a::before {
    content: "~$ ";
    color: var(--accent);
}

.header2 .logo-desc {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* hide the parent theme's hard-coded 728x90 ad placeholder */
.header2 .header-infos img[src*="728x90"] { display: none; }

/* main nav bar — dark glass, sticky-friendly */
.navbar.navbar-default,
#cryptoblog-main-head {
    background: rgba(13, 18, 25, 0.85) !important;
    -webkit-backdrop-filter: saturate(140%) blur(12px);
    backdrop-filter: saturate(140%) blur(12px);
    border: 0;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

#cryptoblog-main-head.sticky-header,
#cryptoblog-main-head .is-sticky & { background: rgba(13, 18, 25, 0.92) !important; }

.nav-menu li a,
.navbar-default .navbar-nav > li > a,
ul.nav-effect li a {
    color: var(--text) !important;
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: transparent !important;
    transition: color .15s ease, text-shadow .15s ease;
}

.nav-menu li a:hover,
.nav-menu li.current-menu-item > a,
.nav-menu li.current_page_item > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: var(--accent) !important;
    text-shadow: 0 0 18px rgba(0, 229, 160, 0.55);
    background: transparent !important;
}

/* dropdowns */
.nav-menu ul.sub-menu,
.navbar-default .dropdown-menu {
    background: var(--bg-elevated) !important;
    border: 1px solid var(--border) !important;
    border-radius: 10px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.nav-menu ul.sub-menu li a { color: var(--text) !important; }
.nav-menu ul.sub-menu li a:hover { background: var(--accent-dim) !important; color: var(--accent) !important; }

/* burger + search icons */
.navbar-toggle { border-color: var(--border-bright); }
.navbar-toggle .icon-bar { background-color: var(--accent) !important; }
.mt-search-icon,
.mt-search-icon i,
.actions-group a { color: var(--text-muted) !important; }
.mt-search-icon:hover i { color: var(--accent) !important; }

/* --------------------------------------------------------------------------
   Search overlay
   -------------------------------------------------------------------------- */

.fixed-search-overlay {
    background: rgba(10, 14, 20, 0.96);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.fixed-search-overlay .icon-close { color: var(--accent); }
.fixed-search-overlay input[type="search"],
.fixed-search-overlay input[type="text"] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid var(--accent);
    color: var(--text-bright);
    font-family: var(--font-mono);
}

/* --------------------------------------------------------------------------
   Post cards (blog loop)
   -------------------------------------------------------------------------- */

.list-view .blog_custom,
.blog_custom {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.blog_custom:hover {
    transform: translateY(-3px);
    border-color: var(--border-bright);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), var(--glow);
}

.blog_custom .post-thumbnail img.blog_post_image {
    transition: transform .35s ease, filter .35s ease;
    filter: saturate(0.9) contrast(1.02);
}
.blog_custom:hover .post-thumbnail img.blog_post_image {
    transform: scale(1.03);
    filter: saturate(1.05);
}

.post-name a,
h3.post-name a, h2.post-name a,
.blog_custom .post-name a,
.list-view .post-details .post-name a {
    color: var(--text-bright) !important;
    font-weight: 700;
    letter-spacing: -0.01em;
    transition: color .15s ease;
}
.post-name a:hover,
.blog_custom .post-name a:hover,
.list-view .post-details .post-name a:hover { color: var(--accent) !important; }

.post-sticky-label, .post-sticky-label i { color: var(--accent); }

/* meta row — terminal flavor */
.post-category-comment-date,
.post-category-comment-date a,
.post-category-comment-date span,
.post-date a, .post-author a, .post-comments a, .post-tags a {
    color: var(--text-muted) !important;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.03em;
}
.post-category-comment-date i,
.post-date i, .post-author i, .post-comments i, .post-tags i {
    color: var(--accent-2) !important;
}
.post-category-comment-date a:hover { color: var(--accent) !important; }

/* category chips */
.post-tags a {
    display: inline-block;
    padding: 1px 8px;
    margin: 1px 2px;
    border: 1px solid var(--border-bright);
    border-radius: 999px;
    background: var(--bg-inset);
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.post-tags a:hover {
    border-color: var(--accent);
    background: var(--accent-dim);
    color: var(--accent) !important;
}

.post-excerpt, .post-excerpt p,
.list-view .post-details .post-excerpt,
.list-view .post-details .post-excerpt p,
.list-view .post-details .post-excerpt li,
.list-view .post-details .post-excerpt address {
    color: var(--text) !important;
}

/* read-more link (parent uses a 4-class selector, hence !important) */
.post-excerpt .more-link, a.more-link,
.list-view .post-details .post-excerpt .more-link {
    display: inline-block;
    margin-top: 10px;
    padding: 7px 16px;
    color: var(--accent) !important;
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    border: 1px solid var(--accent) !important;
    border-radius: 8px;
    transition: box-shadow .15s ease, color .15s ease, text-shadow .15s ease;
}
.post-excerpt .more-link:hover, a.more-link:hover,
.list-view .post-details .post-excerpt .more-link:hover {
    box-shadow: var(--glow);
    color: var(--accent) !important;
    text-shadow: 0 0 12px rgba(0, 229, 160, 0.5);
}

/* --------------------------------------------------------------------------
   Single post / page content
   -------------------------------------------------------------------------- */

article.single-post, body.single-post {
    background: transparent;
    color: var(--text);
}

.single-post .post-excerpt,
.entry-content,
.post-details {
    color: var(--text);
    font-size: 16.5px;
}

.entry-content a, .post-excerpt a:not(.more-link) {
    color: var(--accent);
    border-bottom: 1px solid rgba(0, 229, 160, 0.35);
}
.entry-content a:hover, .post-excerpt a:not(.more-link):hover {
    color: var(--accent-2);
    border-bottom-color: rgba(56, 189, 248, 0.5);
}

blockquote {
    background: var(--bg-inset);
    border-left: 3px solid var(--accent);
    border-radius: 0 10px 10px 0;
    color: var(--text-muted);
    padding: 16px 20px;
}

/* inline code + plain pre blocks (Code Block Pro output keeps its own skin) */
code, kbd {
    font-family: var(--font-mono);
    font-size: 0.88em;
    background: var(--bg-inset);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 2px 6px;
    color: var(--accent);
}
pre {
    background: var(--bg-inset);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text);
    font-family: var(--font-mono);
    padding: 18px;
    overflow-x: auto;
}
pre code { background: transparent; border: 0; padding: 0; color: inherit; }

/* Code Block Pro wrapper: rounded + bordered to match the cards */
.wp-block-kevinbatdorf-code-block-pro {
    border-radius: var(--radius);
    overflow: hidden;
    border: 1px solid var(--border);
}

table {
    border-collapse: collapse;
    background: var(--bg-elevated);
}
table th, table td {
    border: 1px solid var(--border) !important;
    padding: 8px 12px;
}
table th {
    background: var(--bg-inset);
    color: var(--text-bright);
    font-family: var(--font-mono);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.entry-content img, .post-excerpt img, .wp-block-image img {
    border-radius: 10px;
    border: 1px solid var(--border);
}

.page-links { color: var(--text-muted); }

/* --------------------------------------------------------------------------
   Sidebar / widgets
   -------------------------------------------------------------------------- */

.widget {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px;
    margin-bottom: 24px;
}

.widget .widget-title,
.widget-title h3, .widget-title {
    color: var(--text-bright) !important;
    font-family: var(--font-mono);
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 0;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--border);
    position: relative;
}
/* accent tick before widget titles */
.widget .widget-title::before, .widget-title::before {
    content: "// ";
    color: var(--accent);
}

.widget a { color: var(--text); }
.widget a:hover { color: var(--accent); }
.widget li { border-color: var(--border) !important; color: var(--text-muted); }

.widget_search input[type="search"],
.widget_search input[type="text"] {
    background: var(--bg-inset);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
}

.tagcloud a {
    background: var(--bg-inset) !important;
    border: 1px solid var(--border-bright) !important;
    border-radius: 999px;
    color: var(--text-muted) !important;
    font-family: var(--font-mono);
}
.tagcloud a:hover {
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

/* --------------------------------------------------------------------------
   Forms, buttons, comments
   -------------------------------------------------------------------------- */

input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], input[type="tel"],
textarea, select,
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container textarea {
    background: var(--bg-inset) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
    font-family: var(--font-ui);
    transition: border-color .15s ease, box-shadow .15s ease;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px rgba(0, 229, 160, 0.15) !important;
    outline: none;
}
::placeholder { color: var(--text-muted); opacity: .7; }

input[type="submit"], button[type="submit"],
.button, .btn-default,
.wpforms-container button[type="submit"] {
    background: var(--accent) !important;
    border: 1px solid var(--accent) !important;
    border-radius: 8px !important;
    color: #04110c !important;
    font-family: var(--font-mono);
    font-weight: 600;
    letter-spacing: 0.03em;
    transition: box-shadow .15s ease, filter .15s ease;
}
input[type="submit"]:hover, button[type="submit"]:hover,
.button:hover, .btn-default:hover {
    box-shadow: var(--glow);
    filter: brightness(1.08);
}

.comments-area, .comments_holder, .comments {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text);
}
.comments-area a { color: var(--accent); }
.comment-body, .comment { border-color: var(--border) !important; }
.comment-metadata a, .comment-meta { color: var(--text-muted); font-family: var(--font-mono); font-size: 12px; }

/* --------------------------------------------------------------------------
   Pagination, archive headers, 404
   -------------------------------------------------------------------------- */

.pagination > li > a, .pagination > li > span,
.page-numbers {
    background: var(--bg-elevated) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
    font-family: var(--font-mono);
    border-radius: 8px !important;
    margin: 0 3px;
}
.pagination > li > a:hover,
.page-numbers:hover,
.pagination > .active > a, .page-numbers.current {
    background: var(--accent-dim) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

.page-header, .archive-title, .page-title {
    border-color: var(--border);
    color: var(--text-bright);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

footer.footer2 {
    background: var(--bg-inset);
    border-top: 1px solid var(--border);
    position: relative;
}
/* mirrored neon hairline above the footer */
footer.footer2::before {
    content: "";
    position: absolute;
    top: -1px; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-2), var(--accent), transparent);
    opacity: .6;
}

footer.footer2 .footer-top { background: transparent; }
footer.footer2, footer.footer2 p, footer.footer2 a, footer.footer2 li {
    color: var(--text-muted);
}
footer.footer2 a:hover { color: var(--accent); }
footer.footer2 .widget { background: transparent; border: 0; padding: 0; }

footer.footer2 .copyright {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.05em;
}

/* back-to-top */
.back-to-top {
    background: var(--bg-elevated) !important;
    border: 1px solid var(--accent);
    border-radius: 10px;
    box-shadow: var(--glow);
}
.back-to-top i { color: var(--accent) !important; }
.back-to-top:hover { background: var(--accent-dim) !important; }

/* --------------------------------------------------------------------------
   Burger sidebar menu (mobile)
   -------------------------------------------------------------------------- */

.fixed-sidebar-menu, .fixed-sidebar-menu-holder {
    background: var(--bg-elevated) !important;
    color: var(--text);
}
.fixed-sidebar-menu-overlay { background: rgba(5, 8, 12, 0.8); }
.fixed-sidebar-menu .icon-close { color: var(--accent); }

/* --------------------------------------------------------------------------
   Accessibility & motion
   -------------------------------------------------------------------------- */

a:focus-visible, button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
    .blog_custom:hover { transform: none; }
}

/* ==========================================================================
   Interactive cyber hero (front page + about page)
   ========================================================================== */

.cyber-hero {
    position: relative;
    overflow: hidden;
    min-height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 20px;
    background:
        radial-gradient(ellipse 70% 90% at 50% -10%, rgba(0, 229, 160, 0.10), transparent 60%),
        radial-gradient(ellipse 80% 90% at 90% 110%, rgba(56, 189, 248, 0.10), transparent 55%),
        var(--bg);
    border-bottom: 1px solid var(--border);
}
.cyber-hero::after {           /* scanline sheen */
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, rgba(255,255,255,0.015) 0 1px, transparent 1px 3px);
    mix-blend-mode: overlay;
}

.cyber-hero__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}

.cyber-hero__inner {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 820px;
    pointer-events: none;      /* let mouse reach the canvas; re-enable on buttons */
}

.cyber-hero__badge {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--accent);
    padding: 6px 14px;
    border: 1px solid var(--border-bright);
    border-radius: 999px;
    background: rgba(0, 229, 160, 0.06);
    margin-bottom: 22px;
}

.cyber-hero__title {
    font-family: var(--font-mono);
    font-size: clamp(2.6rem, 8vw, 5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.02;
    margin: 0 0 14px;
    color: var(--text-bright);
    text-shadow: 0 0 40px rgba(0, 229, 160, 0.25);
}
.cyber-hero__title .accent { color: var(--accent); }
.cyber-hero__cursor {
    color: var(--accent);
    animation: cyber-blink 1.05s steps(1) infinite;
}
@keyframes cyber-blink { 50% { opacity: 0; } }

.cyber-hero__type-wrap {
    font-family: var(--font-mono);
    font-size: clamp(1rem, 2.6vw, 1.5rem);
    color: var(--text-muted);
    min-height: 1.6em;
    margin: 0 0 30px;
}
.cyber-hero__type-wrap .sigil { color: var(--accent-2); }
.cyber-hero__type {
    color: var(--text-bright);
    border-right: 2px solid var(--accent);
    padding-right: 4px;
}

.cyber-hero__cta { pointer-events: auto; }
.cyber-hero__btn {
    display: inline-block;
    margin: 6px 8px;
    padding: 12px 24px;
    font-family: var(--font-mono);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    border-radius: 10px;
    border: 1px solid var(--border-bright);
    color: var(--text-bright);
    background: rgba(16, 22, 31, 0.6);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, color .15s ease;
}
.cyber-hero__btn:hover {
    transform: translateY(-2px);
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: var(--glow);
}
.cyber-hero__btn--solid {
    background: var(--accent);
    border-color: var(--accent);
    color: #04110c;
}
.cyber-hero__btn--solid:hover { color: #04110c; filter: brightness(1.08); }

/* --- whoami terminal (front + about) --------------------------------- */
.cyber-term {
    position: relative;
    z-index: 2;
    pointer-events: auto;      /* hover-to-pause needs events */
    width: min(620px, 92vw);
    margin: 26px auto;
    text-align: left;
    background: rgba(9, 12, 18, 0.82);
    border: 1px solid var(--border-bright);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 40px rgba(0, 229, 160, 0.08);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden;
}
.cyber-term__bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    background: var(--bg-inset);
    border-bottom: 1px solid var(--border);
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--text-muted);
}
.cyber-term__bar .dot { width: 11px; height: 11px; border-radius: 50%; display: inline-block; }
.cyber-term__bar .dot.r { background: #ff5f57; }
.cyber-term__bar .dot.y { background: #febc2e; }
.cyber-term__bar .dot.g { background: #28c840; }
.cyber-term__bar .title { margin-left: auto; letter-spacing: 0.05em; }
.cyber-term__body { padding: 18px 20px; min-height: 190px; }
.cyber-term__out {
    margin: 0;
    font-family: var(--font-mono);
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--text);
    white-space: pre-wrap;
    word-break: break-word;
    background: none;
    border: 0;
    padding: 0;
}
.cyber-term__prompt { color: var(--accent); }
.cyber-term__ok { color: var(--text-muted); }
.cyber-term__cursor { color: var(--accent); animation: cyber-blink 1.05s steps(1) infinite; }

/* About-page hero is terminal-led, so it can be a touch shorter */
.cyber-hero--radar { min-height: 460px; }

@media (max-width: 767px) {
    .cyber-hero { min-height: 360px; padding: 44px 16px; }
    .cyber-term__body { min-height: 160px; }
}

/* ==========================================================================
   Single post / single page — force the dark skin over the parent's
   light defaults (the parent ships as a light theme, so its article,
   related-posts and text colours must be overridden here).
   ========================================================================== */

body,
body.single,
body.page {
    background: var(--bg) !important;
}

.single .article-header,
.single .article-details,
.single .article-content,
.single .main-content,
.single #primary,
.single article.post,
.page .site-main,
.page #primary {
    background: transparent !important;
}

.single .post-title,
.single .post-title strong,
.single .article-header h1,
.single .article-details h1 {
    color: var(--text-bright) !important;
}

/* body copy inside a post/page.
   Selectors include `body` + `article` to out-specify the parent's
   `.single article .article-content p { color:#454646 !important }`. */
body.single article .article-content,
body.single article .article-content p,
body.single article .article-content li,
body.single article .article-content span:not(.cyber-term__prompt):not(.cyber-term__ok),
body.single article .article-content strong,
body.single article .article-content em,
body.single article .article-content blockquote,
body.single article .article-content td,
body.single article .article-content dd,
body.single article .article-content dt,
body.page .entry-content,
body.page .entry-content p,
body.page .entry-content li,
body.page .entry-content span,
body.page .page-content,
body.page .page-content p,
body.page .page-content li {
    color: var(--text) !important;
}

.single .article-content h1,
.single .article-content h2,
.single .article-content h3,
.single .article-content h4,
.single .article-content h5,
.single .article-content h6,
.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content h5,
.page .entry-content h6 {
    color: var(--text-bright) !important;
}

.single .article-content a:not(.more-link),
.page .entry-content a {
    color: var(--accent) !important;
}
.single .article-content a:not(.more-link):hover,
.page .entry-content a:hover { color: var(--accent-2) !important; }

/* meta row on single */
.single .article-header .post-category-comment-date,
.single .article-header .post-category-comment-date a,
.single .article-header .post-category-comment-date span,
.single .article-header .post-date,
.single .article-header .post-author a,
.single .article-header .post-comments a {
    color: var(--text-muted) !important;
    font-family: var(--font-mono);
}
.single .article-header .post-category-comment-date i { color: var(--accent-2) !important; }

/* tags block */
.single-post-tags { color: var(--text-muted) !important; }
.single-post-tags > a {
    display: inline-block;
    padding: 2px 10px;
    margin: 2px;
    border: 1px solid var(--border-bright);
    border-radius: 999px;
    background: var(--bg-inset);
    color: var(--text-muted) !important;
    font-family: var(--font-mono);
    font-size: 12px;
}
.single-post-tags > a:hover {
    border-color: var(--accent);
    color: var(--accent) !important;
    background: var(--accent-dim);
}

/* Related posts */
.related-posts .heading-bottom,
.related-posts h2.heading-bottom,
h2.heading-bottom {
    color: var(--text-bright) !important;
}
.related_blog_custom {
    background: var(--bg-elevated) !important;
    border: 1px solid var(--border) !important;
    box-shadow: none !important;
    border-radius: var(--radius) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.related_blog_custom:hover {
    transform: translateY(-3px);
    border-color: var(--border-bright) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), var(--glow) !important;
}
.related_blog_details { color: var(--text-muted); }
.related_blog_details .post-name a,
.related_blog_custom .post-name a { color: var(--text-bright) !important; }
.related_blog_details .post-name a:hover { color: var(--accent) !important; }
.related_blog_details .post-author,
.related_blog_details .post-author a { color: var(--text-muted) !important; }

/* breadcrumbs */
.breadcrumb, .breadcrumb a, .breadcrumb span,
.header-title-breadcrumbs, .header-title-breadcrumbs a {
    color: var(--text-muted) !important;
}
.breadcrumb a:hover { color: var(--accent) !important; }

/* keep my glass nav even against the parent's inline !important rule */
.header2 #cryptoblog-main-head.navbar {
    background: rgba(13, 18, 25, 0.85) !important;
}