/*
Theme Name: News Magazine X Pro Child - Hard Dark
Theme URI: https://jarvisworld.de
Description: Child theme for News Magazine X Pro with hard dark design, GDPR compliant fonts, and performance optimizations.
Author: Jarvis AI
Author URI: https://jarvisworld.de
Template: news-magazine-x
Version: 1.0.0
License: GPL v2 or later
Text Domain: news-magazine-x-child
*/

/* CSS Reset & Hard Dark Core */
:root {
    --bg-primary: #050505;
    --bg-card: #111111;
    --accent: #0088ff;
    --text-primary: #d1d1d1;
    --text-secondary: #a0a0a0;
    --border: #333333;
}

body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    line-height: 1.6;
}

/* Cards, widgets, containers */
.entry-content,
.widget,
.site-main,
article,
.sidebar,
.header,
.footer,
.navigation,
.comments-area,
.wp-block-group,
.wp-block-column,
.wp-block-cover,
.wp-block-media-text,
.wp-block-table,
.wp-block-quote,
.wp-block-pullquote,
.wp-block-image,
.wp-block-gallery,
.wp-block-audio,
.wp-block-video,
.wp-block-button,
.wp-block-buttons,
.wp-block-social-links,
.wp-block-separator,
.wp-block-spacer,
.wp-block-embed,
.wp-block-cover__inner-container,
.wp-block-columns,
.wp-block-group__inner-container,
.wp-block-media-text__content,
.wp-block-table__content,
.wp-block-quote__content,
.wp-block-pullquote__content,
.wp-block-image__content,
.wp-block-gallery__content,
.wp-block-audio__content,
.wp-block-video__content,
.wp-block-button__content,
.wp-block-buttons__content,
.wp-block-social-links__content,
.wp-block-separator__content,
.wp-block-spacer__content,
.wp-block-embed__content {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Links */
a {
    color: var(--accent) !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

a:hover {
    color: #00aaff !important;
    text-decoration: underline !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
}

/* Buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button__link,
.wp-block-file__button,
.wp-block-search__button,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-numbers,
.wp-block-post-navigation-link,
.wp-block-post-template,
.wp-block-query-loop,
.wp-block-term-description,
.wp-block-post-excerpt,
.wp-block-post-content,
.wp-block-post-title,
.wp-block-post-author,
.wp-block-post-date,
.wp-block-post-terms,
.wp-block-post-featured-image,
.wp-block-post-comments,
.wp-block-post-comments-form,
.wp-block-post-navigation,
.wp-block-post-template,
.wp-block-query-loop,
.wp-block-term-description,
.wp-block-post-excerpt,
.wp-block-post-content,
.wp-block-post-title,
.wp-block-post-author,
.wp-block-post-date,
.wp-block-post-terms,
.wp-block-post-featured-image,
.wp-block-post-comments,
.wp-block-post-comments-form,
.wp-block-post-navigation {
    background-color: var(--accent) !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 7px 10px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
}

/* Form fields */
input,
textarea,
select {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
    padding: 7px !important;
}

/* Remove external font calls - GDPR compliance */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Override with system fonts */
body, input, textarea, select, button {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

/* Performance: minimize CSS/JS header requests */
/* Inlined critical CSS above; defer non-critical via functions.php */

/* Responsive adjustments */
@media (max-width: 768px) {
    .entry-content,
    .widget,
    article,
    .sidebar {
        padding: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* Footer Menu Styles */
.jarvis-footer {
    background-color: var(--bg-card) !important;
    border-top: 1px solid var(--border) !important;
    padding: 15px 0 !important;
    margin-top: 24px !important;
}

.footer-nav-container {
    text-align: center;
    margin-bottom: 10px;
}

.footer-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.footer-nav-menu li {
    margin: 0;
    padding: 0;
}

.footer-nav-menu a {
    color: var(--text-secondary) !important;
    font-weight: 500;
    text-decoration: none !important;
    padding: 8px 8px;
    border-radius: 4px;
    transition: all 0.2s;
}

.footer-nav-menu a:hover {
    color: var(--accent) !important;
    background-color: rgba(0, 136, 255, 0.1);
}

.footer-copyright {
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-top: 10px;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .footer-nav-menu {
        flex-direction: column;
        gap: 15px;
    }
    .footer-nav-menu a {
        display: block;
        text-align: center;
    }
}\na.btn.btn-primary.btn-large { color: #ffffff !important; background-color: #0088ff !important; }
\nbody .jarvis-home-hero .hero-actions a.btn.btn-primary.btn-large { color: #ffffff !important; background-color: #0088ff !important; border: none !important; }
\n/* TEST: Force button text red */\nbody .jarvis-home-hero .hero-actions a.btn.btn-primary.btn-large { color: #ff0000 !important; }
\n/* FORCE GREEN BUTTON */\nbody .jarvis-home-hero .hero-actions a.btn.btn-primary.btn-large { background-color: #00aa00 !important; color: #ffffff !important; border: none !important; }
\n/* SPECIFIC DASHBOARD BUTTON */\nbody .jarvis-home-hero .hero-actions a[href="/dashboard-x"] { background-color: #ff00ff !important; color: #ffffff !important; }
/* Fix category list white-on-white - stronger selectors */
#newsx_category_list-1 .newsx-category-list.newsx-s2 li,
section.newsx-category-list-widget .newsx-category-list.newsx-s2 li,
.newsx-category-list-widget .newsx-category-list.newsx-s2 li {
    background-color: #111 !important;
    border-color: #333 !important;
}
#newsx_category_list-1 .newsx-category-list.newsx-s2 li a,
section.newsx-category-list-widget .newsx-category-list.newsx-s2 li a,
.newsx-category-list-widget .newsx-category-list.newsx-s2 li a {
    color: #fff !important;
}
#newsx_category_list-1 .category-name,
section.newsx-category-list-widget .category-name,
.newsx-category-list-widget .category-name {
    color: #fff !important;
}
#newsx_category_list-1 .category-count,
section.newsx-category-list-widget .category-count,
.newsx-category-list-widget .category-count {
    color: #aaa !important;
}
/* Also target the widget container background */
#newsx_category_list-1,
section.newsx-category-list-widget,
.newsx-category-list-widget {
    background-color: transparent !important;
}
/* ===== CRITICAL FIX: Category List White-on-White ===== */
/* Target the specific widget by ID and all possible selectors */
#newsx_category_list-1 .newsx-category-list.newsx-s2 li,
#newsx_category_list-1 ul.newsx-category-list.newsx-s2 li,
section#newsx_category_list-1 .newsx-category-list.newsx-s2 li,
section#newsx_category_list-1 ul.newsx-category-list.newsx-s2 li,
.newsx-category-list-widget #newsx_category_list-1 .newsx-category-list.newsx-s2 li,
.newsx-category-list-widget #newsx_category_list-1 ul.newsx-category-list.newsx-s2 li {
    background-color: #111 !important;
    background: #111 !important;
    border-color: #333 !important;
    color: #fff !important;
}
/* Links inside list items */
#newsx_category_list-1 .newsx-category-list.newsx-s2 li a,
#newsx_category_list-1 ul.newsx-category-list.newsx-s2 li a,
section#newsx_category_list-1 .newsx-category-list.newsx-s2 li a,
section#newsx_category_list-1 ul.newsx-category-list.newsx-s2 li a {
    color: #fff !important;
    text-decoration: none !important;
}
/* Category meta div (contains name and count) */
#newsx_category_list-1 .category-meta,
#newsx_category_list-1 .newsx-category-list.newsx-s2 li .category-meta,
section#newsx_category_list-1 .category-meta {
    background-color: transparent !important;
    color: #fff !important;
}
/* Category name (h4) */
#newsx_category_list-1 .category-name,
#newsx_category_list-1 .newsx-category-list.newsx-s2 li .category-name,
section#newsx_category_list-1 .category-name {
    color: #fff !important;
    font-weight: bold !important;
}
/* Category count */
#newsx_category_list-1 .category-count,
#newsx_category_list-1 .newsx-category-list.newsx-s2 li .category-count,
section#newsx_category_list-1 .category-count {
    color: #aaa !important;
}
/* Also fix any inline background styles that might override */
#newsx_category_list-1 .newsx-category-list.newsx-s2 li[style*="background"],
#newsx_category_list-1 ul.newsx-category-list.newsx-s2 li[style*="background"] {
    background-color: #111 !important;
    background: #111 !important;
}
/* Ensure the widget container itself doesn't have a white background */
#newsx_category_list-1,
section#newsx_category_list-1,
.newsx-category-list-widget #newsx_category_list-1 {
    background-color: transparent !important;
}
/* Override any potential theme or plugin styles with extreme specificity */
body .newsx-row .newsx-main-content #newsx_category_list-1 .newsx-category-list.newsx-s2 li,
body .newsx-row .newsx-main-content #newsx_category_list-1 ul.newsx-category-list.newsx-s2 li {
    background-color: #111 !important;
    color: #fff !important;
}