/* Dark Theme for Parsa Journal */

/* Apply dark theme when data-theme="dark" is set on html element */
html[data-theme="dark"] {
    --primary-color: #1a1a1a;
    --secondary-color: #2d2d2d;
    --accent-color: #d4af37;
    --text-color: #e0e0e0;
    --text-light: #b0b0b0;
    --bg-color: #121212;
    --bg-light: #1e1e1e;
    --border-color: #333;
    --link-color: #6ba3ff;
    --link-hover: #8bb5ff;
}

/* Header Dark Theme */
html[data-theme="dark"] .header {
    background-color: #0d0d0d;
    border-bottom-color: var(--accent-color);
}

html[data-theme="dark"] .header-content {
    background-color: transparent;
}

html[data-theme="dark"] .main-nav a {
    color: #e0e0e0;
}

html[data-theme="dark"] .main-nav a:hover {
    color: var(--accent-color);
}

html[data-theme="dark"] .lang-link {
    background: rgba(255, 255, 255, 0.1);
    color: #e0e0e0;
}

html[data-theme="dark"] .lang-link:hover {
    background: rgba(212, 175, 55, 0.3);
    color: var(--accent-color);
}

html[data-theme="dark"] .lang-link.active {
    background: rgba(212, 175, 55, 0.5);
    color: var(--accent-color);
}

/* Search Form Dark Theme */
html[data-theme="dark"] .search-form input {
    background-color: var(--bg-light);
    border-color: var(--border-color);
    color: var(--text-color);
}

html[data-theme="dark"] .search-form input:focus {
    border-color: var(--accent-color);
    outline: none;
}

html[data-theme="dark"] .search-form input::placeholder {
    color: var(--text-light);
}

/* Body and Main Content Dark Theme */
html[data-theme="dark"] body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

html[data-theme="dark"] .main-content {
    background-color: var(--bg-color);
}

/* Article Cards Dark Theme */
html[data-theme="dark"] .article-card {
    background-color: var(--bg-light);
    border-color: var(--border-color);
}

html[data-theme="dark"] .article-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    border-color: var(--accent-color);
}

html[data-theme="dark"] .article-card-title a {
    color: var(--text-color);
}

html[data-theme="dark"] .article-card-title a:hover {
    color: var(--accent-color);
}

html[data-theme="dark"] .article-card-meta {
    color: var(--text-light);
}

html[data-theme="dark"] .article-card-meta a {
    color: var(--link-color);
}

html[data-theme="dark"] .article-card-meta a:hover {
    color: var(--link-hover);
}

html[data-theme="dark"] .article-card-excerpt {
    color: var(--text-light);
}

/* Buttons Dark Theme */
html[data-theme="dark"] .btn {
    background-color: var(--accent-color);
    color: #1a1a1a;
    border-color: var(--accent-color);
}

html[data-theme="dark"] .btn:hover {
    background-color: #b8941f;
    border-color: #b8941f;
    color: #1a1a1a;
}

html[data-theme="dark"] .btn-secondary {
    background-color: transparent;
    color: var(--accent-color);
    border-color: var(--accent-color);
}

html[data-theme="dark"] .btn-secondary:hover {
    background-color: var(--accent-color);
    color: #1a1a1a;
}

/* Links Dark Theme */
html[data-theme="dark"] a {
    color: var(--link-color);
}

html[data-theme="dark"] a:hover {
    color: var(--link-hover);
}

/* Sidebar Dark Theme */
html[data-theme="dark"] .sidebar-widget {
    background-color: var(--bg-light);
    border-color: var(--border-color);
}

html[data-theme="dark"] .sidebar-widget:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .sidebar-widget h3 {
    color: var(--text-color);
    border-bottom-color: var(--accent-color);
}

html[data-theme="dark"] .sidebar-widget a {
    color: var(--text-color);
}

html[data-theme="dark"] .sidebar-widget a:hover {
    color: var(--accent-color);
}

html[data-theme="dark"] .sidebar-widget .tag {
    background-color: var(--bg-color);
    border-color: var(--border-color);
    color: var(--text-color);
}

html[data-theme="dark"] .sidebar-widget .tag:hover {
    background-color: var(--accent-color);
    color: #1a1a1a;
    border-color: var(--accent-color);
}

/* Article Detail Dark Theme */
html[data-theme="dark"] .article-detail {
    background-color: var(--bg-light);
}

html[data-theme="dark"] .article-title {
    color: var(--text-color);
}

html[data-theme="dark"] .article-meta {
    color: var(--text-light);
}

html[data-theme="dark"] .article-content {
    color: var(--text-color);
}

html[data-theme="dark"] .article-content p {
    color: var(--text-color);
}

/* Tags Dark Theme */
html[data-theme="dark"] .tag {
    background-color: var(--bg-color);
    border-color: var(--border-color);
    color: var(--text-color);
}

html[data-theme="dark"] .tag:hover {
    background-color: var(--accent-color);
    color: #1a1a1a;
    border-color: var(--accent-color);
}

/* Pagination Dark Theme */
html[data-theme="dark"] .pagination a {
    background-color: var(--bg-light);
    border-color: var(--border-color);
    color: var(--text-color);
}

html[data-theme="dark"] .pagination a:hover {
    background-color: var(--accent-color);
    color: #1a1a1a;
    border-color: var(--accent-color);
}

html[data-theme="dark"] .pagination .current {
    background-color: var(--accent-color);
    color: #1a1a1a;
    border-color: var(--accent-color);
}

/* Footer Dark Theme */
html[data-theme="dark"] .footer {
    background-color: #0d0d0d;
    border-top-color: var(--border-color);
    color: var(--text-light);
}

html[data-theme="dark"] .footer h3 {
    color: var(--text-color);
}

html[data-theme="dark"] .footer a {
    color: var(--link-color);
}

html[data-theme="dark"] .footer a:hover {
    color: var(--link-hover);
}

/* Forms Dark Theme */
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .form-textarea,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea {
    background-color: var(--bg-light);
    border-color: var(--border-color);
    color: var(--text-color);
}

html[data-theme="dark"] .form-input:focus,
html[data-theme="dark"] .form-textarea:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus {
    border-color: var(--accent-color);
    outline: none;
}

/* Messages Dark Theme */
html[data-theme="dark"] .alert {
    border-color: var(--border-color);
}

html[data-theme="dark"] .alert-success {
    background-color: rgba(40, 167, 69, 0.2);
    color: #6cff8a;
    border-color: rgba(40, 167, 69, 0.4);
}

html[data-theme="dark"] .alert-error {
    background-color: rgba(220, 53, 69, 0.2);
    color: #ff6b7a;
    border-color: rgba(220, 53, 69, 0.4);
}

html[data-theme="dark"] .alert-info {
    background-color: rgba(23, 162, 184, 0.2);
    color: #6bd5e8;
    border-color: rgba(23, 162, 184, 0.4);
}

/* Views Pill Dark Theme */
html[data-theme="dark"] .views-pill {
    background-color: var(--bg-color);
    border-color: var(--border-color);
}

html[data-theme="dark"] .views-number {
    color: var(--text-color);
}

html[data-theme="dark"] .views-label {
    color: var(--text-light);
}

/* Hero Section Dark Theme */
html[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 100%);
    color: var(--text-color);
}

/* About Page Dark Theme */
html[data-theme="dark"] .about-section {
    color: var(--text-color);
}

html[data-theme="dark"] .value-item {
    background-color: var(--bg-color);
    border-color: var(--border-color);
}

html[data-theme="dark"] .value-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Theme Toggle Button Dark Theme */
html[data-theme="dark"] .theme-toggle {
    background: rgba(212, 175, 55, 0.2);
    border-color: var(--accent-color);
    color: var(--accent-color);
}

html[data-theme="dark"] .theme-toggle:hover {
    background: rgba(212, 175, 55, 0.4);
    box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);
}