/**
 * PHWIN site-wide chrome: #1f1f1f skin, yellow accent (#ffeb00), Roboto + readable contrast.
 * Applies with body.phwin-site-shell (all KJL / light-shell routes). Marketing deltas live in phwin-{home,fishing,...}.css.
 *
 * Redefines --lv-read-* / --theme-* consumed by site-reading-unify.css and blog-layout.css.
 * Loads after site-reading-unify. Header/footer aligned with assets/css/rj-landing-overrides.css.
 *
 * @package blogshare
 */

body.phwin-site-shell.lotsa-light-home {
	--lv-read-ink: #f8fafc;
	--lv-read-muted: #cbd5e1;
	--lv-read-accent: #ffeb00;
	--lv-read-accent-hover: #fff176;
	--lv-read-surface: #1f1f1f;
	--theme-page-bg: #1f1f1f;
	--theme-content-bg: #252525;
	--theme-content-bg-elevated: #2d2d2d;
	--kjl-page-edge: #1f1f1f;
	--kjl-terra: #252525;
	--kjl-terra2: #323232;
	--kjl-ink: #f1f5f9;
	--theme-primary: #ffeb00;
	--theme-primary-rgb: 255, 235, 0;
	--theme-primary-dim: #e6cf00;
	--theme-primary-contrast: #1a1a1a;

	font-family: Roboto, ui-sans-serif, system-ui, sans-serif !important;

	background-color: var(--lv-read-surface) !important;
	color: var(--lv-read-muted) !important;
}

body.phwin-site-shell {
	background-image: none !important;
}

#main-content.phwin-licenses-bg {
	position: relative;
	background-color: #222;
	background-image: url("../img/7742632.webp");
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#main-content.phwin-licenses-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(31, 31, 31, 0.94);
	pointer-events: none;
}

#main-content.phwin-licenses-bg > * {
	position: relative;
	z-index: 1;
}

#main-content.phwin-licenses-bg > section {
	background: transparent !important;
}


html:has(body.phwin-site-shell) {
	background-color: #1f1f1f;
}

/* theme-style.scss: strip light section backgrounds ------------------------------------------------ */
body.phwin-site-shell #main-content:not(.jg-page):not(.fp-phwin-home):not(.fp-phwin-fishing):not(.fp-phwin-promos):not(.fp-phwin-slots),
body.phwin-site-shell main#content.site-main:not(.jg-page),
body.phwin-site-shell main#content[role='main']:not(.jg-page),
body.phwin-site-shell .kjl-content-frame,
body.phwin-site-shell .kjl-content-frame--sub {
	background-color: var(--theme-content-bg, #252525) !important;
	background-image: none !important;
}

body.phwin-site-shell .lv-blog-hero,
body.phwin-site-shell .lv-single-hero {
	background-image: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%) !important;
	border-color: rgba(148, 163, 184, 0.22) !important;
}

body.phwin-site-shell .lv-blog-list-wrap,
body.phwin-site-shell section.border-b.border-slate-200\/60,
body.phwin-site-shell section.border-b.border-slate-200\/80 {
	background-color: #1f1f1f !important;
}

/* ---------- KJL chrome: dark header / footer (same intent as rj-landing-overrides) ------------- */
body.phwin-site-shell.kjl-landing header.lv-site-header.kjl-top-header,
body.phwin-site-shell.kjl-landing .lv-site-header.kjl-top-header {
	background: rgba(31, 31, 31, 0.96) !important;
	border-bottom-color: rgba(82, 82, 82, 0.6) !important;
	box-shadow: none !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.phwin-site-shell.kjl-landing .kjl-top-header #lv-nav-desktop a,
body.phwin-site-shell.kjl-landing .kjl-top-header .lv-menu-desktop a {
	color: rgb(226 232 240) !important;
}

body.phwin-site-shell.kjl-landing .kjl-top-header #lv-nav-desktop a:hover,
body.phwin-site-shell.kjl-landing .kjl-top-header #lv-nav-desktop a:focus-visible,
body.phwin-site-shell.kjl-landing .kjl-top-header .lv-menu-desktop a:hover {
	color: rgb(255 235 0) !important;
}

body.phwin-site-shell.kjl-landing .kjl-text-logo__king {
	color: rgb(255 235 0) !important;
}

body.phwin-site-shell.kjl-landing .kjl-text-logo__jili {
	color: rgb(226 232 240) !important;
}

body.phwin-site-shell.kjl-landing .kjl-brand-domain {
	color: rgb(148 163 184) !important;
}

body.phwin-site-shell.kjl-landing .lv-brand-lockup__name {
	color: rgb(241 245 249) !important;
}

body.phwin-site-shell.kjl-landing .lv-brand-lockup__domain {
	color: rgb(148 163 184) !important;
}

body.phwin-site-shell.kjl-landing .kjl-header-btn.kjl-header-btn--login {
	color: var(--theme-primary-contrast) !important;
}

body.phwin-site-shell.kjl-landing .kjl-top-header #nav-toggle {
	border-color: rgb(71 85 105) !important;
	background: rgb(38 38 38) !important;
	color: rgb(226 232 240) !important;
}

body.phwin-site-shell.kjl-landing .kjl-top-header #nav-toggle:hover {
	color: rgb(255 235 0) !important;
}

body.phwin-site-shell.kjl-landing #mobile-nav.lv-mobile-nav {
	background: #252525 !important;
	border-top-color: rgba(82, 82, 82, 0.55) !important;
}

body.phwin-site-shell.kjl-landing #mobile-nav.lv-mobile-nav a {
	color: rgb(226 232 240) !important;
}

body.phwin-site-shell.kjl-landing #colophon.kjl-footer,
body.phwin-site-shell.kjl-landing #colophon {
	background: #181818 !important;
	border-top-color: rgba(82, 82, 82, 0.55) !important;
	box-shadow: none !important;
}

body.phwin-site-shell.kjl-landing #colophon .kjl-footer-blurb {
	color: #cbd5e1 !important;
}

body.phwin-site-shell.kjl-landing #colophon .kjl-footer-brand__name,
body.phwin-site-shell.kjl-landing #colophon .kjl-footer-brand__host {
	color: rgb(226 232 240) !important;
}

body.phwin-site-shell.kjl-landing #colophon .kjl-footer-legal,
body.phwin-site-shell.kjl-landing #colophon .text-slate-600 {
	color: #94a3b8 !important;
}

body.phwin-site-shell.kjl-landing .kjl-footer-bottom .lv-footer-nav {
	background: rgba(25, 25, 25, 0.95) !important;
	border-color: rgba(148, 163, 184, 0.2) !important;
}

body.phwin-site-shell.kjl-landing #colophon .phwin-footer-wrap {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}

body.phwin-site-shell.kjl-landing #colophon .kjl-footer-blurb {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.94rem;
	line-height: 1.8;
}

body.phwin-site-shell.kjl-landing #colophon .kjl-footer-bottom {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(148, 163, 184, 0.2);
	display: grid;
	gap: 0.85rem;
}

body.phwin-site-shell.kjl-landing #colophon .lv-footer-menu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.2rem 0.5rem;
	border-radius: 9999px;
	border: 1px solid transparent;
	transition: all 0.2s ease;
}

body.phwin-site-shell.kjl-landing #colophon .lv-footer-menu a:hover,
body.phwin-site-shell.kjl-landing #colophon .lv-footer-menu a:focus-visible {
	background: rgba(255, 235, 0, 0.08);
	border-color: rgba(255, 235, 0, 0.35);
}

@media (min-width: 768px) {
	body.phwin-site-shell.kjl-landing #colophon .phwin-footer-wrap {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

/* Tailwind leftovers on blog cards / breadcrumbs / sidebar ------------------------------------------------ */
body.phwin-site-shell .text-slate-900,
body.phwin-site-shell .text-slate-800 {
	color: #f8fafc !important;
}

body.phwin-site-shell .text-slate-700 {
	color: #e2e8f0 !important;
}

body.phwin-site-shell .text-slate-600 {
	color: #cbd5e1 !important;
}

body.phwin-site-shell .text-slate-500 {
	color: #94a3b8 !important;
}

body.phwin-site-shell .text-slate-400 {
	color: #94a3b8 !important;
}

body.phwin-site-shell .border-slate-200,
body.phwin-site-shell .border-slate-200\/80,
body.phwin-site-shell .border-slate-200\/60 {
	border-color: rgba(148, 163, 184, 0.22) !important;
}

body.phwin-site-shell .bg-slate-50,
body.phwin-site-shell .bg-slate-50\/90,
body.phwin-site-shell .bg-slate-50\/80,
body.phwin-site-shell .bg-white,
body.phwin-site-shell .bg-white\/95 {
	background-color: #292929 !important;
}

body.phwin-site-shell .lv-post-row {
	border-bottom-color: rgba(148, 163, 184, 0.16) !important;
}

body.phwin-site-shell .lv-pagination-shell {
	border-top-color: rgba(148, 163, 184, 0.22) !important;
}

/* Author card & similar light cards inside articles */
body.phwin-site-shell article .border.border-slate-200.bg-white.shadow-sm {
	background-color: #2a2a2a !important;
	border-color: rgba(148, 163, 184, 0.25) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

body.phwin-site-shell .post-navigation-wrapper [class*='border-slate'],
body.phwin-site-shell .post-navigation-wrapper [class*='bg-white'] {
	border-color: rgba(148, 163, 184, 0.2) !important;
	background-color: #252525 !important;
	color: var(--lv-read-muted) !important;
}

body.phwin-site-shell .rounded-full.border.border-slate-200.bg-slate-50 {
	border-color: rgba(148, 163, 184, 0.25) !important;
	background-color: #333 !important;
	color: var(--lv-read-muted) !important;
}

/* Search page (theme-style + site-reading unify) ---------------------------------------------- */
body.phwin-site-shell #content.srch-pg,
body.phwin-site-shell #content .srch-pg__wrap {
	background-color: transparent !important;
}

body.phwin-site-shell .srch-pg__form-inner,
body.phwin-site-shell .srch-pg__input {
	background-color: #2a2a2a !important;
	border-color: rgba(148, 163, 184, 0.3) !important;
	color: #f8fafc !important;
}

body.phwin-site-shell .srch-pg__results-title {
	color: var(--lv-read-ink) !important;
}

body.phwin-site-shell .lv-sidebar-widget__label {
	color: rgb(226 232 240) !important;
}