/*
Theme Name: CreatorModes Blog
Template: twentytwentyfive
Description: Custom child theme for creatormodes.com/blog, matching the main site's indigo/purple/pink dark brand (Tailwind design system on index.html/salespage.html).
Version: 1.1
Text Domain: creatormodes-blog
*/

body {
    background-color: #020617;
}

.entry-content,
.wp-block-post-content {
    color: #cbd5e1;
    font-size: 1.05rem;
    line-height: 1.75;
}

.entry-content h2,
.wp-block-post-content h2,
.entry-content h3,
.wp-block-post-content h3 {
    color: #ffffff;
    font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
    font-weight: 700;
    margin-top: 2.25rem;
    margin-bottom: 0.75rem;
}

.entry-content a,
.wp-block-post-content a {
    color: #818cf8;
    text-decoration: underline;
}

.entry-content a:hover,
.wp-block-post-content a:hover {
    color: #a855f7;
}

.entry-content strong,
.wp-block-post-content strong {
    color: #f1f5f9;
}

.entry-content ul,
.entry-content ol,
.wp-block-post-content ul,
.wp-block-post-content ol {
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.entry-title,
.wp-block-post-title {
    font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
    color: #ffffff;
}

/* --- Simple Author Box override, matching the site's card pattern --- */
.saboxplugin-wrap {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    color: #cbd5e1 !important;
}

.saboxplugin-authorname a,
.saboxplugin-authorname .fn {
    color: #ffffff !important;
    font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
    font-weight: 700;
}

.saboxplugin-desc,
.saboxplugin-desc p {
    color: #cbd5e1 !important;
}

.saboxplugin-gravatar img {
    border-radius: 9999px !important;
    border: 2px solid #6366f1 !important;
}

.saboxplugin-socials a {
    color: #818cf8 !important;
}

.saboxplugin-socials a:hover {
    color: #a855f7 !important;
}

/* --- FAQ / callout blocks inside articles ---
   Narrowed to opt-in .cm-callout only (2026-09-28) — the previous blanket
   rule painted every single content group as a bordered card, including
   plain paragraph wrappers. */
.entry-content .cm-callout,
.wp-block-post-content .cm-callout {
    background: rgba(15, 23, 42, 0.7);
    border: 1px solid #1e293b;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
}

/* --- Header "Home" link (top right, blog-wide) --- */
.cm-header-home-link {
    margin: 0;
}

.cm-header-home-link a {
    color: #f1f5f9;
    font-weight: 600;
    font-size: 1.05rem;
    font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
    text-decoration: none;
}

.cm-header-home-link a:hover {
    color: #818cf8;
}