/*
Theme Name: LuckyBI
Text Domain:  luckybi
Author: ConcordSoft Solutions
Description: LuckyBI Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* CSS Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: "Noto Sans", sans-serif;
	background-color: #1A1A1A;
	color: #111;
	display: flex;
}

main {
	display: block;
}

img,
picture {
	max-width: 100%;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

p,
blockquote,
figure,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

button,
input,
select,
textarea {
	border-radius: 6px;
	border: 1px solid #DEDEDE;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	padding: 10px;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color: #6D798F;
	width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
	box-shadow: none;
}

label {
	display: block;
	color: #353E5C;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 4px;
	font-weight: 400;
}

input::placeholder {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	font-family: "Noto Sans";
	color: #6D798F;
}

.button {
	border-radius: 6px;
	border: 1px solid #C88D18;
	background: linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%), #FFF;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	font-family: "Noto Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	color: #333;
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Auth pages background with layered ellipses */
.auth-page {
	position: relative;
	height: 100vh;
	min-height: 1024px;
	overflow: hidden;
	padding: 24px;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.auth-page>* {
	position: relative;
	z-index: 1;
}

.auth-page::before {
	content: "";
	position: absolute;
	background: url('assets/images/ellipse_top_left.png') no-repeat bottom right/cover;
	pointer-events: none;
	z-index: 0;
	top: 0%;
	left: 0;
	width: 874px;
	height: 734px;
}

.auth-page::after {
	content: "";
	background: url('assets/images/ellipse_center.png') no-repeat center/cover;
	pointer-events: none;
	z-index: 0;
	bottom: -20%;
	position: absolute;
	left: 50%;
	transform: translateX(-30%);
	width: 1134px;
	height: 844px;
	z-index: 0;
}

.auth-page .container {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.auth-page .forgot-link {
	text-decoration: underline;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #6D798F;
}

.auth-page .container .form {
	width: 100%;
	max-width: 700px;
	background: #FAF9F6;
	padding: 32px;
	border-radius: 6px;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.20), 0 5px 15px 0 rgba(25, 33, 61, 0.06);
	padding: 106px 80px 0;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
}

.auth-page .container .form .top-title {
	text-align: center;
	margin-bottom: 40px;
}

.auth-page .container .form .top-title h1 {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	margin: 0 0 12px;
}

.auth-page .container .form p {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #6D798F;
}

.auth-page .container .form .p {
	margin-bottom: 40px;
}

.auth-page .container .form .double {
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

.auth-page .container .form .double p {
	width: 100%;
}

.auth-page .container .form .auth-form-wrap {
	width: 100%;
}

.auth-page .container .form .auth-form-wrap p {
	margin-bottom: 40px;
}

.auth-page .container .form .auth-form-wrap p:last-child {
	margin-bottom: 0;
}

.auth-page .container .form .auth-form-wrap p.remember-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.auth-page .container .form .auth-form-wrap p.remember-row label {
	margin: 0;
	color: #6D798F;
}

.auth-page .container .form .auth-form-wrap p.luckybi-terms {
	margin-bottom: 20px;
}

.auth-page .container .form .auth-form-wrap p.luckybi-terms label {
	color: #6D798F;
	font-family: "Noto Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.auth-page .container .form .auth-form-wrap p.luckybi-terms label a {
	font-weight: 700;
	text-decoration: underline;
}

.auth-page .container .content {
	padding: 70px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #E1E4ED;
	width: 100%;
}

.auth-page .container .content h2 {
	font-size: 96px;
	line-height: 108px;
	font-weight: 700;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	margin-bottom: 40px;
}

.auth-page .container .content p {
	font-size: 32px;
	line-height: 40px;
	color: #6D798F;
	max-width: 380px;
}

/* Auth switch buttons for combined login/register template */
.auth-switch {
	max-width: 720px;
	margin: 0 auto;
}

.auth-toggle-buttons {
	display: flex;
	gap: 12px;
	margin-bottom: 88px;
	border-radius: 10px;
	background: rgba(237, 234, 225, 0.50);
	padding: 4px;
	width: 100%;
}

.auth-toggle-buttons.mobile {
	display: none;
}

.auth-toggle {
	flex: 1;
	padding: 9px 16px;
	border-radius: 8px;
	border: 1px solid #ffffff33;
	background: #ffffff0d;
	color: #6D798F;
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s;
	font-weight: 500;
	font-size: 16px;
	box-shadow: none;
}

.auth-toggle.active {
	border-radius: 6px;
	border: 1px solid #E1E4ED;
	background: #FFF;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	font-weight: 700;
	color: #333;
}

.auth-forms .hidden,
.auth-page .hidden {
	display: none;
}

/* Styled checkbox for auth forms */
.auth-page input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px solid #B7831D;
	background: #FFF;
	display: inline-block;
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
}

.auth-page input[type="checkbox"]:checked {
	background: #FFF;
	border-color: #B7831D;
}

.auth-page input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.6668 3.5L5.25016 9.91667L2.3335 7' stroke='%23B7831D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
}

.password-field {
	position: relative;
	display: flex;
	align-items: center;
}

.password-field input[type="password"],
.password-field input[type="text"] {
	flex: 1;
	padding-right: 44px;
}

.toggle-password {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	border: none;
	background: #fff;
	color: #6D798F;
	border-radius: 6px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	white-space: nowrap;
	box-shadow: none;
}

.toggle-password svg {
	display: block;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.page-template-template-page-login-register {
	position: relative;
	background: #1a1a1a url('assets/images/register_background.png') no-repeat top center;
}

.page-template-template-page-login-register .site-header {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	padding: 36px;
	height: auto;
	min-height: inherit;
	max-width: inherit;
}

.page-template-template-page-login-register .site-header .site-branding {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-template-template-page-login-register .site-header .container {
	height: auto;
}

.page-template-template-page-login-register .site-header .logo {
	max-width: 164px;
}

.page-template-template-page-login-register .site-header .site-navigation {
	display: none;
}

.page-template-template-page-login-register .site-footer {
	display: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.terms-condition {
	position: absolute;
	bottom: 10px;
	font-family: "Noto Sans";
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	color: #6D798F;
}

.terms-condition a {
	font-weight: 700;
	color: #6D798F;
	text-decoration: underline;
}

.terms-condition a:hover {
	text-decoration: none;
}

.site-header {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	height: 100%;
	padding: 48px 16px;
	width: 100%;
	max-width: 280px;
	position: sticky;
	top: 0;
}

.site-header .logo {
	margin-bottom: 32px;
}

.menu-toggle {
	display: none;
}

.mobile-menu-panel {
	display: none;
}

.inner-box-container {
	margin-top: 28px;
	background: #FAF9F6;
	width: 100%;
	max-width: calc(100% - 280px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 20px 0 0 0;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}

/* Navigation with menu icons */
.site-navigation .menu,
.footer-navigation .menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-navigation .menu>li,
.footer-navigation .menu>li {
	margin-bottom: 12px;
}

.site-navigation .menu a,
.footer-navigation .menu a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: inherit;
	width: 100%;
}

.menu-item-icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.menu-item-icon svg,
.menu-item-icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.menu-item-label {
	display: inline-block;
}

.site-navigation .menu>li {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 1px;
}

.site-navigation .menu>li a {
	color: #E1E4ED;
	font-family: "Noto Sans";
	font-size: 16px;
	line-height: 24px;
	padding: 12px;
	font-weight: 400;
}

.site-navigation .menu>li.current-menu-item,
.site-navigation .menu>li:hover {
	border-radius: 6px;
	background: linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%), #FFF;
}

.site-navigation .menu>li.current-menu-item a,
.site-navigation .menu>li:hover a {
	color: #333;
	font-weight: 700;
}

.site-navigation .menu>li.current-menu-item a .menu-item-icon svg path,
.site-navigation .menu>li:hover a .menu-item-icon svg path {
	stroke: #333;
}

.site-header .container {
	position: sticky;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 90dvh;
}

.header-user {
	display: flex;
	align-items: center;
	gap: 12px;
	border-top: 1px solid rgba(225, 228, 237, 0.20);
	padding-top: 24px;
	margin-top: 24px;
}

.header-user-meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
	max-width: calc(100% - 56px);
}

.header-user-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-user-avatar .avatar-img {
	width: 20px;
	height: 20px;
	object-fit: cover;
	display: block;
}

.header-user-name {
	color: #E1E4ED;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.header-user-email {
	color: #6D798F;
	text-overflow: ellipsis;
	font-family: Raleway;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
}

.site-footer {
	border-top: 1px solid #E1E4ED;
	background: #FAF9F6;
	padding: 48px 64px;
}

.footer-layout {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
}

.footer-copyright .site-info {
	color: #6D798F;
	font-size: 14px;
	line-height: 20px;
}

.footer-newsletter-title {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 26px;
}

.footer-newsletter-text {
	margin: 0 0 16px;
	color: #6D798F;
	font-size: 14px;
	line-height: 22px;
}

.footer-newsletter-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.footer-newsletter-form input[type="email"] {
	flex: 1;
	min-width: 0;
	max-width: 280px;
}

.footer-newsletter-form .button {
	width: 100%;
	padding: 10px 16px;
}

/* Account page */
.account-page {
	padding: 0;
}

.account-page .account-hero {
	text-align: center;
	background: url('assets/images/bg_hero_section.png') no-repeat center/cover;
}

.account-hero {
	padding: 88px 40px;
	border-radius: 20px 0 0 0;
	margin-bottom: 24px;
	color: #6D798F;
	font-family: "Noto Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.account-subtitle {
	color: #E1E4ED;
	font-size: 54px;
	font-style: normal;
	font-weight: 500;
	line-height: 62px;
	margin-bottom: 12px;
}

.account-title {
	font-weight: 700;
	background: linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.account-email {
	color: #6D798F;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

.account-content .container {
	padding: 0;
}

.account-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.account-content .wp-block {
	max-width: 100%;
}

/* Games page */
.games-page {
	padding: 0;
}

.games-page .games-hero {
	text-align: center;
	background: url('assets/images/bg_hero_section.png') no-repeat center/cover;
}

.games-hero {
	padding: 88px 40px;
	border-radius: 20px 0 0 0;
	margin-bottom: 24px;
	color: #6D798F;
	font-family: "Noto Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.games-subtitle {
	color: #E1E4ED;
	font-size: 54px;
	font-style: normal;
	font-weight: 500;
	line-height: 62px;
	margin-bottom: 12px;
}

.games-title {
	font-weight: 700;
	background: linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.games-count {
	margin: 0;
	color: #6D798F;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.filters-inner-holder {
	padding: 64px;
}

.games-filter-form {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.games-filter-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.games-filter-head-actions {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: flex-end;
	flex: 1 1 auto;
	min-width: 300px;
}

.games-filter-title {
	margin: 0;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	color: #333;
}

.filter-spearator {
	display: block;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, #E1E4ED 50%, rgba(102, 102, 102, 0.05) 100%);
}

.filter-search {
	width: 154px;
	max-width: 154px;
	flex: 1 1 320px;
	position: relative;
}

.filter-search input[type="search"] {
	padding-left: 38px;
}

.filter-search-btn {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: transparent;
	padding: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	box-shadow: none;
	width: auto;
}

.games-filter-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 16px 0;
}

.mobile-only {
	display: none;
}

.desktop-only {
	display: inline-flex;
}

.filter-toggle-btn {
	display: none;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid #E1E4ED;
	background: #FFF;
	padding: 10px 14px;
	color: #6D798F;
	font-weight: 700;
	cursor: pointer;
}

.filter-toggle-btn svg {
	display: block;
}

.filter-close-btn-head {
	display: none;
}

.filter-close-btn {
	display: none;
}

.filters-modal-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 50;
}

.filter-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 14px;
	color: #6D798F;
}

.filter-field small {
	color: #9AA3B2;
	font-size: 12px;
}

.games-numb-results {
	margin: 40px 0;
}

.games-filter {
	border-radius: 6px;
	border: 2px solid rgba(225, 228, 237, 0.50);
	background: rgba(255, 255, 255, 0.60);
	box-shadow: 0 0 20px 0 rgba(135, 135, 135, 0.10);
	padding: 32px;
}

.games-filter-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
	gap: 16px;
	width: 100%;
}

.games-filter-summary {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 12px 0;
	color: #6D798F;
	font-size: 14px;
}

.games-filter-count {
	margin: 0;
	color: #333;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

.games-filter-count span {
	font-weight: normal;
}

.games-filter-note {
	margin: 0;
	color: #6D798F;
	font-size: 14px;
	line-height: 24px;
}

.games-filter-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.header-user-logout {
	margin-top: 24px;
}

.button-reset,
.button-logout {
	width: 100%;
	border-radius: 6px;
	border: 1px solid rgba(225, 228, 237, 0.50);
	background: rgba(255, 255, 255, 0.10);
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.view-toggle {
	display: inline-flex;
	gap: 10px;
	align-items: center;
}

.view-toggle-btn {
	border: 1px solid #E1E4ED;
	border-radius: 6px;
	background: #fff;
	padding: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.view-toggle-btn.is-active {
	border-radius: 4px;
	background: var(--Gold-gradient, linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%), #FFF);
	box-shadow: 0 1px 4px 0 rgba(25, 33, 61, 0.08);
}

.view-toggle-btn svg {
	display: block;
}

.games-results .games-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
}

.games-results .games-list.is-list {
	grid-template-columns: 1fr;
}

.game-card {
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.games-results .games-list.is-list .game-card {
	flex-direction: row;
	gap: 12px;
}

.pagination {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 12px 24px;
	border-top: 1px solid #EAECF0;
}

.pagination-status {
	color: #344054;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.pagination-links {
	display: flex;
	gap: 8px;
}

.pagination a,
.pagination span {
	display: flex;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 6px;
	border: 1px solid var(--Light, #E1E4ED);
	background: #FFF;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	text-decoration: none;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.pagination .disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Single Game */
.single-game-holder {
	padding: 40px 64px 64px;
}

.single-game-header {
	margin-bottom: 24px;
}

.back-to-games {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.single-game-layout {
	display: flex;
	padding: 32px;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	border-radius: 6px;
	border: 8px solid #F8F8F8;
	background: rgba(255, 255, 255, 0.60);
	box-shadow: 0 0 20px 0 rgba(135, 135, 135, 0.10);
}

.single-game-media {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 294px;
}

.single-game-cover {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #E1E4ED;
	background: #f4f6fb;
}

.single-game-cover img {
	width: 100%;
	height: auto;
	display: block;
}

.single-game-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.single-game-actions.mobile-only {
	display: none;
}

.game-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	border-radius: 8px;
	border: 1px solid #cda53d;
	background: linear-gradient(98deg, #cda53d 0%, #d5aa39 8.24%, #e0bc5e 55.4%, #cca02e 91.61%, #cda53d 100%);
	color: #333;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 16px;
}

.game-button.secondary {
	background: #fff;
	border-color: #E1E4ED;
	color: #333;
}

.game-button.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}

.single-game-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.single-game-title {
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: 62px;
	margin: 0;
	color: #333;
}

.single-game-title.mobile-only {
	display: none;
}

.single-game-meta {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.meta-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.single-game-meta .meta-item {
	border: none;
	padding: 0;
	background: none;
	font-weight: normal;
}

.single-game-meta .meta-item:first-child {
	font-weight: bold;
}

.meta-label {
	display: inline-flex;
	font-size: 12px;
	color: #6D798F;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.meta-value {
	display: block;
	color: #6D798F;
	font-size: 14px;
	font-weight: 700;
}

.single-game-meta .meta-item .meta-value {
	font-weight: normal;
}

.single-game-meta .meta-item:first-child .meta-value {
	font-weight: bold;
}

.meta-separator {
	color: #6D798F;
}

.single-game-description {
	color: #6D798F;
	font-size: 16px;
	line-height: 24px;
}

.single-game-features {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.single-game-features::before {
	content: "";
	height: 1px;
	width: 100%;
	background: linear-gradient(90deg, #E1E4ED 0%, #E1E4ED 50%, rgba(225, 228, 237, 0.00) 100%);
}

.single-game-features .game-card-feature-pills {
	flex-wrap: wrap;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
	gap: 16px;
}

.single-game-features .game-card-feature-pills .feature-pill {
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	border-radius: 16px;
	background: #ECFDF3;
	color: #027A48;
	padding: 2px 8px;
}

.single-game-info-grid {
	margin-top: 64px;
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1.2fr 1fr;
	grid-auto-rows: max-content;
	align-items: center;
	justify-items: center;
	gap: 16px;
}

.info-card {
	border-radius: 6px;
	border: 2px solid rgba(225, 228, 237, 0.50);
	background: rgba(255, 255, 255, 0.60);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03);
	backdrop-filter: blur(8px);
	padding: 16px 12px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	display: flex;
	width: 100%;
}

.info-card-icon img {
	object-fit: contain;
	display: block;
}

.single-game-info-title {
	color: #B7831D;
	font-size: 24px;
	font-weight: 800;
	line-height: 36px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 auto;
}

.game-details-list {
	margin: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.detail-row {
	display: flex;
	padding: 8px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	gap: 12px;
	border-bottom: 1px solid #E1E4ED;
}

.detail-row:nth-child(even) {
	background: rgba(225, 228, 237, 0.15);
}

.detail-row:last-child {
	border-bottom: none;
}

.detail-row dt {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #6D798F;
}

.detail-row dd {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	color: #333;
}

.detail-row dd.pill {
	border-radius: 16px;
	background: #F2F4F7;
	color: #344054;
	display: flex;
	padding: 4px 12px;
	justify-content: center;
	align-items: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
}

.localization-stack {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.localization-stack .localization-item:nth-child(even) {
	background: rgba(225, 228, 237, 0.15);
}

.localization-item {
	display: flex;
	padding: 16px 8px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	border-bottom: 1px solid #E1E4ED;
}

.localization-item .meta-label {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #333;
	text-transform: none;
}

.localization-item .game-card-feature-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 4px
}

.localization-item .game-card-feature-pills .feature-pill {
	flex-wrap: wrap;
	display: flex;
	padding: 4px 12px;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	background: #F2F4F7;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

.licenses-certifications.localization-item {
	border: none;
}

.licenses-certifications.localization-item .game-card-feature-pills .feature-pill {
	color: #027A48;
	background: #E6F6E9;
}

.single-game-downloads {
	margin-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	border: 1px solid #E1E4ED;
	border-radius: 10px;
	padding: 16px;
	background: #fff;
}

.downloads-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	width: 100%;
}

.game-button.download {
	width: 100%;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #E1E4ED;
	background: #FFF;
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding: 10px 16px;
}

.powered-by {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	flex-wrap: wrap;
	width: 100%;
	padding: 16px 8px;
	border-top: 1px solid #E1E4ED;
}

.powered-by .meta-label {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	text-transform: none;
	margin: 0;
}

.powered-by-brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.powered-by-icon {
	padding: 12px;
	border-radius: 200px;
	background: linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%)
}

.powered-by-icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	display: block;
}

.powered-by-icon .avatar-img {
	width: 28px;
	height: 28px;
	display: block;
}

.powered-by-name {
	color: #333;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}


.games-filter-results.games-block-wrapper {
	padding: 0;
}

.games-filter-results .luckybi-games-block {
	--games-gap: 16px;
	border-color: #E1E4ED;
}

.games-filter-results .games-block-body {
	margin: 0;
}

.games-filter-results .games-block-body.is-grid .games-track {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--games-gap, 40px);
}

.games-filter-results .games-block-body.is-list .games-track {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.games-filter-results .games-block-body.is-list .game-card-body {
	flex-direction: row;
	gap: 12px;
	align-items: flex-start;
	padding: 16px;
	border-radius: 6px;
	border: 2px solid rgba(225, 228, 237, 0.50);
	background: rgba(255, 255, 255, 0.60);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	border-radius: 12px;
}

.games-filter-results .games-block-body.is-list .game-card-thumb {
	max-width: 210px;
	flex: 0 0 210px;
	height: 140px;
}

.games-filter-results .game-card-excerpt {
	color: #353e5c;
}

.games-filter-results .game-card-meta-row {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
	margin: 4px 0 8px;
}

.games-filter-results .meta-pill {
	display: inline-flex;
	align-items: center;
	color: #6D798F;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
}

.games-filter-results .meta-pill:first-child {
	font-weight: 700;
}

.games-filter-results .meta-text {
	color: #6D798F;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
}

.games-filter-results .meta-separator {
	color: #6D798F;
	font-size: 12px;
}

.games-filter-results .games-block-body.is-list .game-card-thumb img {
	border-radius: 6px;
}

.auth-close-mobile.mobile {
	display: none;
}

@media (max-width: 900px) {
	.single-game-layout {
		flex-direction: column;
		padding: 32px 16px;
		gap: 24px;
	}

	.single-game-media {
		order: 1;
	}

	.single-game-content {
		order: 2;
	}

	.single-game-actions {
		display: none;
	}

	.single-game-actions.mobile-only {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
		margin-top: 12px;
	}

	.single-game-title.mobile-only {
		display: block;
		font-size: 54px;
		font-style: normal;
		font-weight: 700;
		line-height: 62px;
	}

	.single-game-content .single-game-title {
		display: none;
	}

	.info-card {
		padding: 16px 12px;
	}

	.single-game-info-grid {
		grid-template-columns: 1fr;
	}

	.auth-page .container {
		display: block;
		position: relative;
	}

	.auth-page .container .content {
		padding: 0;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.auth-page .container .content h2 {
		font-size: 54px;
		font-weight: 700;
		line-height: 62px;
	}

	.auth-page .container .content p {
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		max-width: 190px;
		margin: auto;
	}

	.form .auth-toggle-buttons {
		display: none;
	}

	.terms-condition {
		position: relative;
		bottom: 0;
	}

	.auth-page {
		height: 100dvh;
		min-height: inherit;
	}

	.auth-page .container .form {
		padding: 40px 20px;
		display: none;
		position: static;
	}

	.auth-page.show-form .container .form {
		display: flex;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0 auto;
		z-index: 20;
		background: none;
		padding: 0;
		box-shadow: none;
		border: none;
	}

	.auth-page.show-form .container .form .form-holder {
		background: #FAF9F6;
		padding: 40px 20px;
		border-radius: 6px;
		box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.20), 0 5px 15px 0 rgba(25, 33, 61, 0.06);
		margin: auto;
		width: 90%;
	}

	.auth-page .container .content {
		height: 100%;
	}

	.auth-page.show-form .container .content .bottom-content {
		display: none;
	}

	.auth-toggle-buttons.mobile {
		display: flex;
		margin-bottom: 16px;
		border-radius: 10px;
		border: 1px solid rgba(225, 228, 237, 0.68);
		background: rgba(237, 234, 225, 0.50);
		gap: 6px;
	}

	.auth-toggle-buttons.mobile .auth-toggle {
		border-radius: 6px;
		border: 1px solid var(--Light, #E1E4ED);
		background: #FFF;
		box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
		font-weight: bold;
		color: #333;
	}

	.auth-toggle-buttons.mobile .auth-toggle.active {
		border-radius: 6px;
		border: 1px solid #C88D18;
		background: var(--Gold-gradient, linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%), #FFF);
		box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
	}

	.auth-page .container .content .bottom-content {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.auth-close-mobile {
		display: none;
		margin-top: 20px;
		width: 100%;
		padding: 12px 16px;
		border-radius: 8px;
		border: 1px solid #E1E4ED;
		background: #FFF;
		color: #333;
		font-weight: 600;
		cursor: pointer;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}

	.auth-page.show-form .auth-close-mobile {
		display: inline-flex;
		border-radius: 6px;
		border: 1px solid rgba(225, 228, 237, 0.50);
		background: rgba(255, 255, 255, 0.10);
		box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
		margin: 40px auto 0;
		max-width: fit-content;
		color: #fff;
	}

	.site-header {
		position: absolute;
		top: 0;
		max-width: none;
		width: 100%;
		padding: 16px 16px;
		min-height: auto;
		height: auto;
		z-index: 40;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: auto;
	}

	.site-header .container {
		position: static;
		height: auto;
		gap: 0;
	}

	.site-header .top-holder {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: 12px;
	}

	.site-header .site-branding {
		margin: 0;
	}

	.site-header .logo {
		margin: 0;
		max-width: 164px;
		width: 100%;
	}

	.site-header .site-navigation,
	.site-navigation-secondary,
	.header-user,
	.header-user-logout {
		display: none;
	}

	.inner-box-container {
		max-width: 100%;
		margin-top: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.menu-toggle {
		display: inline-flex;
		width: 44px;
		height: 44px;
		align-items: center;
		justify-content: center;
		border: none;
		background: transparent;
		border-radius: 6px;
		padding: 12px 12px;
		cursor: pointer;
		border-radius: 6px;
		background: var(--Gold-gradient, linear-gradient(98deg, #CDA53D 0%, #D5AA39 8.24%, #E0BC5E 55.4%, #CCA02E 91.61%, #CDA53D 100%), #FFF);
		color: #333;
	}

	.menu-toggle svg {
		display: block;
	}

	body.mobile-menu-open {
		overflow: hidden;
	}

	.mobile-menu-panel {
		display: none;
		position: fixed;
		inset: 0;
		background: #1A1A1A;
		padding: 70px 24px 40px;
		overflow: auto;
		z-index: 35;
	}

	.mobile-menu-panel .mobile-menu-close {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 36px;
		height: 36px;
		border: 1px solid #C88D18;
		background: transparent;
		color: #E1E4ED;
		border-radius: 6px;
		font-size: 24px;
		line-height: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	body.mobile-menu-open .mobile-menu-panel {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	body.mobile-menu-open .site-header .site-navigation,
	body.mobile-menu-open .site-navigation-secondary,
	body.mobile-menu-open .header-user,
	body.mobile-menu-open .header-user-logout {
		display: block;
	}


	.mobile-menu-panel nav {
		display: block;
		margin-bottom: 24px;
	}

	.mobile-menu-panel .menu>li {
		margin-bottom: 10px;
	}

	.mobile-menu-panel .menu>li a {
		font-size: 18px;
		line-height: 26px;
	}

	.mobile-menu-panel .header-user {
		display: flex;
		border-top: 1px solid rgba(225, 228, 237, 0.20);
		padding-top: 20px;
		margin-top: 4px;
	}

	.mobile-menu-panel .header-user-logout {
		display: flex;
		margin-top: 16px;
	}

	body.mobile-menu-open .site-header {
		position: fixed;
		left: 0;
		right: 0;
	}

	.filters-inner-holder {
		padding: 24px 16px 32px;
	}

	.games-filter {
		padding: 32px 16px;
	}

	.games-filter-form {
		gap: 20px;
	}

	.games-filter-head {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}

	.games-filter-head-actions {
		min-width: inherit;
	}

	.games-filter-title {
		font-size: 24px;
	}

	.games-filter-row {
		flex-direction: row;
		align-items: start;
		margin: 0;
	}

	.filter-search {
		width: 100%;
		max-width: none;
	}

	.filter-toggle-btn {
		display: inline-flex;
	}

	.filter-search.desktop-only {
		display: none;
	}

	.games-filter-row.mobile-only {
		display: flex;
	}

	.filter-spearator {
		display: none;
	}

	.games-filter-grid {
		display: none;
	}

	.filter-close-btn-head {
		display: none;
	}

	.games-filter-form.mobile-filters-open .filter-close-btn-head {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 10px 14px;
		border-radius: 8px;
		border: 1px solid #E1E4ED;
		background: #fff;
		color: #333;
		font-weight: 700;
		cursor: pointer;
	}

	.games-filter-form.mobile-filters-open .games-filter-head .view-toggle .view-toggle-btn {
		display: none;
	}

	.games-filter-form.mobile-filters-open .games-filter-row {
		display: none;
	}

	.games-filter-grid.filters-open {
		display: flex;
		flex-direction: column;
		gap: 16px;
		border-radius: 0;
		border: none;
		background: transparent;
		box-shadow: none;
		padding: 0;
		align-items: stretch;
		align-self: stretch;
	}

	.games-filter-grid.filters-open .filter-field {
		width: 100%;
	}

	.games-filter-grid.filters-open select {
		width: 100%;
		background: #fff;
		border-color: #E1E4ED;
	}

	.games-filter-grid.filters-open .filter-close-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 12px 16px;
		border-radius: 8px;
		border: 1px solid #E1E4ED;
		background: #fff;
		color: #333;
		font-weight: 700;
		cursor: pointer;
		margin-top: 8px;
		width: 100%;
	}

	.filters-modal-backdrop {
		display: none;
	}

	.mobile-only {
		display: flex;
	}

	.games-filter-head .filter-close-btn-head {
		display: none;
	}

	.games-filter-form.mobile-filters-open .games-filter-head .filter-close-btn-head {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #E1E4ED;
		border-radius: 6px;
		background: #fff;
		padding: 7px;
		color: #333;
		font-weight: 700;
		cursor: pointer;
	}

	.games-page .games-hero,
	.account-page .account-hero {
		border-radius: 0;
		padding-top: 120px;
		padding-bottom: 36px;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 0;
	}

	.account-subtitle {
		font-size: 40px;
		line-height: 48px;
	}

	.games-block-wrapper {
		padding: 40px 16px;
	}

	.site-footer {
		padding: 40px 16px;
	}

	.footer-layout {
		gap: 32px;
	}

	.footer-newsletter {
		order: 0;
		width: 100%;
	}

	.footer-copyright {
		order: 1;
		width: 100%;
	}

	.footer-newsletter-form {
		display: flex;
		flex-direction: row;
	}

	.footer-newsletter-form .button {
		max-width: fit-content;
	}

	.games-block-head {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		text-align: center;
	}

	.games-filter-results .games-block-body.is-grid .games-track {
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
		gap: 16px;
	}

	.pagination {
		margin-top: 32px;
		padding: 12px 4px;
	}

	.single-game-features {
		gap: 12px;
	}
}

@media (min-width: 768px) {
	.footer-layout {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 32px;
	}

	.footer-newsletter {
		width: 100%;
		max-width: 408px;
	}

	.footer-newsletter-form {
		flex-direction: row;
		align-items: center;
	}

	.footer-newsletter-form .button {
		width: auto;
		white-space: nowrap;
	}
}

@media screen and (max-width: 800px) {
	.games-filter-results .games-block-body.is-grid .games-track {
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
		gap: 16px 8px;
	}

	.single-game-holder {
		padding: 120px 16px 40px;
	}

	.single-game .site-header {
		background: #1A1A1A
	}
}

@media (max-width: 640px) {
	.single-game-title {
		font-size: 28px;
		line-height: 34px;
	}

	.single-game-cover {
		border-radius: 8px;
	}
}