/**
 * TWG Dark Theme — global text & surface fixes
 *
 * Load after styles.css / admin-styles.css. Requires data-theme="dark" on
 * <html> (set by js/theme.js). Catches hardcoded light-theme colors in
 * page-local <style> blocks and inline style attributes.
 */

:root[data-theme="dark"],
[data-theme="dark"] {
    --twg-on-surface: var(--text-color, #ECE4DC);
    --twg-on-surface-muted: var(--text-light, #C7B8AA);
    --twg-on-surface-faint: #9a8f86;
}

/* ------------------------------------------------------------------ */
/* Admin shell                                                         */
/* ------------------------------------------------------------------ */
[data-theme="dark"] .admin-wrapper,
[data-theme="dark"] .admin-body,
[data-theme="dark"] .admin-main,
[data-theme="dark"] .admin-content,
[data-theme="dark"] .dashboard-wrapper {
    color: var(--twg-on-surface);
}

[data-theme="dark"] .admin-topnav,
[data-theme="dark"] .admin-topnav h1,
[data-theme="dark"] .admin-topnav .user-greeting,
[data-theme="dark"] .admin-header h1,
[data-theme="dark"] .admin-header p {
    color: var(--twg-on-surface);
}

[data-theme="dark"] .admin-sidebar {
    background-color: var(--surface-card-bg, #211c1a) !important;
}

[data-theme="dark"] .sidebar-header {
    background: linear-gradient(180deg, #2a211e 0%, #1a1513 100%) !important;
}

[data-theme="dark"] .sidebar-menu ul li a {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] .sidebar-menu ul li.active a,
[data-theme="dark"] .sidebar-menu ul li a:hover {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .sidebar-footer a {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] .sidebar-footer a:hover {
    color: var(--primary-color) !important;
}

/* Dashboard widgets & list rows (page-local <style> blocks) */
[data-theme="dark"] .activity-item,
[data-theme="dark"] .recent-item,
[data-theme="dark"] .login-item,
[data-theme="dark"] .comment-preview,
[data-theme="dark"] .popular-item,
[data-theme="dark"] .list-row,
[data-theme="dark"] .log-row,
[data-theme="dark"] .table-row,
[data-theme="dark"] .message-row,
[data-theme="dark"] .review-row,
[data-theme="dark"] .subscriber-row {
    background-color: transparent !important;
    color: var(--twg-on-surface) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .activity-item:hover,
[data-theme="dark"] .recent-item:hover,
[data-theme="dark"] .login-item:hover,
[data-theme="dark"] .list-row:hover {
    background-color: var(--surface-hover, #2c2522) !important;
}

[data-theme="dark"] .activity-content h4,
[data-theme="dark"] .activity-content .title,
[data-theme="dark"] .activity-title,
[data-theme="dark"] .recent-title,
[data-theme="dark"] .item-name,
[data-theme="dark"] .log-action,
[data-theme="dark"] .stat-info h3,
[data-theme="dark"] .stat-number {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] .activity-content p,
[data-theme="dark"] .activity-meta,
[data-theme="dark"] .activity-time,
[data-theme="dark"] .recent-meta,
[data-theme="dark"] .item-description,
[data-theme="dark"] .log-meta,
[data-theme="dark"] .stat-info p,
[data-theme="dark"] .view-all {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] .view-all:hover {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .dashboard-section .section-header,
[data-theme="dark"] .card-header,
[data-theme="dark"] .panel-header {
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .tabs-nav,
[data-theme="dark"] .tab-nav,
[data-theme="dark"] .nav-tabs {
    background-color: var(--surface-card-bg-alt, #2a2422) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .tab-link,
[data-theme="dark"] .nav-tab {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] .tab-link.active,
[data-theme="dark"] .nav-tab.active,
[data-theme="dark"] .tab-link:hover {
    color: var(--primary-color) !important;
    background-color: var(--surface-hover, #2c2522) !important;
}

[data-theme="dark"] .alert-box,
[data-theme="dark"] .notice-box,
[data-theme="dark"] .help-text,
[data-theme="dark"] .form-hint,
[data-theme="dark"] .hint-text {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] .badge,
[data-theme="dark"] .tag,
[data-theme="dark"] .chip {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .actions-menu {
    background-color: var(--surface-card-bg, #211c1a) !important;
    color: var(--twg-on-surface) !important;
    border-color: var(--border-color) !important;
    box-shadow: var(--box-shadow, 0 4px 16px rgba(0, 0, 0, 0.5)) !important;
}

[data-theme="dark"] .dropdown-menu a,
[data-theme="dark"] .actions-menu a {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] .dropdown-menu a:hover,
[data-theme="dark"] .actions-menu a:hover {
    background-color: var(--surface-hover, #2c2522) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .pagination-info,
[data-theme="dark"] .results-count,
[data-theme="dark"] .showing-entries {
    color: var(--twg-on-surface-muted) !important;
}

/* White card panels (embedded in many admin page <style> blocks) */
[data-theme="dark"] .filters-container,
[data-theme="dark"] .bulk-actions,
[data-theme="dark"] .table-responsive,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .dashboard-section,
[data-theme="dark"] .content-section,
[data-theme="dark"] .content-box,
[data-theme="dark"] .message-card,
[data-theme="dark"] .message-item,
[data-theme="dark"] .settings-card,
[data-theme="dark"] .setting-card,
[data-theme="dark"] .info-box,
[data-theme="dark"] .detail-panel,
[data-theme="dark"] .panel,
[data-theme="dark"] .card-panel,
[data-theme="dark"] .review-card,
[data-theme="dark"] .subscriber-card,
[data-theme="dark"] .log-entry,
[data-theme="dark"] .media-item,
[data-theme="dark"] .newsletter-card,
[data-theme="dark"] .service-card-admin,
[data-theme="dark"] .config-section,
[data-theme="dark"] .preview-container,
[data-theme="dark"] .empty-state,
[data-theme="dark"] .partner-card,
[data-theme="dark"] .service-card,
[data-theme="dark"] .service-item,
[data-theme="dark"] .service-tile,
[data-theme="dark"] .image-preview,
[data-theme="dark"] .upload-zone,
[data-theme="dark"] .media-grid-item,
[data-theme="dark"] .comment-card,
[data-theme="dark"] .review-item,
[data-theme="dark"] .subscriber-item,
[data-theme="dark"] .user-card,
[data-theme="dark"] .role-card,
[data-theme="dark"] .settings-group,
[data-theme="dark"] .form-section,
[data-theme="dark"] .editor-panel,
[data-theme="dark"] .chunk-card,
[data-theme="dark"] .analytics-card,
[data-theme="dark"] .quick-actions,
[data-theme="dark"] .action-bar {
    background-color: var(--surface-card-bg, #211c1a) !important;
    color: var(--twg-on-surface) !important;
    border-color: var(--border-color, #3a3331) !important;
    box-shadow: var(--box-shadow, 0 2px 8px rgba(0, 0, 0, 0.5)) !important;
}

[data-theme="dark"] .partner-card h4,
[data-theme="dark"] .service-card h3,
[data-theme="dark"] .service-card h4,
[data-theme="dark"] .chunk-card h3 {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] .dashboard-header,
[data-theme="dark"] .page-header,
[data-theme="dark"] .section-header {
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .dashboard-header h1,
[data-theme="dark"] .page-header h1,
[data-theme="dark"] .section-title,
[data-theme="dark"] .content-header h2,
[data-theme="dark"] .settings-section h2,
[data-theme="dark"] .settings-section h3 {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] .dashboard-header p,
[data-theme="dark"] .page-header p,
[data-theme="dark"] .section-description,
[data-theme="dark"] .subtitle,
[data-theme="dark"] .meta-text {
    color: var(--twg-on-surface-muted) !important;
}

/* Tables */
[data-theme="dark"] .admin-table,
[data-theme="dark"] table.data-table,
[data-theme="dark"] .data-table {
    background-color: var(--surface-card-bg) !important;
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] .admin-table th,
[data-theme="dark"] table.data-table th,
[data-theme="dark"] .data-table th {
    background-color: var(--surface-card-bg-alt, #2a2422) !important;
    color: var(--twg-on-surface) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .admin-table td,
[data-theme="dark"] table.data-table td,
[data-theme="dark"] .data-table td {
    color: var(--twg-on-surface) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .admin-table tr:hover,
[data-theme="dark"] .admin-table tr:hover td,
[data-theme="dark"] table.data-table tr:hover td {
    background-color: var(--surface-hover, #2c2522) !important;
}

[data-theme="dark"] .article-title,
[data-theme="dark"] .book-title,
[data-theme="dark"] .item-title,
[data-theme="dark"] .stat-value,
[data-theme="dark"] .stat-item span,
[data-theme="dark"] .message-subject,
[data-theme="dark"] .review-title {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] .article-excerpt,
[data-theme="dark"] .stat-label,
[data-theme="dark"] .stat-item,
[data-theme="dark"] .stat-note,
[data-theme="dark"] .filter-group label,
[data-theme="dark"] .form-label,
[data-theme="dark"] .no-results,
[data-theme="dark"] .empty-message,
[data-theme="dark"] .timestamp,
[data-theme="dark"] .date-text {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] .bulk-actions select,
[data-theme="dark"] .filter-group select,
[data-theme="dark"] .filter-group input,
[data-theme="dark"] .search-group input {
    background-color: var(--surface-input-bg, #1a1614) !important;
    color: var(--twg-on-surface) !important;
    border-color: var(--surface-input-border, #3a3331) !important;
}

[data-theme="dark"] .page-link {
    color: var(--twg-on-surface-muted) !important;
    border-color: var(--border-color) !important;
    background-color: var(--surface-card-bg-alt) !important;
}

[data-theme="dark"] .page-link:hover,
[data-theme="dark"] .page-link.current {
    background-color: var(--primary-color) !important;
    color: #1a0f0a !important;
    border-color: var(--primary-color) !important;
}

[data-theme="dark"] .page-link.disabled {
    color: var(--twg-on-surface-faint) !important;
}

/* Status badges — keep semantic hues, tuned for dark surfaces */
[data-theme="dark"] .status-published {
    background: rgba(46, 204, 113, 0.2) !important;
    color: #5dde8a !important;
}

[data-theme="dark"] .status-draft {
    background: rgba(243, 156, 18, 0.2) !important;
    color: #f5b84a !important;
}

[data-theme="dark"] .status-scheduled {
    background: rgba(52, 152, 219, 0.22) !important;
    color: #6eb5e8 !important;
}

[data-theme="dark"] .status-pending,
[data-theme="dark"] .status-warning {
    background: rgba(255, 152, 0, 0.2) !important;
    color: #ffb74d !important;
}

[data-theme="dark"] .status-approved,
[data-theme="dark"] .status-active {
    background: rgba(76, 175, 80, 0.2) !important;
    color: #81c784 !important;
}

[data-theme="dark"] .status-rejected,
[data-theme="dark"] .status-inactive {
    background: rgba(211, 47, 47, 0.2) !important;
    color: #ef9a9a !important;
}

/* Modals */
[data-theme="dark"] .modal,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .modal-body,
[data-theme="dark"] .modal-form,
[data-theme="dark"] #new-article-modal .modal,
[data-theme="dark"] #edit-article-modal .modal,
[data-theme="dark"] #new-book-modal .modal,
[data-theme="dark"] #edit-book-modal .modal {
    background-color: var(--surface-card-bg) !important;
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] .modal-header h2,
[data-theme="dark"] .modal-title {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] #edit-loading-indicator,
[data-theme="dark"] .loading-indicator {
    background-color: var(--surface-card-bg) !important;
    color: var(--twg-on-surface-muted) !important;
}

/* Outline / ghost buttons on dark */
[data-theme="dark"] .btn,
[data-theme="dark"] .btn-icon,
[data-theme="dark"] button.btn {
    color: var(--primary-color);
}

[data-theme="dark"] .btn.cancel-btn,
[data-theme="dark"] .cancel-btn {
    color: var(--twg-on-surface-muted) !important;
    border-color: var(--border-color) !important;
}

/* ------------------------------------------------------------------ */
/* Inline style attribute overrides (common light-theme leftovers)    */
/* ------------------------------------------------------------------ */
[data-theme="dark"] [style*="color: #333"],
[data-theme="dark"] [style*="color:#333"],
[data-theme="dark"] [style*="color: #444"],
[data-theme="dark"] [style*="color:#444"],
[data-theme="dark"] [style*="color: #555"],
[data-theme="dark"] [style*="color:#555"] {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] [style*="color: #666"],
[data-theme="dark"] [style*="color:#666"],
[data-theme="dark"] [style*="color: #777"],
[data-theme="dark"] [style*="color:#777"],
[data-theme="dark"] [style*="color: #888"],
[data-theme="dark"] [style*="color:#888"],
[data-theme="dark"] [style*="color: #999"],
[data-theme="dark"] [style*="color:#999"] {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background-color:#ffffff"] {
    background-color: var(--surface-card-bg, #211c1a) !important;
}

[data-theme="dark"] [style*="background: #f8f9fa"],
[data-theme="dark"] [style*="background:#f8f9fa"],
[data-theme="dark"] [style*="background: #f5f5f5"],
[data-theme="dark"] [style*="background:#f5f5f5"],
[data-theme="dark"] [style*="background: #f9f9f9"],
[data-theme="dark"] [style*="background:#f9f9f9"],
[data-theme="dark"] [style*="background: #fafafa"],
[data-theme="dark"] [style*="background:#fafafa"],
[data-theme="dark"] [style*="background: #f0f0f0"],
[data-theme="dark"] [style*="background:#f0f0f0"],
[data-theme="dark"] [style*="background-color: #f8f9fa"],
[data-theme="dark"] [style*="background-color:#f8f9fa"],
[data-theme="dark"] [style*="background-color: #f9f9f9"],
[data-theme="dark"] [style*="background-color:#f9f9f9"],
[data-theme="dark"] [style*="background-color: #fafafa"],
[data-theme="dark"] [style*="background-color:#fafafa"] {
    background-color: var(--surface-card-bg-alt, #2a2422) !important;
}

[data-theme="dark"] [style*="color: #222"],
[data-theme="dark"] [style*="color:#222"],
[data-theme="dark"] [style*="color: #2c3e50"],
[data-theme="dark"] [style*="color:#2c3e50"] {
    color: var(--twg-on-surface) !important;
}

[data-theme="dark"] [style*="color: #aaa"],
[data-theme="dark"] [style*="color:#aaa"],
[data-theme="dark"] [style*="color: #bbb"],
[data-theme="dark"] [style*="color:#bbb"] {
    color: var(--twg-on-surface-faint) !important;
}

[data-theme="dark"] [style*="border: 1px solid #eee"],
[data-theme="dark"] [style*="border:1px solid #eee"],
[data-theme="dark"] [style*="border: 1px solid #ddd"],
[data-theme="dark"] [style*="border:1px solid #ddd"],
[data-theme="dark"] [style*="border-bottom: 1px solid #eee"],
[data-theme="dark"] [style*="border-bottom:1px solid #eee"],
[data-theme="dark"] [style*="border: 1px solid #ddd"],
[data-theme="dark"] [style*="border:1px solid #ddd"],
[data-theme="dark"] [style*="border: 1px solid #e5e5e5"],
[data-theme="dark"] [style*="border:1px solid #e5e5e5"] {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] label[style*="color: #333"],
[data-theme="dark"] label[style*="color:#333"],
[data-theme="dark"] h4[style*="color: #333"],
[data-theme="dark"] h4[style*="color:#333"] {
    color: var(--twg-on-surface) !important;
}

/* Scheduled time hint */
[data-theme="dark"] .scheduled-at-hint,
[data-theme="dark"] small.scheduled-at-hint {
    color: #6eb5e8 !important;
}

[data-theme="dark"] small[style*="color:#2980b9"],
[data-theme="dark"] small[style*="color: #2980b9"],
[data-theme="dark"] [style*="color:#2980b9"],
[data-theme="dark"] [style*="color: #2980b9"] {
    color: #6eb5e8 !important;
}

/* Keep gold star */
[data-theme="dark"] .fa-star[style*="color: #FFD700"],
[data-theme="dark"] .fa-star[style*="color:#FFD700"],
[data-theme="dark"] i[style*="color: #FFD700"],
[data-theme="dark"] i[style*="color:#FFD700"] {
    color: #FFD700 !important;
}

/* Stat icon colors — preserve meaning */
[data-theme="dark"] .stat-item i.fa-heart {
    color: #e74c3c !important;
}
[data-theme="dark"] .stat-item i.fa-comments {
    color: #5dade2 !important;
}
[data-theme="dark"] .stat-item i.fa-eye {
    color: #bb86fc !important;
}

/* ------------------------------------------------------------------ */
/* Public site                                                         */
/* ------------------------------------------------------------------ */
[data-theme="dark"] .hero-section,
[data-theme="dark"] .hero-content,
[data-theme="dark"] .intro-section,
[data-theme="dark"] .about-content,
[data-theme="dark"] .services-intro,
[data-theme="dark"] .page-content,
[data-theme="dark"] .content-wrapper,
[data-theme="dark"] .auth-container,
[data-theme="dark"] .auth-card {
    color: var(--text-color);
}

[data-theme="dark"] .hero-section h1,
[data-theme="dark"] .hero-section h2,
[data-theme="dark"] .intro-section h2,
[data-theme="dark"] .about-content h2,
[data-theme="dark"] .about-content h3 {
    color: var(--text-color) !important;
}

[data-theme="dark"] .hero-section p,
[data-theme="dark"] .intro-section p,
[data-theme="dark"] .about-content p,
[data-theme="dark"] .services-intro p {
    color: var(--text-light) !important;
}

/* Article listing & cards */
[data-theme="dark"] .articles-grid .article-card,
[data-theme="dark"] .blog-list .blog-item,
[data-theme="dark"] .book-list-item {
    background-color: var(--surface-card-bg) !important;
    color: var(--text-color) !important;
}

[data-theme="dark"] .article-card h2,
[data-theme="dark"] .article-card h3,
[data-theme="dark"] .blog-item h2,
[data-theme="dark"] .blog-card .excerpt {
    color: var(--text-color) !important;
}

[data-theme="dark"] .article-card .meta,
[data-theme="dark"] .blog-card .date,
[data-theme="dark"] .read-more {
    color: var(--text-light) !important;
}

/* Article body (CKEditor output may ship inline dark text) */
[data-theme="dark"] .article-content-card-ref,
[data-theme="dark"] .article-content-inner-ref,
[data-theme="dark"] .article-body,
[data-theme="dark"] .entry-content,
[data-theme="dark"] .article-content {
    color: var(--text-color);
}

[data-theme="dark"] .article-content-card-ref h1,
[data-theme="dark"] .article-content-card-ref h2,
[data-theme="dark"] .article-content-card-ref h3,
[data-theme="dark"] .article-content-card-ref h4,
[data-theme="dark"] .article-content-inner-ref h1,
[data-theme="dark"] .article-content-inner-ref h2,
[data-theme="dark"] .article-content-inner-ref h3,
[data-theme="dark"] .article-content-inner-ref h4,
[data-theme="dark"] .article-body h1,
[data-theme="dark"] .article-body h2,
[data-theme="dark"] .article-body h3 {
    color: var(--text-color) !important;
}

[data-theme="dark"] .article-content-card-ref p,
[data-theme="dark"] .article-content-card-ref li,
[data-theme="dark"] .article-content-card-ref span,
[data-theme="dark"] .article-content-card-ref div,
[data-theme="dark"] .article-content-inner-ref p,
[data-theme="dark"] .article-content-inner-ref li,
[data-theme="dark"] .article-content-inner-ref span,
[data-theme="dark"] .article-content-inner-ref div,
[data-theme="dark"] .article-body p,
[data-theme="dark"] .article-body li {
    color: inherit;
}

[data-theme="dark"] .article-content-inner-ref [style*="color: rgb(0"],
[data-theme="dark"] .article-content-inner-ref [style*="color:#000"],
[data-theme="dark"] .article-content-inner-ref [style*="color: #000"],
[data-theme="dark"] .article-content-inner-ref [style*="color: black"],
[data-theme="dark"] .article-content-inner-ref [style*="color:#333"],
[data-theme="dark"] .article-content-inner-ref [style*="color: #333"],
[data-theme="dark"] .article-content-card-ref [style*="color:#000"],
[data-theme="dark"] .article-content-card-ref [style*="color: #000"],
[data-theme="dark"] .article-content-card-ref [style*="color:#333"],
[data-theme="dark"] .article-content-card-ref [style*="color: #333"] {
    color: var(--text-color) !important;
}

[data-theme="dark"] .article-content-card-ref a,
[data-theme="dark"] .article-content-inner-ref a,
[data-theme="dark"] .article-body a {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .article-content-card-ref blockquote,
[data-theme="dark"] .article-content-inner-ref blockquote {
    border-left-color: var(--primary-color) !important;
    color: var(--text-light) !important;
    background-color: var(--surface-card-bg-alt) !important;
}

[data-theme="dark"] .article-content-inner-ref pre,
[data-theme="dark"] .article-content-inner-ref code {
    background-color: var(--surface-card-bg-alt) !important;
    color: var(--text-color) !important;
}

/* Preview banner */
[data-theme="dark"] .admin-preview-banner,
[data-theme="dark"] .preview-banner {
    background-color: var(--surface-card-bg-alt) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

/* Auth pages */
[data-theme="dark"] .auth-form label,
[data-theme="dark"] .auth-form p,
[data-theme="dark"] .auth-links a {
    color: var(--text-color);
}

[data-theme="dark"] .auth-form .help-text,
[data-theme="dark"] .auth-footer {
    color: var(--text-light) !important;
}

/* Flash / alerts */
[data-theme="dark"] .flash-message.success {
    background-color: rgba(76, 175, 80, 0.15) !important;
    color: #a5d6a7 !important;
    border-color: rgba(76, 175, 80, 0.35) !important;
}

[data-theme="dark"] .flash-message.error {
    background-color: rgba(211, 47, 47, 0.15) !important;
    color: #ef9a9a !important;
    border-color: rgba(211, 47, 47, 0.35) !important;
}

[data-theme="dark"] .flash-message.warning,
[data-theme="dark"] .flash-message.info {
    background-color: var(--surface-card-bg-alt) !important;
    color: var(--text-color) !important;
}

/* CKEditor editable areas (public + admin) */
[data-theme="dark"] .ck-content,
[data-theme="dark"] .ck.ck-editor__editable {
    color: var(--text-color) !important;
}

[data-theme="dark"] .ck-content p,
[data-theme="dark"] .ck-content li,
[data-theme="dark"] .ck-content span {
    color: inherit;
}

/* Mobile toggle */
[data-theme="dark"] .mobile-toggle {
    color: var(--twg-on-surface-muted) !important;
}

[data-theme="dark"] .mobile-toggle:hover {
    color: var(--primary-color) !important;
}

/* ------------------------------------------------------------------ */
/* Homepage About                                                      */
/* ------------------------------------------------------------------ */
[data-theme="dark"] section.about,
[data-theme="dark"] .about {
    background-color: var(--surface-page-bg) !important;
}

[data-theme="dark"] .about-content {
    background-color: var(--surface-card-bg) !important;
    color: var(--text-color) !important;
}

[data-theme="dark"] .about-title {
    color: var(--text-color) !important;
}

[data-theme="dark"] .about-text {
    color: var(--text-light) !important;
}

[data-theme="dark"] .about-divider {
    background-color: var(--primary-color) !important;
}

/* Homepage featured / index cards */
[data-theme="dark"] .featured-article,
[data-theme="dark"] section.featured-article {
    background-color: var(--surface-page-bg) !important;
}

[data-theme="dark"] .featured-card,
[data-theme="dark"] .card {
    background-color: var(--surface-card-bg) !important;
    color: var(--text-color) !important;
}

[data-theme="dark"] .card-title {
    color: var(--text-color) !important;
}

[data-theme="dark"] .card-divider {
    background-color: var(--primary-color) !important;
}

/* Blog listing — handled in articles.php; reinforce here */
[data-theme="dark"] .articles-grid {
    background-color: #181412 !important;
}

[data-theme="dark"] .article-card {
    background-color: #211c1a !important;
}

[data-theme="dark"] .article-card__title {
    color: #ffffff !important;
}

/* Article page — fixed Like / Share / Comment bar */
[data-theme="dark"] .blog-footer-fixed {
    background-color: var(--surface-card-bg) !important;
    border-top-color: var(--border-color) !important;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .blog-footer-btn {
    color: var(--text-color) !important;
}

[data-theme="dark"] .blog-footer-btn:hover {
    background-color: var(--surface-hover) !important;
    color: var(--primary-color) !important;
}

[data-theme="dark"] .blog-footer-label {
    color: var(--text-color) !important;
}

[data-theme="dark"] .blog-footer-count {
    color: var(--text-light) !important;
}

[data-theme="dark"] .blog-footer-login-prompt p {
    color: var(--text-light) !important;
}

[data-theme="dark"] .blog-footer-login-prompt a {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .blog-footer-icon svg {
    stroke: var(--text-color);
}

/* Comments block */
[data-theme="dark"] .comments-section-ref {
    background-color: var(--surface-card-bg-alt) !important;
}

[data-theme="dark"] .comments-header-ref h2,
[data-theme="dark"] .comment-author-ref,
[data-theme="dark"] .comment-text-ref {
    color: var(--text-color) !important;
}

[data-theme="dark"] .comments-header-ref p,
[data-theme="dark"] .comment-time-ref {
    color: var(--text-light) !important;
}

/* Book page */
[data-theme="dark"] .book-content {
    background-color: var(--surface-page-bg) !important;
}

[data-theme="dark"] .book-description h2,
[data-theme="dark"] .book-description p,
[data-theme="dark"] .book-description,
[data-theme="dark"] .detail .label,
[data-theme="dark"] .detail .value,
[data-theme="dark"] .price {
    color: var(--text-color) !important;
}

[data-theme="dark"] .detail .label {
    color: var(--text-light) !important;
}

[data-theme="dark"] .reviews-section {
    background-color: var(--surface-page-bg) !important;
}

[data-theme="dark"] .section-title {
    color: var(--text-color) !important;
}

[data-theme="dark"] .section-title::after {
    background-color: var(--primary-color) !important;
}

[data-theme="dark"] .reviews-section .section-title,
[data-theme="dark"] .reviews-section h2,
[data-theme="dark"] .reviewer-name,
[data-theme="dark"] .review-text,
[data-theme="dark"] .reply-text {
    color: var(--text-color) !important;
}

[data-theme="dark"] .write-review {
    background-color: var(--surface-card-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .write-review h3,
[data-theme="dark"] .write-review label,
[data-theme="dark"] .form-group label {
    color: var(--text-color) !important;
}

[data-theme="dark"] .write-review input,
[data-theme="dark"] .write-review textarea,
[data-theme="dark"] .reviews-section input,
[data-theme="dark"] .reviews-section textarea {
    background-color: var(--surface-input-bg, #1a1614) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .admin-reply,
[data-theme="dark"] .skeleton-review {
    background-color: var(--surface-card-bg-alt) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .reply-author {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .reply-time {
    color: var(--text-light) !important;
}

[data-theme="dark"] .review-input-container .emoji-picker {
    background-color: var(--surface-card-bg) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .book-placeholder {
    background-color: var(--surface-card-bg-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-light) !important;
}

/* Services page (page-local classes) */
[data-theme="dark"] .about-services {
    background-color: var(--surface-card-bg) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .about-services h2 {
    color: var(--text-color) !important;
}

[data-theme="dark"] .about-services p {
    color: var(--text-light) !important;
}

[data-theme="dark"] .service-card,
[data-theme="dark"] .audience-item,
[data-theme="dark"] .option-item,
[data-theme="dark"] .addon-item {
    background-color: var(--surface-card-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-light) !important;
}

[data-theme="dark"] .service-card h3,
[data-theme="dark"] .service-card h4,
[data-theme="dark"] .services-section h2,
[data-theme="dark"] .key-services-title {
    color: var(--text-color) !important;
}

[data-theme="dark"] .key-services-list li,
[data-theme="dark"] .service-card p {
    color: var(--text-light) !important;
}

/* Header sign-out — glass pill readable on any hero */
[data-theme="dark"] .logout-btn {
    background: rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(6px);
}

[data-theme="dark"] .logout-btn span,
[data-theme="dark"] .logout-btn .fa-sign-out-alt {
    color: #ffffff !important;
}

[data-theme="dark"] .logout-btn:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #1a0f0a !important;
}

[data-theme="dark"] .logout-btn:hover span,
[data-theme="dark"] .logout-btn:hover .fa-sign-out-alt {
    color: #1a0f0a !important;
}
