/**
 * Theme Color Overrides
 * Uses CSS variables set by admin panel via PHP inline CSS
 * This file ONLY uses variables, does NOT define them
 */

/* ===== NAVBAR (CRITICAL!) ===== */
.nivo-navbar {
    background-color: var(--primary-color) !important;
}

body.dark-mode .nivo-navbar {
    background-color: var(--primary-color) !important;
}

/* ===== MOBILE MENU (CRITICAL!) ===== */
/* Base: Only navbar background (works for both desktop and mobile) */
.nivo-navbar {
    background-color: var(--primary-color) !important;
}

/* Desktop navigation menu - no special background needed */
/* Mobile styles defined in media query below */

/* Mobile menu - SIMPLE SOLID COLORS */
@media (max-width: 768px) {
    /* Container - Clean white/light gray */
    .nivo-nav-menu {
        background-color: #ffffff !important;
        border-top: 1px solid #e2e8f0 !important;
    }
    
    /* UL - Same as container */
    #navigationPrimary,
    .nivo-menu-list {
        background-color: #ffffff !important;
    }
    
    /* Links - Subtle gray background */
    #navigationPrimary li a,
    .nivo-menu-list li a {
        background-color: #ffffff !important;
        color: #2d3748 !important;
        border-bottom: 1px solid #e2e8f0 !important;
        padding: 15px 20px !important;
        display: block !important;
    }
    
    /* Links hover - Light gray */
    #navigationPrimary li a:hover,
    .nivo-menu-list li a:hover {
        background-color: #f7fafc !important;
    }
    
    /* Submenu - Slightly darker */
    #navigationPrimary li ul,
    .nivo-menu-list li ul {
        background-color: #f7fafc !important;
    }
    
    #navigationPrimary li ul li a,
    .nivo-menu-list li ul li a {
        background-color: #f7fafc !important;
        color: #4a5568 !important;
        padding: 12px 20px 12px 40px !important;
    }
    
    #navigationPrimary li ul li a:hover,
    .nivo-menu-list li ul li a:hover {
        background-color: #edf2f7 !important;
    }
}

/* Dark mode - navbar background */
body.dark-mode .nivo-navbar {
    background-color: var(--primary-color) !important;
}

/* Dark mode mobile menu - SIMPLE SOLID COLORS */
@media (max-width: 768px) {
    body.dark-mode .nivo-nav-menu {
        background-color: #2d3748 !important;
        border-top: 1px solid #4a5568 !important;
    }
    
    body.dark-mode #navigationPrimary,
    body.dark-mode .nivo-menu-list {
        background-color: #2d3748 !important;
    }
    
    body.dark-mode #navigationPrimary li a,
    body.dark-mode .nivo-menu-list li a {
        background-color: #2d3748 !important;
        color: #e2e8f0 !important;
        border-bottom: 1px solid #4a5568 !important;
        padding: 15px 20px !important;
        display: block !important;
    }
    
    body.dark-mode #navigationPrimary li a:hover,
    body.dark-mode .nivo-menu-list li a:hover {
        background-color: #374151 !important;
    }
    
    body.dark-mode #navigationPrimary li ul,
    body.dark-mode .nivo-menu-list li ul {
        background-color: #374151 !important;
    }
    
    body.dark-mode #navigationPrimary li ul li a,
    body.dark-mode .nivo-menu-list li ul li a {
        background-color: #374151 !important;
        color: #cbd5e0 !important;
        padding: 12px 20px 12px 40px !important;
    }
    
    body.dark-mode #navigationPrimary li ul li a:hover,
    body.dark-mode .nivo-menu-list li ul li a:hover {
        background-color: #4a5568 !important;
    }
}

/* ===== BUTTONS ===== */
.nivo-submit-btn {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: 2px solid var(--primary-color) !important;
}

.nivo-submit-btn:hover {
    background-color: #ffffff !important;
    color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
}

.nivo-search-btn,
.nivo-view-article-btn,
.nivo-galley-btn,
.nivo-btn-primary {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.nivo-search-btn:hover,
.nivo-view-article-btn:hover,
.nivo-galley-btn:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    filter: brightness(0.9);
}

/* ===== BUTTONS - DARK MODE (Override) ===== */
body.dark-mode .nivo-submit-btn,
body.dark-mode .nivo-search-btn,
body.dark-mode .nivo-view-article-btn,
body.dark-mode .nivo-galley-btn,
body.dark-mode .nivo-btn-primary {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border-color: var(--primary-color) !important;
}

body.dark-mode .nivo-submit-btn:hover,
body.dark-mode .nivo-search-btn:hover,
body.dark-mode .nivo-view-article-btn:hover,
body.dark-mode .nivo-galley-btn:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
}

/* ===== MESSAGE BOX - DARK MODE ===== */
body.dark-mode .nivo-message-box {
    background: var(--bg-secondary) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .nivo-message-title {
    color: var(--text-primary) !important;
}

body.dark-mode .nivo-message-content {
    color: var(--text-secondary) !important;
}

body.dark-mode .nivo-success-box {
    background: var(--bg-secondary) !important;
}

/* ===== TEXT COLORS ===== */
/* NOTE: Button text colors handled in BUTTONS section above */
.nivo-editor-role,
.nivo-citation-count,
.nivo-doi-link,
.nivo-article-doi a,
.nivo-author-name,
.nivo-article-authors .author-name,
.nivo-metric-name,
.nivo-current-issue-title a:hover,
.nivo-section-title-red,
.nivo-most-viewed-title a:hover {
    color: var(--primary-color) !important;
}

.nivo-galley-btn:hover,
.nivo-citation-tab:hover,
.nivo-citation-download-btn:hover,
.nivo-references-toggle,
#articlesBySimilarityList a:hover,
#articlesBySameAuthorList a:hover,
#articlesBySimilarityList p a,
#articlesBySameAuthorList p a,
.nivo-issue-title a:hover,
.nivo-footer-link:hover,
.nivo-footer-social-link:hover,
.nivo-read-more a,
.nivo-editorial-board-link {
    color: var(--primary-color) !important;
}

/* ===== BACKGROUNDS ===== */
.nivo-search-submit,
.nivo-btn-login,
.nivo-current-issue-large-badge,
.nivo-galley-btn-pdf,
.nivo-citation-tab.active,
.nivo-archive-year.active {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Login Button - Sidebar */
.nivo-btn-login {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: 2px solid var(--primary-color) !important;
}

.nivo-btn-login:hover {
    background-color: #ffffff !important;
    color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
}

/* Search Submit Button - Search Page */
.nivo-search-submit {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: 2px solid var(--primary-color) !important;
}

.nivo-search-submit:hover {
    background-color: #ffffff !important;
    color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
}

.nivo-current-issue-large-badge:hover,
.nivo-references-toggle:hover,
.nivo-archive-year.active:hover {
    background-color: var(--primary-color) !important;
    filter: brightness(0.9);
}

/* ===== BORDERS ===== */
.nivo-archive-year.active,
.nivo-galley-btn:hover,
.nivo-citation-tab:hover,
.nivo-citation-tab.active,
.nivo-citation-download-btn:hover,
.nivo-references-toggle {
    border-color: var(--primary-color) !important;
}

.nivo-navbar .nivo-nav-link:hover,
.nivo-navbar .nivo-nav-link.active {
    border-bottom-color: var(--primary-color) !important;
}

/* ===== SECTION TITLES - BORDER BOTTOM ===== */
.nivo-section-title::after {
    border-bottom-color: var(--primary-color) !important;
}

.nivo-section-title-red {
    border-bottom: 3px solid var(--primary-color) !important;
}

.nivo-article-section-title,
.nivo-sidebar-section-title {
    border-bottom: 2px solid var(--primary-color) !important;
}

.nivo-archive-year-title,
.nivo-issue-section-title {
    border-bottom: 2px solid var(--primary-color) !important;
}

#articlesBySimilarityList h3,
#articlesBySameAuthorList h3 {
    border-bottom: 2px solid var(--primary-color) !important;
}

.nivo-issue-year-link.active {
    border-bottom-color: var(--primary-color) !important;
}

/* ===== BORDER LEFT ===== */
.nivo-most-viewed-card {
    border-left-color: var(--primary-color) !important;
}

.nivo-sidebar-citation .nivo-citation-output {
    border-left: 4px solid var(--primary-color) !important;
}

/* ===== SIMILAR ARTICLES NUMBER BADGES ===== */
#articlesBySimilarityList ul > li:before,
#articlesBySameAuthorList ul > li:before {
    background: var(--primary-color) !important;
}

/* ===== HERO GRADIENT ===== */
.nivo-hero-gradient {
    background: linear-gradient(135deg, var(--primary-color) 0%, #1E293B 100%) !important;
}

/* ===== MOBILE MENU - COLORS ONLY ===== */
/* Structural rules are in index.less @media (max-width: 768px) */
/* This file handles ONLY colors and dark mode */

@media (max-width: 768px) {
    /* Dark mode backgrounds */
    body.dark-mode .nivo-nav-menu {
        background-color: #1a1a1a !important;
    }
    
    body.dark-mode #navigationPrimary,
    body.dark-mode .nivo-menu-list {
        background-color: #1a1a1a !important;
    }
    
    /* Dark mode submenu backgrounds */
    body.dark-mode #navigationPrimary li ul,
    body.dark-mode .nivo-menu-list li ul {
        background: rgba(255,255,255,0.05) !important;
        border-left-color: rgba(255,255,255,0.15) !important;
    }
    
    /* CRITICAL: Disable hover in mobile (touch conflicts) */
    #navigationPrimary li:hover > ul,
    .nivo-menu-list li:hover > ul {
        display: none !important;
    }
    
    /* .submenu-open overrides hover (JS controlled) */
    #navigationPrimary li.submenu-open > ul,
    .nivo-menu-list li.submenu-open > ul {
        display: block !important;
    }
}