/**
 * No Gradients Override
 * Removes all gradient backgrounds and gradient text effects
 * Replaces with solid colors for clean, modern appearance
 */

/* ===================================
   Remove Gradient Text from Headers
   =================================== */

h1, h2, h3, h4, h5, h6 {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: var(--text-primary, #0f172a) !important;
    text-shadow: none !important;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Remove text-gradient class effects */
.text-gradient {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: var(--primary-color, #2563eb) !important;
}

/* ===================================
   Remove Gradient Backgrounds
   =================================== */

/* Header backgrounds */
.tech-header,
.tech-news-header,
.header-top {
    background: var(--bg-color, #ffffff) !important;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

[data-theme="dark"] .tech-header,
[data-theme="dark"] .tech-news-header,
[data-theme="dark"] .header-top {
    background: var(--bg-color, #0f172a) !important;
    border-bottom: 1px solid var(--border-color, #334155);
}

/* Brand titles */
.brand-text h1,
.header-brand h1,
.tech-news-brand h1 {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: var(--text-primary, #0f172a) !important;
}

[data-theme="dark"] .brand-text h1,
[data-theme="dark"] .header-brand h1,
[data-theme="dark"] .tech-news-brand h1 {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Remove background from logo icon */
.brand-icon {
    background: none !important;
    background-image: none !important;
}

[data-theme="dark"] .brand-icon {
    background: none !important;
    background-image: none !important;
}

/* Navigation backgrounds */
.main-nav {
    background: var(--surface-color, #f8fafc) !important;
}

[data-theme="dark"] .main-nav {
    background: var(--surface-color, #1e293b) !important;
}

/* Section titles */
.section-title,
.widget-title,
.hero-title {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: var(--text-primary, #0f172a) !important;
}

[data-theme="dark"] .section-title,
[data-theme="dark"] .widget-title,
[data-theme="dark"] .hero-title {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Featured content titles */
.featured-title,
.featured-title a {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: var(--text-primary, #0f172a) !important;
}

[data-theme="dark"] .featured-title,
[data-theme="dark"] .featured-title a {
    color: var(--text-primary, #f1f5f9) !important;
}

/* Hero title - white color for both themes */
.hero-title,
.hero-title a {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #ffffff !important;
}

[data-theme="dark"] .hero-title,
[data-theme="dark"] .hero-title a {
    color: #ffffff !important;
}

.hero-title a:hover {
    color: #ffffff !important;
}

[data-theme="dark"] .hero-title a:hover {
    color: #ffffff !important;
}

/* ===================================
   Remove Background Gradients
   =================================== */

/* Remove gradient overlays */
.tech-news-body::before,
.tech-news-body::after {
    background: none !important;
    display: none !important;
}

/* Button gradients */
.btn-primary,
.search-btn,
.theme-btn,
.menu-btn {
    background: var(--primary-color, #2563eb) !important;
    background-image: none !important;
}

.btn-primary:hover,
.search-btn:hover,
.theme-btn:hover {
    background: var(--primary-hover, #1d4ed8) !important;
}

/* Search form button */
.tech-search-form .btn,
.search-submit {
    background: var(--primary-color, #2563eb) !important;
    background-image: none !important;
}

.tech-search-form .btn:hover,
.search-submit:hover {
    background: var(--primary-hover, #1d4ed8) !important;
}

/* Category tags */
.category-tag,
.category-badge {
    background: var(--primary-color, #2563eb) !important;
    background-image: none !important;
}

/* Featured badge */
.featured-badge,
.article-badge {
    background: #ef4444 !important;
    background-image: none !important;
}

/* ===================================
   Fix Navigation Links
   =================================== */

.nav-link,
.nav-links a {
    color: var(--text-primary, #0f172a) !important;
}

[data-theme="dark"] .nav-link,
[data-theme="dark"] .nav-links a {
    color: var(--text-primary, #f1f5f9) !important;
}

.nav-link:hover,
.nav-links a:hover,
.nav-link.active {
    color: var(--primary-color, #2563eb) !important;
    background: var(--surface-color, #f8fafc) !important;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-link.active {
    background: var(--surface-color, #1e293b) !important;
}

/* ===================================
   Footer
   =================================== */

.tech-footer {
    background: var(--surface-color, #f8fafc) !important;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

[data-theme="dark"] .tech-footer {
    background: var(--surface-color, #1e293b) !important;
    border-top: 1px solid var(--border-color, #334155);
}

.footer-brand h3 {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: var(--text-primary, #0f172a) !important;
}

[data-theme="dark"] .footer-brand h3 {
    color: var(--text-primary, #f1f5f9) !important;
}

/* ===================================
   Article Detail Page
   =================================== */

.article-header {
    background: var(--bg-color, #ffffff) !important;
    background-image: none !important;
}

[data-theme="dark"] .article-header {
    background: var(--bg-color, #0f172a) !important;
}

/* ===================================
   Remove Glow Effects
   =================================== */

/* Remove neon glow shadows */
*[class*="glow"],
.shadow-glow-cyan,
.shadow-glow-magenta,
.shadow-glow-lime {
    box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)) !important;
    text-shadow: none !important;
}

/* ===================================
   Ensure Solid Backgrounds Everywhere
   =================================== */

.hero-section,
.articles-section,
.sidebar-widget,
.article-card,
.category-card,
.trending-item {
    background-image: none !important;
}

/* Override any remaining gradient variables */
:root {
    --gradient-cyber: var(--primary-color, #2563eb) !important;
    --gradient-neon: var(--primary-color, #2563eb) !important;
    --gradient-plasma: var(--primary-color, #2563eb) !important;
    --gradient-matrix: var(--bg-color, #0f172a) !important;
    --gradient-hologram: transparent !important;
    --gradient-dark: var(--bg-color, #0f172a) !important;
    --gradient-primary: var(--primary-color, #2563eb) !important;
}

/* ===================================
   Clean Text Appearance
   =================================== */

/* Ensure all text is readable with solid colors */
p, span, a, li, td, th, label, input, textarea, select {
    background: none !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

/* Link colors */
a {
    color: var(--primary-color, #2563eb);
}

a:hover {
    color: var(--primary-hover, #1d4ed8);
}

/* ===================================
   Progressive Enhancement
   =================================== */

/* Modern browsers only - ensure consistency */
@supports (background-clip: text) or (-webkit-background-clip: text) {
    h1, h2, h3, h4, h5, h6,
    .text-gradient,
    .brand-text h1,
    .section-title {
        background: none !important;
        background-clip: unset !important;
        -webkit-background-clip: unset !important;
        -webkit-text-fill-color: unset !important;
    }
}

/* ===================================
   Accessibility - High Contrast Mode
   =================================== */

@media (prefers-contrast: high) {
    * {
        background-image: none !important;
        text-shadow: none !important;
    }
}

/* ===================================
   Print Styles - No Gradients
   =================================== */

@media print {
    * {
        background-image: none !important;
        background: white !important;
        color: black !important;
        text-shadow: none !important;
        box-shadow: none !important;
    }
}