/**
 * Dark Mode Transitions & Overrides
 *
 * @package AL_Muslim_Hindi
 */

html, body, header, footer, .almuslim-search-result-card, .almuslim-saved-card, .almuslim-history-card, .search-input-inner, .almuslim-bottom-nav, .action-pill-btn, .cat-card-icon-wrap {
	transition: background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal);
}

[data-theme="dark"] .badge-lang,
[data-theme="dark"] .sub-badge-lang,
[data-theme="dark"] .result-category-badge,
[data-theme="dark"] .single-cat-badge {
	background-color: rgba(0, 179, 134, 0.2);
	color: #00E6AC;
	border-color: rgba(0, 179, 134, 0.4);
}

[data-theme="dark"] .search-input-inner {
	background-color: #1A1A1A;
	border-color: #333333;
}

[data-theme="dark"] .search-input-inner:focus-within {
	border-color: #00B386;
	box-shadow: 0 0 0 3px rgba(0, 179, 134, 0.25);
}

[data-theme="dark"] .almuslim-bottom-nav {
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.4);
}

/* Related Posts in Dark Mode */
[data-theme="dark"] .related-post-card {
	background-color: #202124 !important;
	border-color: #303134 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .related-post-card:hover {
	border-color: #00D09C !important;
	background-color: #25272a !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .related-card-title {
	color: #E8EAED !important;
}

[data-theme="dark"] .related-cat-tag {
	color: #00D09C !important;
	background-color: rgba(0, 208, 156, 0.1) !important;
	border-color: rgba(0, 208, 156, 0.2) !important;
}

[data-theme="dark"] .related-thumbnail {
	background-color: #18191A !important;
	border-color: #3C4043 !important;
}

[data-theme="dark"] .skeleton-card {
	background-color: #1A1A1A;
	border-color: #282828;
}

[data-theme="dark"] .skeleton-line {
	background: linear-gradient(90deg, #242424 25%, #333333 50%, #242424 75%);
	background-size: 200% 100%;
}

/* Smart Logo Invert for Dark Mode */
[data-theme="dark"] .custom-logo-wrap img.custom-logo {
	filter: brightness(0) invert(1); /* Forces a white logo */
}