/* Dark Mode Styles */
body.dark-mode {
    --background-color: #121212;
    --text-color: #e0e0e0;
    --heading-color: #ffffff;
    --link-color: #e1af1a; /* Changed from #4db2ec to gold */
    --border-color: #333333;
    --input-background: #1c1c1c;
    --card-background: #1c1c1c;
    --header-background: #1a1a1a;
    --footer-background: #1a1a1a;
    --hover-color: #f2c94c; /* Lighter gold for hover states */
    --light-background: #1a1a1a;
    --secondary-background: #181818;
    --text-muted: #a0a0a0;
    --accent-color: #e1af1a; /* Main gold accent color */
    --accent-hover: #c59b14; /* Darker gold for hover effects */
    --accent-light: rgba(225, 175, 26, 0.15); /* Transparent gold for subtle backgrounds */
    
    background-color: var(--background-color);
    color: var(--text-color);
}

/* Main background */
body.dark-mode #page,
body.dark-mode .site-content {
    background-color: var(--background-color);
}

/* Header */
body.dark-mode .site-header {
    background-color: var(--header-background);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

body.dark-mode .main-navigation a {
    color: var(--text-color);
}

body.dark-mode .main-navigation a:hover {
    color: var(--link-color);
}

body.dark-mode .main-navigation li.current-menu-item a:after {
    background-color: var(--accent-color);
}


/* Footer */
body.dark-mode .site-footer {
    background-color: var(--footer-background);
    color: var(--text-color);
}

/* Typography */
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6 {
    color: var(--heading-color);
}

body.dark-mode a {
    color: var(--link-color);
}

body.dark-mode a:hover {
    color: var(--hover-color);
}

/* Cards and events */
body.dark-mode .evento {
    background-color: var(--card-background) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

body.dark-mode .evento-info h3 a {
    color: var(--heading-color);
}

body.dark-mode .evento-fecha,
body.dark-mode .evento-lugar {
    color: var(--text-muted);
}

/* Forms and inputs */
body.dark-mode input[type="text"], 
body.dark-mode input[type="email"], 
body.dark-mode input[type="url"], 
body.dark-mode input[type="password"], 
body.dark-mode input[type="search"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="date"],
body.dark-mode input[type="select"],
body.dark-mode select,

body.dark-mode textarea {
    background-color: var(--input-background) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}
  
/* Sidebar - Force dark mode in all views */
body.dark-mode .eventos-sidebar {
    background-color: var(--card-background) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    border-radius: 12px !important; /* Preserve border radius */
}

body.dark-mode .sidebar-section {
    background-color: var(--card-background) !important;
    border-bottom-color: var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

body.dark-mode .sidebar-section:last-child {
    border-bottom: none !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

body.dark-mode .sidebar-section:first-child {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

body.dark-mode .sidebar-title {
    color: var(--heading-color) !important;
}

body.dark-mode .sidebar-list li a {
    color: var(--text-color) !important;
}

body.dark-mode .sidebar-list li i {
    color: var(--accent-color) !important;
}


body.dark-mode .sidebar-list li.active a, 
body.dark-mode .sidebar-list li a:hover {
    background: var(--accent-light) !important;
    color: var(--accent-color) !important;
}

/* Search section */
body.dark-mode .search-section {
    background-color: var(--card-background) !important;
    border-bottom-color: var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    border-top-right-radius: 12px !important; /* Preserve border radius */
    border-top-left-radius: 12px !important; /* Preserve border radius */
}

/* Search input */
body.dark-mode .search-input {
    background: var(--input-background) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

/* Dark mode search results */
body.dark-mode .search-results {
    background-color: var(--card-background) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .search-results .search-result-item {
    border-bottom-color: var(--border-color) !important;
    background-color: var(--card-background) !important;
}

body.dark-mode .search-results .search-result-title {
    color: var(--heading-color) !important;
}

body.dark-mode .search-results .search-result-meta {
    color: var(--text-muted) !important;
}

body.dark-mode .search-results .search-result-meta i {
    color: var(--accent-color) !important;
}

/* Dark mode hover */
body.dark-mode .search-results .search-result-item:hover {
    background-color: var(--accent-light) !important;
    border-left: 3px solid var(--accent-color) !important;
    padding-left: calc(0.875rem - 3px) !important;
}

/* Overlay results - ensure consistency in dark mode */
body.dark-mode .search-results-overlay .search-result-item {
    background-color: #222222 !important;
    border-color: #444 !important;
}

body.dark-mode .search-results-overlay .search-result-title {
    color: #ffffff !important;
}

body.dark-mode .search-results-overlay .search-result-meta {
    color: #999 !important;
}

body.dark-mode .search-results-overlay .search-result-item:hover {
    background-color: #333333 !important;
    border-left: none !important;
    padding-left: 0.875rem !important;
}

/* Mobile results container */
body.dark-mode .mobile-results-container .search-result-item {
    background-color: #222222 !important;
}

body.dark-mode .mobile-results-container .search-result-title {
    color: #ffffff !important;
}

body.dark-mode .mobile-results-container .search-result-meta {
    color: #999 !important;
}
/* No results message in dark mode */
body.dark-mode .no-results {
    color: var(--text-muted) !important;
    background-color: transparent !important;
}

/* Pagination */
body.dark-mode .page-numbers {
    background: var(--card-background);
    border-color: var(--border-color);
    color: var(--text-color);
}

body.dark-mode .page-numbers.current {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: white;
}


/* Taxonomy Pages - Ciudad & Tipo Evento */
body.dark-mode .site-main {
    background-color: var(--background-color) !important;
}

body.dark-mode .eventos-tipo-titulo {
    color: var(--heading-color);
    border-bottom-color: var(--border-color);
}

body.dark-mode .taxonomy-description {
    color: var(--text-color);
}

body.dark-mode .no-eventos {
    background-color: var(--card-background);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

body.dark-mode .no-eventos p {
    color: var(--text-color);
}

body.dark-mode .volver-eventos {
    background-color: var(--accent-color);
    color: white;
}

body.dark-mode .volver-eventos:hover {
    background-color: var(--accent-hover);
}

/* Event Meta Data */
body.dark-mode .evento-meta {
    border-top-color: var(--border-color);
}

body.dark-mode .evento-fecha,
body.dark-mode .evento-ciudad,
body.dark-mode .evento-tipo {
    color: var(--text-muted);
}

body.dark-mode .evento-fecha i,
body.dark-mode .evento-ciudad i,
body.dark-mode .evento-tipo i {
    color: var(--accent-color);
}

body.dark-mode .evento-extracto {
    color: var(--text-muted);
}

body.dark-mode .evento-leer-mas {
    background-color: var(--accent-color);
    color: white;
}


body.dark-mode .evento-leer-mas:hover {
    background-color: var(--accent-hover);
}

/* Specific Sidebar Elements */
body.dark-mode .dark-mode-toggle {
    color: var(--text-color);
}

body.dark-mode .cart-contents {
    color: var(--text-color);
}

body.dark-mode .cart-contents:hover {
    color: var(--link-color);
}

body.dark-mode .cart-contents-count {
    background-color: var(--accent-color);
    color: white;
}

/* Events Featured Section */
body.dark-mode .eventos-destacados-section {
    background-color: var(--secondary-background);
}

body.dark-mode .nav-arrow {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--text-color);
}

body.dark-mode .nav-arrow:hover:not([disabled]) {
    background-color: var(--accent-color);
    color: white;
}

/* Content Area */
body.dark-mode .page-content {
    color: var(--text-color);
}

/* WooCommerce Elements */
body.dark-mode.woocommerce ul.products li.product .price {
    color: var(--text-color);
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: var(--card-background);
    border-color: var(--border-color);
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: var(--background-color);
    border-bottom-color: var(--background-color);
}

body.dark-mode.woocommerce #respond input#submit, 
body.dark-mode.woocommerce a.button, 
body.dark-mode.woocommerce button.button, 
body.dark-mode.woocommerce input.button {
    background-color: var(--accent-color);
    color: white;
}

body.dark-mode.woocommerce #respond input#submit:hover, 
body.dark-mode.woocommerce a.button:hover, 
body.dark-mode.woocommerce button.button:hover, 
body.dark-mode.woocommerce input.button:hover {
    background-color: var(--accent-hover);
    color: white;
}


/* Tables */
body.dark-mode table th,
body.dark-mode table td {
    border-color: var(--border-color);
}

body.dark-mode table thead th {
    background-color: var(--secondary-background);
    color: var(--heading-color);
}

body.dark-mode table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
}

/* Cart Popup */
body.dark-mode #cart-popup {
    background-color: var(--card-background);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    color: var(--text-color);
}

body.dark-mode #close-popup {
    color: var(--text-color);
}

body.dark-mode #close-popup:hover {
    color: var(--accent-color);
}

/* Additional Fix: Ensure mobile sections get dark mode */
@media (max-width: 768px) {
    body.dark-mode main,
    body.dark-mode .content-wrapper {
        background-color: var(--background-color) !important;
    }
    
    /* Force dark mode on sidebar independent sections */
    body.dark-mode .eventos-sidebar {
        background-color: transparent !important; /* Make parent transparent */
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    body.dark-mode .sidebar-section {
        background-color: var(--card-background) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
        border-color: var(--border-color) !important;
        border-radius: 12px !important; /* Apply border radius to each section */
        margin-bottom: 1rem !important;
    }
    
    body.dark-mode .search-section {
        background-color: var(--card-background) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
        border-color: var(--border-color) !important;
        border-radius: 12px !important; /* Apply border radius */
        margin-bottom: 1rem !important;
    }
    
    body.dark-mode .search-results {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background-color: var(--card-background) !important;
        border-color: var(--border-color) !important;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.25) !important;
        z-index: 9999 !important;
        border-radius: 12px 12px 0 0 !important; /* Top rounded corners */
    }
    
    body.dark-mode .search-result-item {
        border-color: var(--border-color) !important;
    }
}

@media (max-width: 576px) {
    body.dark-mode .sidebar-section,
    body.dark-mode .search-section {
        margin: 0.5rem !important;
        background-color: var(--card-background) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
        border-radius: 12px !important; /* Apply border radius */
    }
    
    body.dark-mode .search-input {
        background-color: var(--input-background) !important;
        color: var(--text-color) !important;
        border-color: var(--border-color) !important;
    }
    
    body.dark-mode .search-results {
        position: absolute !important;
        background-color: var(--card-background) !important;
        box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
        border-radius: 8px !important; /* Apply border radius */
        top: calc(100% + 0.5rem) !important;
        bottom: auto !important;
    }
    
    body.dark-mode .search-result-info {
        color: var(--text-color) !important;
    }
}

/* Mobile Navigation Bar in Dark Mode */
body.dark-mode .mobile-nav-bar {
    background-color: var(--header-background) !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3) !important;
}

body.dark-mode .mobile-nav-button {
    color: var(--text-color) !important;
}

body.dark-mode .mobile-nav-button i {
    color: var(--text-color) !important;
}

body.dark-mode .nav-label {
    color: var(--text-color) !important;
}

body.dark-mode .mobile-nav-button:hover i,
body.dark-mode .mobile-nav-button:active i,
body.dark-mode .mobile-nav-button.active i {
    color: var(--accent-color) !important;
}

body.dark-mode .mobile-search-container {
    background-color: var(--header-background) !important;
}

body.dark-mode .mobile-search-input {
    background-color: var(--input-background) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

body.dark-mode .mobile-search-submit {
    color: var(--accent-color) !important;
}
/* Mobile Search Results in Dark Mode */
body.dark-mode .mobile-search-results-overlay {
    background-color: rgba(0,0,0,0.95) !important;
}

body.dark-mode .mobile-search-header {
    background-color: var(--header-background) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .search-title {
    color: var(--heading-color) !important;
}

body.dark-mode .close-search {
    color: var(--text-color) !important;
}

body.dark-mode .mobile-search-input {
    background-color: var(--input-background) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .search-submit-btn {
    color: var(--accent-color) !important;
}

body.dark-mode .mobile-results-container .search-result-item {
    background-color: var(--card-background) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .mobile-results-container .search-result-item:hover {
    background-color: var(--secondary-background) !important;
}

body.dark-mode .search-result-title {
    color: var(--heading-color) !important;
}

body.dark-mode .search-result-meta {
    color: var(--text-muted) !important;
}

body.dark-mode .search-result-meta i {
    color: var(--accent-color) !important;
}

body.dark-mode .no-results {
    color: var(--text-muted) !important;
}

body.dark-mode .mobile-search-container .search-loader {
    border-color: var(--border-color) !important;
    border-top-color: var(--accent-color) !important;
}