/**
 * RICH JILI dark landing (.fp-index-main--rj):
 * 1) Override theme-style / site-reading-unify global #main-content !important colors.
 * 2) When main.fp-index-main--rj exists, align body/html, header, .kjl-content-frame, footer, mobile menu with slate-950 (remove light backgrounds/gradients).
 *
 * Load order: after blogshare-site-reading-unify, blogshare-front-page-index (and blogshare-front-page when registered).
 *
 * @package blogshare
 */

#main-content.fp-index-main.fp-index-main--rj {
	color: rgb(226 232 240) !important;
}

#main-content.fp-index-main.fp-index-main--rj h1,
#main-content.fp-index-main.fp-index-main--rj h2,
#main-content.fp-index-main.fp-index-main--rj h3,
#main-content.fp-index-main.fp-index-main--rj h4,
#main-content.fp-index-main.fp-index-main--rj h5,
#main-content.fp-index-main.fp-index-main--rj h6 {
	color: inherit !important;
}

#main-content.fp-index-main.fp-index-main--rj p,
#main-content.fp-index-main.fp-index-main--rj li,
#main-content.fp-index-main.fp-index-main--rj dd,
#main-content.fp-index-main.fp-index-main--rj dt {
	color: inherit !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-white,
#main-content.fp-index-main.fp-index-main--rj h1.text-white,
#main-content.fp-index-main.fp-index-main--rj h2.text-white,
#main-content.fp-index-main.fp-index-main--rj h3.text-white,
#main-content.fp-index-main.fp-index-main--rj time.text-white,
#main-content.fp-index-main.fp-index-main--rj strong.text-white {
	color: rgb(255 255 255) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-teal-200 {
	color: rgb(153 246 228) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-300 {
	color: rgb(94 234 212) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-400 {
	color: rgb(45 212 191) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-500 {
	color: rgb(20 184 166) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-300\/90 {
	color: rgba(94, 234, 212, 0.9) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-slate-200\/90 {
	color: rgba(226, 232, 240, 0.9) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-slate-200 {
	color: rgb(226 232 240) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-300 {
	color: rgb(203 213 225) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-400 {
	color: rgb(148 163 184) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-500 {
	color: rgb(100 116 139) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-600 {
	color: rgb(71 85 105) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-900 {
	color: rgb(15 23 42) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-amber-400 {
	color: rgb(251 191 36) !important;
}

#main-content.fp-index-main.fp-index-main--rj a.text-teal-400 {
	color: rgb(45 212 191) !important;
}
#main-content.fp-index-main.fp-index-main--rj a.text-teal-500 {
	color: rgb(20 184 166) !important;
}

#main-content.fp-index-main.fp-index-main--rj a.text-teal-400:hover,
#main-content.fp-index-main.fp-index-main--rj a.hover\:text-teal-300:hover {
	color: rgb(94 234 212) !important;
}
#main-content.fp-index-main.fp-index-main--rj a.text-teal-500:hover,
#main-content.fp-index-main.fp-index-main--rj a.hover\:text-teal-400:hover {
	color: rgb(45 212 191) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h1,
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h2,
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h3 {
	color: inherit !important;
}

/**
 * RICH JILI dark shell: full page matches main slate-950; strips light backgrounds on body/header/.kjl-content-frame/footer/mobile nav.
 * Only when main.fp-index-main--rj exists (does not affect other light fp-index pages).
 */
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) {
	--theme-page-bg: rgb(2 6 23);
	--theme-content-bg: rgb(2 6 23);
	--lv-read-surface: rgb(2 6 23);
	--kjl-page-edge: rgb(2 6 23);
	background: rgb(2 6 23) !important;
	background-image: none !important;
	color: rgb(203 213 225) !important;
}

html:has(main#main-content.fp-index-main.fp-index-main--rj) {
	background-color: rgb(2 6 23) !important;
}

@media (max-width: 1023px) {
	body.kjl-landing.lotsa-light-home:has(main#main-content.fp-index-main.fp-index-main--rj) {
		background: rgb(2 6 23) !important;
		background-image: none !important;
	}
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-frame,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-frame--sub {
	background-color: rgb(2 6 23) !important;
	background-image: none !important;
	box-shadow: none !important;
	border-color: rgb(51 65 85) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-inner::before {
	opacity: 0.12;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) header.lv-site-header.kjl-top-header,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-site-header.kjl-top-header {
	background: rgba(2, 6, 23, 0.94) !important;
	border-bottom-color: rgb(51 65 85) !important;
	box-shadow: none !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .lv-menu-desktop a {
	color: rgb(226 232 240) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a:focus-visible,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .lv-menu-desktop a:hover {
	color: rgb(94 234 212) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop .current-menu-item > a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop .current_page_item > a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .current-menu-item > a {
	color: rgb(94 234 212) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-text-logo__king {
	color: rgb(94 234 212) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-text-logo__jili {
	color: rgb(226 232 240) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-brand-domain {
	color: rgb(148 163 184) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-brand-lockup__name {
	color: rgb(241 245 249) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-brand-lockup__domain {
	color: rgb(148 163 184) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #nav-toggle {
	border-color: rgb(71 85 105) !important;
	background: rgb(15 23 42) !important;
	color: rgb(226 232 240) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #nav-toggle:hover {
	color: rgb(94 234 212) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav {
	background: rgb(15 23 42) !important;
	border-top-color: rgb(51 65 85) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav a {
	color: rgb(226 232 240) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon.kjl-footer,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon {
	background: rgb(2 6 23) !important;
	background-image: none !important;
	border-top-color: rgb(51 65 85) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-nav {
	background: rgba(15, 23, 42, 0.9) !important;
	border-color: rgba(148, 163, 184, 0.22) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .text-gray-300,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-footer-nav,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-footer-menu a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon a {
	color: rgb(203 213 225) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-menu a:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-menu a:focus-visible {
	background: rgba(45, 212, 191, 0.12) !important;
	border-color: rgba(45, 212, 191, 0.38) !important;
	color: rgb(94 234 212) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-legal__copy {
	color: rgb(203 213 225) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-brand__link,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__name {
	color: rgb(226 232 240) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__host {
	color: rgb(148 163 184) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:focus-visible {
	color: rgb(94 234 212) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:hover .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:focus-visible .kjl-footer-brand__host {
	color: rgb(148 163 184) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-blurb,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-blurb p {
	color: rgb(203 213 225) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-legal__disclaimer {
	color: rgb(148 163 184) !important;
	opacity: 1 !important;
}

/*
 * Reviews / lv-inner-page: override inner-pages.css light gray text and transparent cards on body.kjl-landing #main-content.lv-inner-page.
 */
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page p,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page li,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--prose p {
	color: rgb(203 213 225) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec > h2 {
	color: rgb(255 255 255) !important;
	border-bottom-color: rgba(148, 163, 184, 0.35) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero {
	background: rgb(30 41 59) !important;
	border-color: rgb(51 65 85) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero h1 {
	color: rgb(255 255 255) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero p {
	color: rgb(203 213 225) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes blockquote {
	border-left-color: rgba(45, 212, 191, 0.55) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes blockquote p {
	color: rgb(203 213 225) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes cite {
	color: rgb(148 163 184) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--media .page-media-item {
	border: 1px solid rgb(51 65 85) !important;
	background: rgb(15 23 42) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page section:hover {
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.25) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj)
	#main-content.lv-inner-page .lv-sec--score > article.lv-score-card {
	background: rgba(15, 23, 42, 0.92) !important;
	border: 1px solid rgb(51 65 85) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj)
	#main-content.lv-inner-page .lv-sec--score > article.lv-score-card > p {
	color: rgb(203 213 225) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-score-card__title {
	color: rgb(248 250 252) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-score-card__value {
	color: rgb(94 234 212) !important;
}

/** Default WP page.php (.kjl-default-page): override site-reading-unify light prose variables / !important. */
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose {
	color: rgb(203 213 225) !important;
	--tw-prose-body: rgb(203 213 225) !important;
	--tw-prose-headings: rgb(248 250 252) !important;
	--tw-prose-bold: rgb(248 250 252) !important;
	--tw-prose-bullets: rgb(148 163 184) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose > :where(p, li):not(.wp-block-quote),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose > :where(p, li):not(.wp-block-quote),
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(li)::marker,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(li)::marker {
	color: rgb(203 213 225) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h2, h3, h4, h5, h6),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h2, h3, h4, h5, h6) {
	color: rgb(248 250 252) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h1),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h1) {
	color: rgb(248 250 252) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(strong),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(strong) {
	color: rgb(248 250 252) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a) {
	color: rgb(94 234 212) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a):hover,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a):hover {
	color: rgb(45 212 191) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(table),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(table) {
	color: rgb(203 213 225) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(th),
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(td),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(th),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(td) {
	color: rgb(203 213 225) !important;
	border-color: rgb(51 65 85) !important;
}

/* RICH JILI dark shell: mobile drawer link tap highlight (overrides gold from mobile-tune). */
@media (max-width: 1023px) {
	body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav.lv-mobile-nav:not(.hidden) a[href] {
		-webkit-tap-highlight-color: rgba(45, 212, 191, 0.15);
	}
}