/* =========================================================
   Dark-mode overrides – BYOCosplay theme
   Loaded AFTER Madara plugin + Bootstrap to fix hardcoded
   #fff / #212529 colours that break dark mode.
   ========================================================= */

/* ── Re-apply body & global resets ────────────────────── */
body {
	background-color: var(--color-background);
	color: var(--color-text-primary);
}

a {
	color: var(--color-primary);
}

/* ── Forms / Inputs ──────────────────────────────────── */
select,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="number"],
textarea {
	color: var(--color-text-primary);
	background-color: var(--color-surface);
	border-color: var(--color-border);
}

/* ── Cards (override Bootstrap .card bg) ─────────────── */
.card,
.page-item-detail {
	background-color: var(--color-surface);
	color: var(--color-text-primary);
}

/* ── Section backgrounds ─────────────────────────────── */
.section-alt {
	background-color: var(--color-surface);
}

/* ── Search card ─────────────────────────────────────── */
.search-card {
	background-color: var(--color-surface);
}

/* ── Plugin content wrappers ─────────────────────────── */
.c-blog-listing .listing-wrap,
.tab-content,
.tab-content-wrap,
.c-tabs-item__content,
.c-page-content,
.main-col,
.main-col-inner,
.manga-content-archive,
.listing-chapters_wrap,
.version-chap {
	background-color: transparent;
	color: var(--color-text-primary);
}

/* ── Plugin navigation / entry headers ───────────────── */
.entry-header.header,
.entry-header.footer,
.entry-header {
	background-color: var(--color-surface);
	border-color: var(--color-border);
}

.entry-header select {
	background-color: var(--color-surface);
	color: var(--color-text-primary);
	border-color: var(--color-border);
}

/* ── Plugin chapter list ─────────────────────────────── */
.wp-manga-chapter a {
	color: var(--color-primary);
}

ul.main.version-chap li {
	border-color: var(--color-border);
}

/* ── Plugin heading / filter ─────────────────────────── */
.c-blog__heading {
	color: var(--color-text-primary);
}

/* ── Bootstrap .dropdown-menu override ───────────────── */
.dropdown-menu {
	background-color: var(--color-surface);
	border-color: var(--color-border);
	color: var(--color-text-primary);
}

.dropdown-item {
	color: var(--color-text-primary);
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: var(--color-surface-hover);
	color: var(--color-text-primary);
}

/* ── Bootstrap .table overrides ──────────────────────── */
.table {
	color: var(--color-text-primary);
}

.table td,
.table th {
	border-color: var(--color-border);
}

/* ── Bootstrap .modal overrides ──────────────────────── */
.modal-content {
	background-color: var(--color-surface);
	color: var(--color-text-primary);
	border-color: var(--color-border);
}

/* ── Dark-mode specific overrides ────────────────────── */
[data-theme="dark"] body {
	background-color: var(--color-background);
	color: var(--color-text-primary);
}

[data-theme="dark"] .card,
[data-theme="dark"] .page-item-detail {
	background-color: var(--color-surface);
	border-color: var(--color-border);
}

[data-theme="dark"] .section-alt {
	background-color: var(--color-surface);
}

[data-theme="dark"] .search-card {
	background-color: var(--color-surface);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .search-field select,
[data-theme="dark"] .search-field input {
	background-color: var(--color-background);
	color: var(--color-text-primary);
	border-color: var(--color-border);
}

[data-theme="dark"] .taxonomy-card img {
	opacity: 0.85;
}

[data-theme="dark"] select,
[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 {
	background-color: var(--color-background);
	color: var(--color-text-primary);
	border-color: var(--color-border);
}

/* Status badges – inverted for dark bg */
[data-theme="dark"] .manga-status-badge.status-on-going,
[data-theme="dark"] .manga-status-badge.status-ongoing {
	background: rgba(59, 130, 246, 0.2);
	color: #93bbfd;
}

[data-theme="dark"] .manga-status-badge.status-completed,
[data-theme="dark"] .manga-status-badge.status-end {
	background: rgba(16, 185, 129, 0.2);
	color: #6ee7b7;
}

[data-theme="dark"] .manga-status-badge.status-canceled {
	background: rgba(239, 68, 68, 0.2);
	color: #fca5a5;
}

/* Listing status badges */
[data-theme="dark"] .listing-status-badge.status-open {
	background: rgba(16, 185, 129, 0.2);
	color: #6ee7b7;
}

[data-theme="dark"] .listing-status-badge.status-closed {
	background: rgba(239, 68, 68, 0.2);
	color: #fca5a5;
}

[data-theme="dark"] .listing-category-badge {
	background: rgba(37, 99, 235, 0.85);
}

/* Hero section – stays fine (overlay-based) */

/* Footer */
[data-theme="dark"] .site-footer {
	background-color: var(--color-secondary);
}

/* Plugin-specific dark overrides */
[data-theme="dark"] .c-blog-listing .listing-wrap,
[data-theme="dark"] .tab-content,
[data-theme="dark"] .tab-content-wrap,
[data-theme="dark"] .c-tabs-item__content,
[data-theme="dark"] .c-page-content {
	background-color: transparent;
}

[data-theme="dark"] .entry-header.header,
[data-theme="dark"] .entry-header.footer {
	background-color: var(--color-surface);
	border-color: var(--color-border);
}

[data-theme="dark"] .entry-header select {
	background-color: var(--color-background);
	color: var(--color-text-primary);
	border-color: var(--color-border);
}

[data-theme="dark"] .dropdown-menu {
	background-color: var(--color-surface-elevated);
	border-color: var(--color-border);
}

[data-theme="dark"] .dropdown-item {
	color: var(--color-text-primary);
}

[data-theme="dark"] .dropdown-item:hover {
	background-color: var(--color-surface-hover);
}

[data-theme="dark"] .modal-content {
	background-color: var(--color-surface);
	border-color: var(--color-border);
}

[data-theme="dark"] .table {
	color: var(--color-text-primary);
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
	border-color: var(--color-border);
}

/* Manga card on front-page */
[data-theme="dark"] .manga-card .card-content h3 a {
	color: var(--color-text-primary);
}

[data-theme="dark"] .manga-card .card-content h3 a:hover {
	color: var(--color-primary-light);
}

/* Alert boxes */
[data-theme="dark"] .alert-success {
	background-color: rgba(16, 185, 129, 0.15);
	color: #6ee7b7;
	border-color: rgba(16, 185, 129, 0.3);
}

[data-theme="dark"] .alert-warning {
	background-color: rgba(245, 158, 11, 0.15);
	color: #fbbf24;
	border-color: rgba(245, 158, 11, 0.3);
}

[data-theme="dark"] .alert-error {
	background-color: rgba(239, 68, 68, 0.15);
	color: #fca5a5;
	border-color: rgba(239, 68, 68, 0.3);
}

[data-theme="dark"] .alert-info {
	background-color: rgba(59, 130, 246, 0.15);
	color: #93bbfd;
	border-color: rgba(59, 130, 246, 0.3);
}

/* Genre tags in dark mode */
[data-theme="dark"] .genre-tag {
	background: rgba(37, 99, 235, 0.15);
	border-color: rgba(37, 99, 235, 0.3);
}

/* Plugin's .wp-manga-chapter-listing */
[data-theme="dark"] .wp-manga-chapter-listing .wp-manga-chapter,
[data-theme="dark"] .listing-chapters_wrap,
[data-theme="dark"] .version-chap {
	background: var(--color-surface);
	border-color: var(--color-border);
}

[data-theme="dark"] ul.main.version-chap li {
	border-color: var(--color-border);
}

/* Plugin manga filter buttons */
[data-theme="dark"] .manga-filter .btn-filter,
[data-theme="dark"] .c-blog__heading .manga-filter a {
	background: var(--color-background);
	color: var(--color-text-primary);
	border-color: var(--color-border);
}

/* Plugin content read-more */
[data-theme="dark"] .summary__content.show-more::after {
	background: linear-gradient(transparent, var(--color-surface));
}

/* Plugin breadcrumb */
[data-theme="dark"] .breadcrumb-list {
	color: var(--color-text-muted);
}

/* Section heading text */
[data-theme="dark"] .section-heading h1,
[data-theme="dark"] .section-heading h2,
[data-theme="dark"] .section-heading h3 {
	color: var(--color-text-primary);
}

[data-theme="dark"] .section-heading p {
	color: var(--color-text-secondary);
}

/* Card text */
[data-theme="dark"] .card-content h3,
[data-theme="dark"] .card-content h4 {
	color: var(--color-text-primary);
}

[data-theme="dark"] .card-content h3 a,
[data-theme="dark"] .card-content h4 a {
	color: var(--color-text-primary);
}

[data-theme="dark"] .card-content h3 a:hover,
[data-theme="dark"] .card-content h4 a:hover {
	color: var(--color-primary-light);
}

[data-theme="dark"] .card-content p,
[data-theme="dark"] .card-content .meta {
	color: var(--color-text-secondary);
}

/* Enhanced card specifics */
[data-theme="dark"] .enhanced-card .card-address {
	color: var(--color-text-secondary);
}

[data-theme="dark"] .enhanced-card .card-rating .rating-count {
	color: var(--color-text-muted);
}

[data-theme="dark"] .enhanced-card .card-action-link {
	color: var(--color-text-secondary);
	background: var(--color-surface-hover);
	border-color: var(--color-border);
}

[data-theme="dark"] .enhanced-card .card-action-link:hover {
	color: var(--color-primary-light);
}

[data-theme="dark"] .enhanced-card .card-meta .meta-item {
	color: var(--color-text-secondary);
}

/* Quick action buttons */
[data-theme="dark"] .card-quick-actions .quick-action-btn {
	background: rgba(30, 41, 59, 0.85);
	color: var(--color-text-primary);
}

/* Back to top button */
[data-theme="dark"] .back-to-top {
	background: var(--color-primary);
}