/* PollyVox v0.15 — light-only production baseline and navigation polish. */

/* The supported public palette is light only. These declarations intentionally
   win over legacy data-theme and prefers-color-scheme rules. */
:root,
:root[data-pv-theme="dark"],
:root[data-pv-theme="light"] {
	color-scheme: light !important;
}
html,
body,
.pv-light-only {
	background: var(--pv-surface, #fff) !important;
	color: var(--pv-ink, #101828) !important;
}
.pv-light-only :where(.pv-panel,.pv-card,.pv-widget,.pv-related-card,.pv-sidebar-latest,.pv-movie-info,.pv-entity-facts,.pv-review-verdict,.pv-comments-shell) {
	color: var(--pv-ink, #101828);
}

/* Headings requested as an explicit black/light-palette treatment. */
.pv-related-posts__head h2,
.pv-widget__title,
.pv-sidebar-latest .pv-widget__title,
.pv-layout__aside h2,
.pv-layout__aside h3 {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	background: none !important;
	text-shadow: none !important;
}
.pv-related-posts__head > span { background: var(--pv-accent, #ef443b) !important; }

/* Search remains visible in both desktop and phone header actions. */
.pv-search-toggle {
	display: inline-grid !important;
	place-items: center;
	visibility: visible !important;
	opacity: 1 !important;
	flex: 0 0 auto;
}
.pv-search-toggle svg { display: block !important; }

/* A more substantial phone flyout with wide pill-shaped links. */
@media (max-width: 782px) {
	.pv-nav {
		width: clamp(270px, var(--pv-mobile-menu-width, 68vw), 560px);
		padding-inline: 20px;
	}
	.pv-nav__list { gap: 10px; }
	.pv-header-pill .pv-nav__list > li > a,
	.pv-nav__list > li > a {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: var(--pv-mobile-menu-link-height, 50px);
		padding-inline: var(--pv-mobile-menu-link-x, 22px);
	}
	.pv-nav__list .sub-menu { margin: 8px 0 0 12px; }
	.pv-nav__list .sub-menu a { padding-inline: 18px; }
}

/* Remove any legacy dark-palette branch that might survive in cached markup. */
[data-pv-theme="dark"] :where(.pv-related-posts__head h2,.pv-widget__title,.pv-layout__aside h2,.pv-layout__aside h3) {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}