/*
Theme Name: Zowin
Theme URI: http://127.0.0.1:8088
Author: Zowin
Description: Theme local cho Rank Math SEO trên Zowin.
Version: 1.0.1
Text Domain: gozowin
*/

html, body,
body.home, body.page, body.boxed, body.bg-fill {
	background-color: #000 !important;
	color: #fff;
}
#wrapper, #main, #content, .page-wrapper,
.header-wrapper, .header-main, .header-bg-color,
.section, .section-bg, .wp-site-blocks {
	background-color: transparent !important;
}

html {
	background-image: linear-gradient(rgba(0,0,0,.62), rgba(0,0,0,.72)), url("/assets/bg-gozowin.webp?v=8") !important;
	background-size: cover !important;
	background-position: center top !important;
	background-attachment: fixed;
}

body {
	margin: 0;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

img { max-width: 100%; height: auto; }

#image_hero {
	width: 100%;
	max-width: 358px;
	margin: 0 auto 8px;
}
#image_hero img {
	display: block;
	margin: 0 auto;
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	max-height: min(48vh, 400px);
	object-fit: contain;
}
#image_playweb,
#image_ios,
#image_apk {
	width: 100%;
	max-width: 320px;
	margin: 0 auto 8px;
}
@media (min-width: 550px) {
	#image_playweb { width: 38%; }
}
@media (max-width: 849px) {
	html, body, #wrapper, #main, .header-wrapper, .header-main, .page-wrapper, .section, .absolute-footer {
		background-color: #000 !important;
		background-image: none !important;
	}
	#image_hero { max-width: 78%; }
	#image_hero img { max-height: min(46dvh, calc(100dvh - 118px - 210px)); }
	#image_playweb, #image_ios, #image_apk {
		display: block !important;
		width: 86% !important;
		max-width: 320px !important;
	}
}

.entry-content { color: #fff; }
.entry-content a { color: #f0be43; }
.col-inner p, .entry-content p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
}
.col-inner h2, .entry-content h2 {
	color: #e8c04a;
	font-size: 1.45em;
	font-weight: 700;
	text-transform: none;
	text-align: left;
	line-height: 1.3;
}
.row.row-main {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}

body.boxed,
body.boxed #wrapper,
body.boxed header,
body.boxed .header-wrapper,
.header-wrapper {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
#header, .header-main, .header-bg-color, .header-bg-image {
	background: transparent !important;
	box-shadow: none !important;
}
.header-bg-container { display: none !important; }
.header-wrapper { opacity: 1 !important; visibility: visible !important; }
.header-inner.logo-center,
.header-inner.flex-row {
	justify-content: center !important;
	max-width: none !important;
	width: 100% !important;
}
#logo {
	position: absolute !important;
	left: 50% !important;
	top: 0;
	transform: translateX(-50%);
	margin: 0 !important;
	width: auto !important;
	text-align: center;
	z-index: 2;
}
#logo img { display: block; margin: 0 auto; }