/*
 * DROPX PRIME SYSTEM — LIGHT THEME BLOG COMMENTS
 *
 * The base blog stylesheet was authored for the dark theme and contains
 * hard-coded light text values. Keep the component structure untouched and
 * correct only the visual tokens that become unreadable on the warm light UI.
 */

body.light-mode .blog-comments-container,
body.light-mode .blog-comments-title {
    color: var(--theme-text-strong, #302820);
}

body.light-mode .blog-comment-text,
body.light-mode .blog-comment-card .blog-comment-text,
body.light-mode .blog-reply-item .blog-comment-text {
    color: var(--theme-text, #3d332a);
}

body.light-mode .blog-comment-author-name {
    color: var(--theme-text-strong, #302820);
}

body.light-mode .blog-comment-time {
    color: #776b5f;
}

body.light-mode .blog-action-link {
    color: #756758;
}

body.light-mode .blog-action-link:hover {
    color: var(--color-gold, #b77a16);
}

body.light-mode .blog-comment-textarea {
    background: rgba(255, 249, 239, 0.92);
    border-color: rgba(119, 91, 57, 0.24);
    color: var(--theme-text-strong, #302820);
}

body.light-mode .blog-comment-textarea::placeholder {
    color: #8b7d6d;
}

body.light-mode .blog-guest-login-card p {
    color: var(--theme-text, #3d332a);
}

/* Staff comments keep their red identity, but their text remains readable. */
body.light-mode .blog-comment-card.staff-comment-glow,
body.light-mode .blog-reply-item.staff-comment-glow {
    color: #302820;
}

body.light-mode .blog-comment-card.staff-comment-glow .blog-comment-text,
body.light-mode .blog-reply-item.staff-comment-glow .blog-comment-text,
body.light-mode .blog-comment-card.staff-comment-glow .blog-comment-author-name,
body.light-mode .blog-reply-item.staff-comment-glow .blog-comment-author-name {
    color: #fff8ef;
}


/* FINAL CASCADE FIX: this file is loaded after blog_view.css and the Light legacy layer. */
body.light-mode .blog-comment-card:not(.staff-comment-glow) .blog-comment-text,
body.light-mode .blog-reply-item:not(.staff-comment-glow) .blog-comment-text,
body.light-mode .blog-comment-card:not(.staff-comment-glow) .blog-comment-author-name,
body.light-mode .blog-reply-item:not(.staff-comment-glow) .blog-comment-author-name {
    color: #3d332a;
}

body.light-mode .blog-comment-card:not(.staff-comment-glow) .blog-comment-time,
body.light-mode .blog-reply-item:not(.staff-comment-glow) .blog-comment-time {
    color: #776b5f;
}

body.light-mode .blog-comment-card:not(.staff-comment-glow) .blog-action-link,
body.light-mode .blog-reply-item:not(.staff-comment-glow) .blog-action-link {
    color: #756758;
}

body.light-mode .blog-comment-card:not(.staff-comment-glow) .blog-action-link:hover,
body.light-mode .blog-reply-item:not(.staff-comment-glow) .blog-action-link:hover {
    color: var(--color-gold, #b77a16);
}

/* ========================================================================
   STAFF COMMENT CONTRAST — LIGHT THEME FINAL OVERRIDE
   The staff card intentionally keeps its red identity. Its text must remain
   light even when another component stylesheet sets a dark inherited color.
   ======================================================================== */
html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-comment-author-name,
html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-comment-time,
html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-comment-text,
html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-comment-text-display,
html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-action-link,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-comment-author-name,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-comment-time,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-comment-text,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-comment-text-display,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-action-link {
    color: #fff8ef;
}

html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-comment-time,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-comment-time {
    color: rgba(255, 248, 239, .78);
}

html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-action-link:hover,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-action-link:hover {
    color: #ffd37a;
}

html[data-dx-theme="light"] body.light-mode .blog-comment-card.staff-comment-glow .blog-news-item-date,
html[data-dx-theme="light"] body.light-mode .blog-reply-item.staff-comment-glow .blog-news-item-date {
    color: rgba(255, 248, 239, .82);
}