/* ============================================================
   Werbeauf AI Blog System – Frontend Theme Overrides
   The default article design lives in blog-article-default.css.
   Design tokens (:root) are injected dynamically via
   WA_AI_Blog_DB::generate_design_css() on wp_head.
   This file only contains safety fallback tokens and
   theme-specific resets (Divi, Astra, Generic Entry Content).
============================================================ */

:root {
    --blog-accent: #2d6cdf;
    --blog-accent-hover: #1e5bc8;
    --blog-accent-light: #e8f0fc;
    --blog-bg-light: #f7f9fc;
    --blog-text: #1a1a1a;
    --blog-text-soft: #555555;
    --blog-warning: #e67e22;
    --blog-warning-light: #fef4ea;
    --blog-border: #e1e4e8;
    --blog-radius: 10px;
    --blog-radius-sm: 6px;
    --blog-radius-pill: 999px;
    --blog-pad-box: 24px;
    --blog-pad-btn-y: 14px;
    --blog-pad-btn-x: 30px;
    --blog-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --blog-font-size: 1.05rem;
    --blog-line-height: 1.8;
    --blog-heading-weight: 700;
}

/* ============================================================
   THEME OVERRIDES (Divi / Generic)
============================================================ */

.et_pb_post_content .blog-article-container,
.et_pb_post_content .blog-article-body,
.posts-post-content .blog-article-container,
.posts-post-content .blog-article-body,
.entry-content .blog-article-container,
.entry-content .blog-article-body {
    overflow: visible !important;
}

.et_pb_post_content .blog-check-list,
.et_pb_post_content .blog-numbered-list,
.posts-post-content .blog-check-list,
.posts-post-content .blog-numbered-list,
.entry-content .blog-check-list,
.entry-content .blog-numbered-list {
    padding: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}

.et_pb_post_content .blog-check-list li,
.et_pb_post_content .blog-numbered-list li,
.posts-post-content .blog-check-list li,
.posts-post-content .blog-numbered-list li {
    list-style: none !important;
    padding-left: 0 !important;
}

.et_pb_post_content .blog-check-list li strong,
.et_pb_post_content .blog-numbered-list li strong,
.posts-post-content .blog-check-list li strong,
.posts-post-content .blog-numbered-list li strong {
    display: inline !important;
}