/**
 * Valui Blog — Single post dark mode
 * Tokens from Figma Post / Desktop / Dark (21:1296)
 * Applied to mobile + desktop via [data-theme="dark"]
 */

/*--------------------------------------------------------------
# Shell
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post {
	background: #111827;
	color: #f9fafb;
}

/*--------------------------------------------------------------
# Breadcrumb & header
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post__breadcrumb,
[data-theme="dark"] .valui-post__breadcrumb a,
[data-theme="dark"] .valui-post__breadcrumb-sep,
[data-theme="dark"] .valui-post__breadcrumb-current {
	color: #9ca3af;
}

[data-theme="dark"] .valui-post__breadcrumb a:hover {
	color: #a366ff;
}

[data-theme="dark"] .valui-post__category {
	background: #2e1a47;
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__reading,
[data-theme="dark"] .valui-post__date,
[data-theme="dark"] .valui-post__date-row {
	color: #9ca3af;
}

[data-theme="dark"] .valui-post__title,
[data-theme="dark"] .valui-post__author-name {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__dek {
	color: #d1d5db;
}

[data-theme="dark"] .valui-post__avatar {
	background: #2e1a47;
	color: #a366ff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .valui-post__share-wa,
[data-theme="dark"] .valui-post__share-copy {
	background: #1f2937;
	color: #f9fafb;
	border: 1px solid #374151;
}

[data-theme="dark"] .valui-post__share-desktop {
	background: #1f2937;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	border: 1px solid #374151;
}

[data-theme="dark"] .valui-post__share-icon {
	background: transparent;
}

/* Light-authored SVGs: lift contrast on dark surfaces */
[data-theme="dark"] .valui-post__reading img,
[data-theme="dark"] .valui-post__share-wa img,
[data-theme="dark"] .valui-post__share-copy img,
[data-theme="dark"] .valui-post__share-icon img {
	filter: brightness(0) invert(1);
	opacity: 0.85;
}

[data-theme="dark"] .valui-post__share-social img {
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post__featured-frame {
	background: #1f2937;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .valui-post__featured-caption {
	color: #d1d5db;
	background: linear-gradient(transparent, rgba(17, 24, 39, 0.92));
}

/*--------------------------------------------------------------
# Body / prose
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post__body {
	color: #e5e7eb;
}

[data-theme="dark"] .valui-post__body h2,
[data-theme="dark"] .valui-post__body h3,
[data-theme="dark"] .valui-post__body li strong {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__body blockquote {
	background: #1e1b2e;
	border-left-color: #8000ff;
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__body blockquote p {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__body blockquote cite,
[data-theme="dark"] .valui-post__body blockquote footer {
	color: #a366ff;
}

[data-theme="dark"] .valui-post__body li::marker {
	color: #00e000;
}

[data-theme="dark"] .valui-post__body figcaption {
	color: #9ca3af;
}

[data-theme="dark"] .valui-post__body a {
	color: #a366ff;
}

[data-theme="dark"] .valui-post__body figure img {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

/*--------------------------------------------------------------
# Tags
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post__tags-label {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__tag {
	background: #1f2937;
	color: #d1d5db;
	border: 1px solid #374151;
}

[data-theme="dark"] .valui-post__tag:hover {
	background: #2e1a47;
	color: #a366ff;
	border-color: #4c1d95;
}

/*--------------------------------------------------------------
# Ecosystem (mobile)
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post__ecosystem-card {
	background: #1f2937;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	border: 1px solid #374151;
}

[data-theme="dark"] .valui-post__ecosystem-title,
[data-theme="dark"] .valui-post__ecosystem-heading {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__ecosystem-text,
[data-theme="dark"] .valui-post__newsletter-label {
	color: #9ca3af;
}

[data-theme="dark"] .valui-post__ecosystem-link {
	background: #111827;
	color: #f9fafb;
	box-shadow: none;
	border: 1px solid #374151;
}

[data-theme="dark"] .valui-post__ecosystem-link--ghost {
	background: transparent;
	border-color: #4b5563;
}

[data-theme="dark"] .valui-post__ecosystem-link img {
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

[data-theme="dark"] .valui-post__newsletter-row input {
	background: #111827;
	border-color: #374151;
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__newsletter-row input:focus {
	color: #f9fafb !important;
	-webkit-text-fill-color: #f9fafb;
}

[data-theme="dark"] .valui-post__newsletter-row input::placeholder {
	color: #6b7280;
}

[data-theme="dark"] .valui-post__newsletter-row button {
	background: #8000ff;
	color: #fff;
}

/*--------------------------------------------------------------
# Related
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post__related-title {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__related-all,
[data-theme="dark"] .valui-post__related-read {
	color: #a366ff;
}

[data-theme="dark"] .valui-post__related-card {
	background: #1f2937;
	border-color: #374151;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .valui-post__related-cat,
[data-theme="dark"] .valui-post__related-mins,
[data-theme="dark"] .valui-post__related-tile-meta {
	color: #9ca3af;
}

[data-theme="dark"] .valui-post__related-card-title,
[data-theme="dark"] .valui-post__related-tile h3 {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__related-tile p {
	color: #9ca3af;
}

/*--------------------------------------------------------------
# Post nav & tools (desktop)
--------------------------------------------------------------*/
[data-theme="dark"] .valui-post__nav-item {
	background: #1f2937;
	border-color: #374151;
}

[data-theme="dark"] .valui-post__nav-label {
	color: #9ca3af;
}

[data-theme="dark"] .valui-post__nav-title {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__tools {
	background: linear-gradient(156deg, #1f2937 0%, #161f30 50%, #1f1633 100%);
	border: 1px solid #374151;
}

[data-theme="dark"] .valui-post__tools-title,
[data-theme="dark"] .valui-post__tool h3 {
	color: #f9fafb;
}

[data-theme="dark"] .valui-post__tool {
	background: #111827;
	border-color: #374151;
}

[data-theme="dark"] .valui-post__tool p {
	color: #9ca3af;
}

[data-theme="dark"] .valui-post__tool a {
	color: #a366ff;
}

[data-theme="dark"] .valui-post__tool-btn {
	background: #8000ff;
	color: #fff !important;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
[data-theme="dark"] .valui-comments__title {
	color: #f9fafb;
}

[data-theme="dark"] .valui-comments__badge {
	color: #9ca3af;
}

[data-theme="dark"] .valui-comments__join,
[data-theme="dark"] .valui-comment__reply a {
	color: #a366ff;
}

[data-theme="dark"] .valui-comment__avatar {
	background: #2e1a47;
	color: #a366ff;
}

[data-theme="dark"] .valui-comment__author {
	color: #f9fafb;
}

[data-theme="dark"] .valui-comment__time {
	color: #6b7280;
}

[data-theme="dark"] .valui-comment__text {
	color: #d1d5db;
}

[data-theme="dark"] .valui-comments__form-title {
	color: #f9fafb;
}

[data-theme="dark"] .valui-comments__form input[type="text"],
[data-theme="dark"] .valui-comments__form input[type="email"],
[data-theme="dark"] .valui-comments__form textarea {
	background: #111827;
	border-color: #374151;
	color: #f9fafb;
}

[data-theme="dark"] .valui-comments__form input[type="text"]:focus,
[data-theme="dark"] .valui-comments__form input[type="email"]:focus,
[data-theme="dark"] .valui-comments__form textarea:focus {
	color: #f9fafb !important;
	-webkit-text-fill-color: #f9fafb;
}

[data-theme="dark"] .valui-comments__form input::placeholder,
[data-theme="dark"] .valui-comments__form textarea::placeholder {
	color: #6b7280;
}

[data-theme="dark"] .valui-comments__form .comment-form-cookies-consent {
	color: #9ca3af;
}

[data-theme="dark"] .valui-comments__submit {
	background: #8000ff;
	color: #fff;
}

[data-theme="dark"] .valui-comments__submit img {
	filter: brightness(0) invert(1);
}

[data-theme="dark"] .no-comments {
	color: #9ca3af;
}

/*--------------------------------------------------------------
# Desktop tweaks aligned to 21:1296
--------------------------------------------------------------*/
@media (min-width: 1024px) {
	[data-theme="dark"] .valui-post__category {
		background: #2e1a47;
		color: #f9fafb;
	}

	[data-theme="dark"] .valui-post__body blockquote {
		background: #1e1b2e;
		border-left: 4px solid #8000ff;
		border-radius: 16px;
	}

	[data-theme="dark"] .valui-post__byline {
		padding: 16px;
		border-radius: 12px;
		background: rgba(31, 41, 55, 0.55);
		border: 1px solid #374151;
	}
}