/* REVVED UP CARS - DARK MODE STYLES v1.0 */
/* Comprehensive dark mode styling for all site elements */

/* ============================================
   BASE ELEMENTS
   ============================================ */
[data-theme="dark"] body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] main,
[data-theme="dark"] .site-main,
[data-theme="dark"] #primary,
[data-theme="dark"] .content-area,
[data-theme="dark"] .revved-container {
    background-color: #121212 !important;
}

/* ============================================
   HEADER
   ============================================ */
[data-theme="dark"] .revved-header,
[data-theme="dark"] header.revved-header,
[data-theme="dark"] .revved-main-header,
[data-theme="dark"] .revved-header-inner {
    background-color: #1E1E1E !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .revved-header .revved-nav a,
[data-theme="dark"] .revved-menu > li > a,
[data-theme="dark"] .revved-header .menu-item a {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .revved-header .revved-nav a:hover,
[data-theme="dark"] .revved-menu > li > a:hover {
    color: #D4E028 !important;
}

[data-theme="dark"] .revved-nav .revved-menu .sub-menu {
    background-color: #1E1E1E !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .revved-nav .revved-menu .sub-menu li a {
    color: #c0c0c0 !important;
}

[data-theme="dark"] .revved-nav .revved-menu .sub-menu li a:hover {
    color: #D4E028 !important;
    background-color: #2a2a2a !important;
}

/* Mobile menu */
[data-theme="dark"] .revved-menu-toggle span,
[data-theme="dark"] .hamburger-line {
    background-color: #e0e0e0 !important;
}

[data-theme="dark"] .revved-mobile-menu,
[data-theme="dark"] .revved-nav.active {
    background-color: #1E1E1E !important;
}

/* ============================================
   SECTION TITLES
   ============================================ */
[data-theme="dark"] .section-title,
[data-theme="dark"] .section-title h2,
[data-theme="dark"] h1, 
[data-theme="dark"] h2, 
[data-theme="dark"] h3, 
[data-theme="dark"] h4 {
    color: #ffffff !important;
}

[data-theme="dark"] .section-header {
    border-color: #333 !important;
}

/* ============================================
   ARTICLE CARDS
   ============================================ */
[data-theme="dark"] .article-card,
[data-theme="dark"] .revved-card,
[data-theme="dark"] .post-card {
    background: #1E1E1E !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .article-card:hover,
[data-theme="dark"] .revved-card:hover,
[data-theme="dark"] .post-card:hover {
    border-color: #D4E028 !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.4) !important;
}

[data-theme="dark"] .article-card .card-title,
[data-theme="dark"] .card-title,
[data-theme="dark"] .entry-title a {
    color: #f0f0f0 !important;
}

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

[data-theme="dark"] .article-card .card-meta,
[data-theme="dark"] .card-meta {
    border-color: #333 !important;
}

[data-theme="dark"] .article-card .card-meta span,
[data-theme="dark"] .card-meta span,
[data-theme="dark"] .post-meta {
    color: #888 !important;
}

[data-theme="dark"] .article-card .card-excerpt,
[data-theme="dark"] .card-excerpt,
[data-theme="dark"] .entry-excerpt {
    color: #999 !important;
}

[data-theme="dark"] .card-category,
[data-theme="dark"] .category-badge {
    background: #2a2a2a !important;
    color: #D4E028 !important;
}

/* ============================================
   HERO SECTION
   ============================================ */
[data-theme="dark"] .hero-section,
[data-theme="dark"] .revved-hero {
    background-color: #1a1a1a !important;
}

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

/* ============================================
   SIDEBAR & WIDGETS
   ============================================ */
[data-theme="dark"] .sidebar,
[data-theme="dark"] aside,
[data-theme="dark"] .widget-area {
    background-color: transparent !important;
}

[data-theme="dark"] .widget,
[data-theme="dark"] .sidebar-widget {
    background-color: #1E1E1E !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .widget-title {
    color: #ffffff !important;
    border-color: #333 !important;
}

[data-theme="dark"] .widget a {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .widget a:hover {
    color: #D4E028 !important;
}

/* ============================================
   SINGLE POST / ARTICLE
   ============================================ */
[data-theme="dark"] .single-post .entry-content,
[data-theme="dark"] article.post,
[data-theme="dark"] .post-content {
    color: #d0d0d0 !important;
}

[data-theme="dark"] .single-post .entry-content p,
[data-theme="dark"] .post-content p {
    color: #c0c0c0 !important;
}

[data-theme="dark"] .single-post .entry-content a {
    color: #D4E028 !important;
}

[data-theme="dark"] blockquote {
    background-color: #2a2a2a !important;
    border-left-color: #D4E028 !important;
    color: #b0b0b0 !important;
}

[data-theme="dark"] pre,
[data-theme="dark"] code {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

/* ============================================
   FILTER / TABS
   ============================================ */
[data-theme="dark"] .filter-bar-section,
[data-theme="dark"] .filter-section {
    background-color: #1E1E1E !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .filter-label {
    color: #888 !important;
}

[data-theme="dark"] .filter-pill {
    background-color: #2a2a2a !important;
    color: #c0c0c0 !important;
    border-color: #3a3a3a !important;
}

[data-theme="dark"] .filter-pill:hover {
    background-color: #333 !important;
    color: #D4E028 !important;
}

[data-theme="dark"] .filter-pill.active {
    background-color: #D4E028 !important;
    color: #1E1E1E !important;
}

/* ============================================
   NEWSLETTER / CTA
   ============================================ */
[data-theme="dark"] .newsletter-section,
[data-theme="dark"] .cta-section {
    background-color: #1a1a1a !important;
}

/* ============================================
   FORMS
   ============================================ */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #666 !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
    border-color: #D4E028 !important;
    box-shadow: 0 0 0 2px rgba(212, 224, 40, 0.2) !important;
}

/* ============================================
   BUTTONS
   ============================================ */
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] button.secondary {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: #333 !important;
    color: #D4E028 !important;
}

/* ============================================
   PAGINATION
   ============================================ */
[data-theme="dark"] .pagination,
[data-theme="dark"] .nav-links {
    background-color: transparent !important;
}

[data-theme="dark"] .pagination a,
[data-theme="dark"] .nav-links a,
[data-theme="dark"] .page-numbers {
    background-color: #2a2a2a !important;
    color: #c0c0c0 !important;
    border-color: #3a3a3a !important;
}

[data-theme="dark"] .pagination a:hover,
[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .page-numbers:hover {
    background-color: #333 !important;
    color: #D4E028 !important;
}

[data-theme="dark"] .pagination .current,
[data-theme="dark"] .page-numbers.current {
    background-color: #D4E028 !important;
    color: #1E1E1E !important;
}

/* ============================================
   SEARCH
   ============================================ */
[data-theme="dark"] .search-form,
[data-theme="dark"] .revved-search {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
}

[data-theme="dark"] .search-field {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

/* ============================================
   BREADCRUMBS
   ============================================ */
[data-theme="dark"] .breadcrumbs,
[data-theme="dark"] .breadcrumb {
    color: #888 !important;
}

[data-theme="dark"] .breadcrumbs a,
[data-theme="dark"] .breadcrumb a {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .breadcrumbs a:hover,
[data-theme="dark"] .breadcrumb a:hover {
    color: #D4E028 !important;
}

/* ============================================
   ADS
   ============================================ */
[data-theme="dark"] .revved-ad-wrapper,
[data-theme="dark"] .ad-placeholder {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .revved-ad-label,
[data-theme="dark"] .ad-label {
    color: #666 !important;
}

/* ============================================
   TRENDING / TICKER
   ============================================ */
[data-theme="dark"] .trending-section,
[data-theme="dark"] .ticker-section {
    background-color: #1E1E1E !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .trending-item a,
[data-theme="dark"] .ticker-item {
    color: #c0c0c0 !important;
}

[data-theme="dark"] .trending-item a:hover {
    color: #D4E028 !important;
}

/* ============================================
   COMMENTS
   ============================================ */
[data-theme="dark"] .comments-area,
[data-theme="dark"] #comments {
    background-color: #1E1E1E !important;
}

[data-theme="dark"] .comment {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

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

[data-theme="dark"] .comment-content {
    color: #c0c0c0 !important;
}

/* ============================================
   TABLES
   ============================================ */
[data-theme="dark"] table {
    background-color: #1E1E1E !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] th {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

[data-theme="dark"] td {
    border-color: #2a2a2a !important;
    color: #c0c0c0 !important;
}

[data-theme="dark"] tr:nth-child(even) {
    background-color: #1a1a1a !important;
}

/* ============================================
   SMOOTH TRANSITION
   ============================================ */
body,
main,
header,
.article-card,
.widget,
input,
textarea,
a {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}