/**
 * Dark mode — section tuning and toggle UI.
 */

/* Theme toggle */
.iqra-site-header__theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 1px solid var(--color-border-light);
	border-radius: var(--radius-md);
	background: transparent;
	color: var(--color-text-primary);
	cursor: pointer;
	flex-shrink: 0;
	transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;
}

.iqra-site-header__theme-toggle:hover {
	border-color: var(--color-border-medium);
	color: var(--color-accent);
}

.iqra-theme-icon {
	display: block;
}

.iqra-theme-icon--moon {
	display: none;
}

html[data-theme="dark"] .iqra-theme-icon--sun {
	display: none;
}

html[data-theme="dark"] .iqra-theme-icon--moon {
	display: block;
}

html[data-theme="dark"] .iqra-site-header__theme-toggle.is-dark,
html[data-theme="dark"] #iqra-theme-toggle[aria-pressed="true"] {
	color: var(--color-accent);
}

/* Header dropdowns & search */
html[data-theme="dark"] .iqra-site-header__dropdown {
	background: var(--color-bg-surface);
	border-color: var(--color-border-light);
	box-shadow: 0 12px 32px var(--color-overlay);
}

html[data-theme="dark"] .iqra-site-header__search-panel {
	background: var(--color-bg-surface);
	border-color: var(--color-border-light);
}

html[data-theme="dark"] .iqra-site-header__subnav {
	background: var(--color-bg-subtle);
	border-color: var(--color-border-light);
}

/* Mobile nav drawer */
html[data-theme="dark"] .iqra-site-header__nav-left {
	background: var(--color-bg-surface);
}

html[data-theme="dark"] .iqra-site-header__mobile-nav-head {
	border-color: var(--color-border-light);
}

/* Navy bands stay intentional in dark mode */
html[data-theme="dark"] .section-hadith {
	background: var(--color-bg-navy);
}

html[data-theme="dark"] .about-values {
	background: var(--navy-800);
}

/* Cards on subtle sections */
html[data-theme="dark"] .about-pillar-card,
html[data-theme="dark"] .founder-area-card {
	background: var(--color-bg-surface);
}

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

/* Category pills */
html[data-theme="dark"] .pill,
html[data-theme="dark"] .category-label {
	background: var(--color-navy-light);
	color: var(--color-navy-text);
}

/* Reading progress & sticky sidebar */
html[data-theme="dark"] .reading-progress-bar__track {
	background: var(--color-border-light);
}

html[data-theme="dark"] .sb-block {
	background: var(--color-bg-subtle);
	border-color: var(--color-border-light);
}

/* Images — subtle dim like former plugin */
html[data-theme="dark"] .iqraonline .article-body img,
html[data-theme="dark"] .iqraonline .iqra-article-row__thumb img,
html[data-theme="dark"] .iqraonline .hero-featured__image-wrap img,
html[data-theme="dark"] .iqraonline .video-card__thumb img {
	opacity: 0.92;
}

/* Logo on dark header */
html[data-theme="dark"] .iqra-site-header__brand .custom-logo-link img {
	filter: brightness(1.05);
}

@media (max-width: 900px) {
	html[data-theme="dark"] .iqra-site-header__support {
		border-color: var(--color-border-light);
	}
}