/*
Theme Name: YonoPlayIn
Theme URI: https://yonoplayin.com/
Author: YonoPlayIn
Description: Landing and SEO theme styled after yonoarcade layout for YonoPlayIn.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: yonoplayin
*/

/* Theme-specific overrides (main styles in assets/css/style.css) */
.yonoplayin-inner-page .main {
	max-width: 960px;
	margin: 0 auto;
	padding: 24px 16px 48px;
}

.yonoplayin-inner-page .header {
	background: #009174;
	padding: 16px 0;
	text-align: center;
}

.yonoplayin-inner-page .header .logoimg {
	max-height: 40px;
	width: auto;
}

/* Archive/single visual layout is owned by assets/css/hub.css */
body.archive,
body.single,
body.page:not(.home) {
	margin: 0;
}

.yonoplayin-post-card h2 {
	font-size: 1.125rem;
	margin: 0 0 8px;
	line-height: 1.35;
}

.yonoplayin-post-card h2 a {
	color: #0b3d2e;
	text-decoration: none;
}

.yonoplayin-post-card a.read-more {
	color: #009174;
	font-weight: 600;
	text-decoration: none;
}

/* Single article layout owned by assets/css/hub.css */

.yonoplayin-inner-footer {
	text-align: center;
	padding: 24px 16px 48px;
	color: #666;
	font-size: 14px;
}

.yonoplayin-main-inner {
	display: block;
}

a.top-game-card {
	text-decoration: none;
	color: inherit;
}

/* Homepage header nav — keep horizontal, allow scroll instead of crushing */
body.home .yonoplayin-primary-nav {
	display: flex !important;
	flex: 1 1 auto;
	min-width: 0;
	justify-content: flex-end;
	margin-left: 12px;
	overflow: hidden;
}

body.home .yonoplayin-nav-list {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 4px 10px;
	align-items: center;
	justify-content: flex-end;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	max-width: 100%;
}

body.home .yonoplayin-nav-list::-webkit-scrollbar {
	display: none;
}

body.home .yonoplayin-nav-list li {
	margin: 0;
	display: block;
	flex: 0 0 auto;
}

body.home .yonoplayin-nav-list a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	opacity: 0.92;
}

body.home .yonoplayin-nav-list a:hover,
body.home .yonoplayin-nav-list .current-menu-item > a {
	opacity: 1;
	text-decoration: underline;
}

/* Homepage bottom game cards stay clickable above sticky bar */
body.home .yonoplayin-home-categories {
	position: relative;
	z-index: 20;
	padding-bottom: 28px;
}

body.home .yonoplayin-home-categories .app-card {
	align-items: flex-start;
}

@media (max-width: 991px) {
	body.home .yonoplayin-primary-nav {
		display: none !important;
	}
}

.yonoplayin-home-categories .app-card__content a.text-inherit {
	color: inherit;
	text-decoration: none;
}

.yonoplayin-home-categories .app-card__content a.text-inherit:hover {
	color: #009174;
}

/* Sticky download bar must not cover homepage bottom game cards */
.apk-download-wrapper-footer {
	pointer-events: none !important;
	z-index: 8 !important;
}

.apk-download-wrapper-footer.is-visible {
	pointer-events: auto !important;
}

.apk-download-wrapper-footer .download-btn,
.apk-download-wrapper-footer a,
.apk-download-wrapper-footer button {
	pointer-events: auto;
}

.yonoplayin-home-categories {
	position: relative;
	z-index: 20;
	padding-bottom: 24px;
}

.yonoplayin-card-more {
	position: relative;
	z-index: 21;
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
}

.yonoplayin-card-more:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
	body.home .main-wrapper {
		padding-bottom: 96px;
	}
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}