/* ==========================================================================
   LIGHT MODE OVERRIDES - Blog
   ========================================================================== */

/* --------------------------------------------------------------------------
   LISTING PAGE - Hero, Cards, Filters
   -------------------------------------------------------------------------- */

html[data-theme="light"] .blog-hero {
    background: var(--gradient-primary);
}

html[data-theme="light"] .blog-section {
    background: var(--bg);
}

/* Cards */
html[data-theme="light"] .blog-card {
    background: var(--card);
    border-color: var(--border-light);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .blog-card:hover {
    box-shadow: var(--shadow-lg);
}

html[data-theme="light"] .blog-card-title {
    color: var(--text);
}

html[data-theme="light"] .blog-card-excerpt {
    color: var(--text-secondary);
}

html[data-theme="light"] .blog-date {
    color: var(--text-muted);
}

/* Featured card */
html[data-theme="light"] .blog-card-featured {
    background: linear-gradient(135deg, var(--card) 0%, var(--primary-bg-subtle) 100%);
    border-color: var(--primary-border-subtle);
}

html[data-theme="light"] .blog-card-featured-icon {
    background: linear-gradient(135deg, var(--primary-bg-subtle) 0%, var(--success-bg-subtle) 100%);
    border-right-color: var(--primary-border-subtle);
}

/* Filters */
html[data-theme="light"] .blog-filter-btn {
    background: var(--card);
    border-color: var(--border-light);
    color: var(--text-muted);
}

html[data-theme="light"] .blog-filter-btn:hover {
    background: var(--bg-alt);
    color: var(--text-secondary);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .blog-filter-btn.active {
    color: var(--text-inverse);
}

/* Search */
html[data-theme="light"] .blog-search-input {
    background: var(--card);
    border-color: var(--border-light);
    color: var(--text);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .blog-search-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-bg-light);
}

html[data-theme="light"] .blog-search-icon {
    color: var(--text-muted);
}

/* Article count */
html[data-theme="light"] .blog-article-count {
    color: var(--text-muted);
}

/* Badges in light mode - slightly stronger backgrounds */
html[data-theme="light"] .blog-badge-ia {
    background: var(--cat-ia-bg);
    color: var(--color-cat-ia);
}

html[data-theme="light"] .blog-badge-linux {
    background: var(--cat-linux-bg);
    color: var(--color-cat-linux);
}

html[data-theme="light"] .blog-badge-security,
html[data-theme="light"] .blog-badge-securite {
    background: var(--cat-security-bg);
    color: var(--color-cat-security);
}

html[data-theme="light"] .blog-badge-devops {
    background: var(--cat-devops-bg);
    color: var(--color-cat-devops);
}

/* --------------------------------------------------------------------------
   ARTICLE PAGE - Code, Blockquotes, Tables, Alerts
   -------------------------------------------------------------------------- */

/* Code Blocks & Inline Code */
html[data-theme="light"] .blog-article-body pre {
    background: var(--color-code-bg);
    border-color: var(--border);
}

html[data-theme="light"] .blog-article-body pre code {
    color: var(--color-code-text);
}

html[data-theme="light"] .blog-article-body code:not(pre code) {
    background: var(--muted-bg-subtle);
    color: var(--color-code-text);
    border-color: var(--border-light);
}

/* Blockquotes */
html[data-theme="light"] .blog-article-body blockquote {
    background: var(--primary-bg-subtle);
    color: var(--text-secondary);
    border-left-color: var(--primary);
}

/* Tables */
html[data-theme="light"] .blog-article-body th {
    background: var(--bg-alt);
    color: var(--text);
    border-bottom-color: var(--border);
}

html[data-theme="light"] .blog-article-body td {
    color: var(--text-secondary);
    border-bottom-color: var(--border-light);
}

html[data-theme="light"] .blog-article-body tr:hover td {
    background: var(--bg-alt);
}

/* Alerts */
html[data-theme="light"] .blog-article-body .alert-info {
    background: var(--primary-bg-subtle);
    color: var(--text);
    border-left-color: var(--primary);
}

html[data-theme="light"] .blog-article-body .alert-warning {
    background: var(--warning-bg-subtle);
    color: var(--text);
    border-left-color: var(--color-warning);
}

html[data-theme="light"] .blog-article-body .alert-danger {
    background: var(--danger-bg-subtle);
    color: var(--text);
    border-left-color: var(--color-danger);
}

/* Author Card */
html[data-theme="light"] .blog-article .tuto-author-card {
    background: var(--card);
    border-color: var(--border-light);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .blog-article .tuto-author-info strong {
    color: var(--text);
}

html[data-theme="light"] .blog-article .tuto-author-bio {
    color: var(--text-secondary);
}

html[data-theme="light"] .tuto-author-social a {
    color: var(--text-muted);
    background: var(--bg-alt);
}

html[data-theme="light"] .tuto-author-social a:hover {
    color: var(--primary);
    background: var(--primary-bg-subtle);
}

html[data-theme="light"] .tuto-author-social a[aria-label="LinkedIn"]:hover {
    background: var(--color-blue-700);
    color: var(--text-inverse);
}

html[data-theme="light"] .tuto-author-social a[aria-label="GitHub"]:hover {
    background: var(--color-gray-900);
    color: var(--text-inverse);
}