/*!
Theme Name: jeu-mahjong.fr
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jeu-mahjong.fr
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

jeu-mahjong.fr is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

@charset "utf-8";

/* CSS Document */

/* BEGIN - CSS GENERAL */

@-ms-viewport {
	width: device-width;
}
body {
	margin: 0;
	padding: 0;
	background-image: url(https://www.mahjongonline.it/wp-content/uploads/2025/09/bgwood.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #e6c99b;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	color: #292828;
}

A:link {
	color: #763e19;
	text-decoration: none;
}

A:visited {
	color: #763e19;
	text-decoration: none;
}

A:hover {
	color: #763e19;
	text-decoration: underline;
	cursor: pointer;
}

A:active {
	color: #763e19;
	text-decoration: none;
}

img {
	display: block;
}

a img {
	border: 0;
}

.clear {
	clear: both;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

p {
	padding: 4px;
	border: 0;
	margin: 0px;
}

h1,
h2 {
	padding: 0;
	border: 0;
	margin: 0px;
}

#wrapper {
	width: 1280px;
	margin: 0px auto;
	position: relative;
}

#header {
	height: 114px;
	margin: 0px auto;
	position: relative;
}

.top_logo {
	float: left;
	padding-top: 16px;
	padding-left: 4px;
}

.top_tuiles {
	float: left;
	padding-top: 11px;
	right: 0;
	position: absolute;
}

.dispositif {
	display: none;
}

.navdispositif_menu {
	display: none;
}

.navigation_background {
	float: left;
}

ul#navigation {
	width: 100%;
	list-style: none;
	height: 51px;
	margin: 0px;
	padding: 0px;
	background: #fceade;
	border-radius: 10px;
}

ul#navigation li {
	display: inline-block;
	padding: 0 15px;
	height: 51px;
	line-height: 51px;
}
ul#navigation li:hover {
	background: #4f2407;
	cursor: pointer;
}

ul#navigation li:hover a {
	color: #fff;
}

ul#navigation li a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

ul#navigation li#navigation1 a:active,
ul#navigation li#navigation1 a:hover {
	background-position: 0px -51px;
}

ul#navigation li#navigation1 a.current {
	background-position: 0px 0px -51px;
}

ul#navigation li#navigation2 a {
	width: 172px;
	background: url(im/bar_sprite.png) no-repeat -126px 0;
}

ul#navigation li#navigation2 a:active,
ul#navigation li#navigation2 a:hover {
	background-position: -126px -51px;
}

ul#navigation li#navigation2 a.current {
	background-position: -126px -126px -51px;
}

ul#navigation li#navigation3 a {
	width: 228px;
	background: url(im/bar_sprite.png) no-repeat -298px 0;
}

ul#navigation li#navigation3 a:active,
ul#navigation li#navigation3 a:hover {
	background-position: -298px -51px;
}

ul#navigation li#navigation3 a.current {
	background-position: -298px -298px -51px;
}

ul#navigation li#navigation4 a {
	width: 225px;
	background: url(im/bar_sprite.png) no-repeat -526px 0;
}

ul#navigation li#navigation4 a:active,
ul#navigation li#navigation4 a:hover {
	background-position: -526px -51px;
}

ul#navigation li#navigation4 a.current {
	background-position: -526px -526px -51px;
}

.top_bar_right {
	float: right;
	height: 51px;
	width: 245px;
	background-image: url(im/bar_right.png);
}

.soc_dispositif {
	display: none;
}

.soc {
	padding-top: 12px;
	float: right;
	padding-right: 0px;
	right: 0;
	font-size: 1px;
}

.soc_f {
	display: inline-block;
	vertical-align: top;
	margin-right: 0px;
}

#bg_body {
	width: 100%;
	float: left;
	background-color: #fffdfc;
	margin-top: 12px;
	margin-bottom: 30px;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#body_1eft {
	float: left;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
	width: 217px;
}

.box_menu_bg {
	margin-bottom: 12px;
	background-repeat: repeat;
	background-image: url(im/box_menu_bg.png);
}

.box_menu_text {
	list-style-image: url(im/bal.png);
	padding-top: 4px;
	padding-left: 40px;
	line-height: 22px;
	padding-bottom: 4px;
	padding-right: 10px;
}

.box_de_base {
	border: 1px solid #f0cfb6;
	background-color: #fceade;
	margin-bottom: 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.box_publicites_bg {
}

.box_publicites1 {
	padding-top: 14px;
	padding-left: 18px;
	padding-bottom: 16px;
}

.box_publicites2 {
	padding: 6px;
	padding-bottom: 15px;
}

.box_publicites4 {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
}

#body_right {
	float: right;
	width: 743px;
	margin-right: 12px;
	margin-top: 12px;
}

#body_right_lien {
	margin: 12px;
}

.box_bonjour_bg {
	float: left;
	width: 395px;
	height: 365px;
	border-radius: 8px;
}

.box_bonjour_text {
	line-height: 20px;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 8px;
}

.box_publicites3 {
	height: 365px;
	background-color: #fceade;
	float: right;
	width: 336px;
}

.box_jeux_bg {
	background-color: #fceade;
	margin-bottom: 12px;
	padding-bottom: 12px;
	float: left;
	width: 100%;
	background: linear-gradient(135deg, #f4e6d8 0%, #e8d5c4 100%);
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.box_jeux_bg h2 {
	color: #8b4513;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	font-size: 24px;
}

.box_jeux {
	width: 229px;
	margin-left: 14px;
	margin-top: 14px;
	float: left;
}

.box_jeux_img {
	width: 229px;
}

.box_jeux_img:hover {
	filter: brightness(108%);
	-webkit-filter: brightness(108%);
	-moz-filter: brightness(108%);
	-o-filter: brightness(108%);
	-ms-filter: brightness(108%);
}

.box_jeux_text1 {
	font-weight: 700;
	padding-left: 1px;
	padding-top: 4px;
	color: #4f2407;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box_jeux_text1 a:link {
	text-decoration: none;
	color: #4f2407;
}

.box_jeux_text1 a:visited {
	text-decoration: none;
	color: #4f2407;
}

.box_jeux_text1 a:hover {
	text-decoration: underline;
	color: #daa525;
}

.box_jeux_text1 a:active {
	text-decoration: none;
	color: #daa525;
}

.box_jeux_text2 {
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

.box_jeux_votes {
	color: #4f2407;
	margin-left: 4px;
	margin-bottom: 1px;
	font-size: 12px;
	font-style: italic;
	width: 155px;
}

.box_jeux_text3 {
	padding-left: 1px;
	line-height: 21px;
}

.box_jeux_tous {
	color: #4f2407;
	padding-bottom: 10px;
	padding-top: 14px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 18px;
	clear: both;
	font-weight: 700;
	text-align: center;
}

.box_jeux_tous a:link {
	text-decoration: none;
	color: #4f2407;
}

.box_jeux_tous a:visited {
	text-decoration: none;
	color: #4f2407;
}

.box_jeux_tous a:hover {
	text-decoration: underline;
	color: #4f2407;
}

.box_jeux_tous a:active {
	text-decoration: none;
	color: #4f2407;
}

.box_sub_bg {
	width: 100%;
	float: left;
}

.box_sub_text1 {
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 16px;
	padding-right: 8px;
	color: #4f2407;
	font-weight: bold;
	font-size: 18px;
}

.box_sub_text2 {
	padding-left: 16px;
	padding-right: 8px;
	padding-bottom: 12px;
	color: #4f2407;
	font-weight: bold;
}

.box_sub_text3 {
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 12px;
	line-height: 22px;
	word-break: break-word;
}

.box_sub_text3_privacy a:hover {
	text-decoration: none;
}

.box_sub_form {
	padding-left: 16px;
	padding-right: 16px;
}

#body_bg_jeu {
	width: 100%;
	float: left;
	background-color: #fffdfc;
	margin-top: 12px;
	margin-bottom: 12px;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.main_72890_3_res {
	display: none;
}

.sub_jeu_300_1_side {
	position: absolute;
	top: 444px;
	left: -352px;
	width: 300px;
	height: 600px;
}

.sub_jeu_300_2_side {
	position: absolute;
	top: 444px;
	left: 1048px;
	width: 300px;
	height: 600px;
}

.sub_jeu_160_1_side {
	display: none;
}

.sub_jeu_160_2_side {
	display: none;
}

.sub_box_jeu_bg {
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
	float: left;
	width: 980px;
}

.sub_jeu_72890_1 {
	width: 728px;
	height: 90px;
	margin: 0px auto;
	margin-top: 14px;
	margin-bottom: 150px;
	background-color: #e9c1a4;
}

.sub_jeu_72890_1_res {
	display: none;
}

.b72890_1_res {
	display: none;
}

.sub_jeu_juebg {
	text-align: center;
}

.sub_jeu_social {
	padding-top: 11px;
	padding-bottom: 11px;
	text-align: center;
}

.sub_jeu_social_facebook {
	vertical-align: top;
	margin-right: 8px;
	display: inline-block;
	font-size: 1px;
}

.sub_jeu_social_twitter {
	vertical-align: top;
	margin-right: 15px;
	display: inline-block;
	font-size: 1px;
}

.sub_jeu_bookmark {
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}

.sub_jeu_bookmark_text {
	vertical-align: text-top;
	padding-left: 1px;
	padding-top: 4px;
	display: inline-block;
	font-weight: 700;
}

.sub_jeu_72890_2_res {
	display: none;
}

.sub_jeu_72890_2 {
	width: 728px;
	height: 90px;
	margin: 0px auto;
	margin-bottom: 14px;
	margin-top: 96px;
	background-color: #e9c1a4;
}

.sub_jeu_explix_bg {
	margin-left: 6px;
	margin-right: 6px;
	float: left;
	width: 980px;
}

.sub_jeu_explix_text {
	padding-top: 16px;
	padding-left: 20px;
	padding-bottom: 14px;
}

.sub_jeu_explix_text1 {
	width: 98px;
	margin-bottom: 6px;
	font-weight: 700;
	color: #4f2407;
	float: left;
}

.sub_jeu_explix_text2 {
	width: 88%;
	float: left;
	line-height: 22px;
	padding-bottom: 11px;
	padding-right: 14px;
}

.rate1 {
	padding-top: 4px;
	padding-bottom: 6px;
	display: inline-block;
}

.rate2 {
	padding-top: 1px;
	display: inline-block;
	position: absolute;
	margin-left: 5px;
}

.rate3 {
	margin-left: -3px;
	font-size: 15px;
	padding-bottom: 14px;
	padding-top: 2px;
}

.rate4 {
	padding-bottom: 11px;
}

.rate5 {
	font-weight: bold;
	margin-bottom: 5px;
	color: #b2180f;
}

.button {
	border: 1px solid #c6a892;
	font-family: "Open Sans", Arial, sans-serif;
	background-color: #d9beaa;
	font-size: 15px;
	color: #694f3c;
	font-weight: bold;
	box-sizing: border-box;
	text-align: center;
	outline: none;
	min-width: 170px;
	height: 45px;
	margin-bottom: 2px;
	cursor: pointer;
	transition: background 0.06s ease-in-out, border 0.06s ease-in-out;
	-webkit-appearance: none;
}

.buton:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #cdb19b;
	border: 1px solid #b99a83;
}

.foot {
	padding-bottom: 12px;
	width: 100%;
	float: left;
}

.sub_jeu_72890_3 {
	display: none;
	width: 100%;
}

.mahjonggardens {
	width: 800px;
	height: 480px;
}

.mahjongcook {
	width: 800px;
	height: 590px;
}

.mahjongconnect {
	width: 800px;
	height: 586px;
}

.mahjongdimensions3d {
	width: 800px;
	height: 600px;
}

.mahjonglechinois {
	width: 800px;
	height: 600px;
}

.remix {
	width: 760px;
	height: 571px;
}

.mahjongpapillon {
	width: 794px;
	height: 600px;
}

.shanghai {
	width: 800px;
	height: 533px;
}

.gameboss {
	width: 800px;
	height: 600px;
}

.mahjongconnect2 {
	width: 800px;
	height: 600px;
}

.mahjongg {
	width: 800px;
	height: 600px;
}

.mahjongjouets {
	width: 728px;
	height: 546px;
	background-color: #619ea1;
	border: 2px solid #65a6aa;
}

.mahjongveritable {
	width: 800px;
	height: 640px;
}

.arkadium {
	width: 750px;
	height: 563px;
	background-color: #1d2730;
	border: 2px solid #1d2730;
}

.mahjongquest {
	width: 800px;
	height: 572px;
}

.mahjongfortune2 {
	width: 800px;
	height: 572px;
}

.mahjongplaisir {
	width: 800px;
	height: 500px;
}

.mahjongexpress {
	width: 790px;
	height: 534px;
}

.mahjongsolitaire {
	width: 728px;
	height: 546px;
	background-color: #01362d;
	border: 2px solid #01362d;
}

.mahjong3d {
	width: 728px;
	height: 546px;
}

.mahjongquotidien {
	width: 728px;
	height: 546px;
}

.mahjongthee {
	width: 760px;
	height: 500px;
}

.alchemy {
	width: 728px;
	height: 546px;
	background-color: #2d2018;
	border: 2px solid #2d2018;
}

.mahjongchain {
	width: 640px;
	height: 480px;
}

.monsterjong {
	width: 525px;
	height: 600px;
}

@media (max-width: 1750px) {
	.sub_jeu_300_1_side,
	.sub_jeu_300_2_side {
		display: none;
	}
	.sub_jeu_160_1_side {
		display: block;
		position: absolute;
		top: 444px;
		left: -212px;
		width: 160px;
		height: 600px;
	}
	.sub_jeu_160_2_side {
		display: block;
		position: absolute;
		top: 444px;
		left: 1048px;
		width: 160px;
		height: 600px;
	}
}

@media (max-width: 1500px) {
	.sub_jeu_160_1_side,
	.sub_jeu_160_2_side {
		display: none;
	}
	#wrapper {
		margin-left: 9px;
		margin-right: auto;
	}
	.sub_jeu_160_2_side {
		display: block;
	}
}

@media (max-width: 1279px) {
	.sub_jeu_160_2_side {
		display: none;
	}
}

@media (max-width: 1023px) {
	#wrapper {
		width: 767px;
		margin-left: auto;
		margin-right: auto;
	}
	#bg_body {
		margin-bottom: 12px;
	}
	#body_1eft,
	.top_tuiles,
	.ledesktop,
	.sub_jeu_72890_1,
	.sub_jeu_72890_2 {
		display: none;
	}
	#header {
		height: auto;
	}
	.top_logo {
		padding-top: 0px;
		padding-left: 0px;
		padding-bottom: 9px;
		float: none;
		display: block;
		margin: 0 auto;
		position: absolute;
	}
	.soc_dispositif {
		text-align: center;
		margin: 0px;
		display: block;
		position: relative;
		font-size: 1px;
	}
	.soc_dispositif_f {
		vertical-align: top;
		margin-right: 0px;
		display: inline-block;
		padding-bottom: 6px;
	}
	.sub_jeu_juebg {
		padding-top: 12px;
	}
	.sub_box_jeu_bg,
	.sub_jeu_explix_bg {
		width: 743px;
	}
	.sub_jeu_72890_1_res {
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 113px;
	}
	.b72890_1_res {
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 13px;
	}
	.sub_jeu_72890_2_res {
		display: block;
		text-align: right;
		padding-bottom: 12px;
		padding-right: 15px;
		clear: both;
	}
	.sub_jeu_72890_3 {
		display: block;
		width: 100%;
	}
	.main_72890_3_res {
		display: block;
		text-align: center;
		padding-bottom: 0px;
		clear: both;
	}
	.navdispositif_bouton {
		position: relative;
		display: block;
		float: right;
		padding: 10px 16px;
		line-height: 1.125em;
		cursor: pointer;
		margin: 8px 6px 13px;
		text-decoration: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #fde1d0;
		border-bottom: 5px solid #cc8b61;
	}
	.navdispositif_bouton .navdispositif_icon-bar + .navdispositif_icon-bar {
		margin-top: 0.188em;
	}
	.navdispositif_menu {
		*zoom: 1;
		display: block;
	}
	.navdispositif_menu .navdispositif_menutxt {
		display: block;
		line-height: 1.188em;
		float: left;
	}
	.navdispositif_menu .navdispositif_icon {
		float: left;
		margin: 0.188em 0 0 0.438em;
	}
	.navdispositif_menu .navdispositif_icon-bar {
		display: block;
		width: 1.125em;
		height: 0.125em;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
	.navdispositif_menu:before {
		content: " ";
		display: table;
	}
	.navdispositif_menu:after {
		content: " ";
		display: table;
		clear: both;
	}
	.navdispositif_nav {
		clear: both;
	}
	.navdispositif_nav ul {
		display: block;
	}
	.navdispositif_nav li {
		display: block;
	}
	.navdispositif_nav .navdispositif_item {
		cursor: pointer;
	}
	.navdispositif_nav .navdispositif_item a {
		display: inline;
	}
	.navdispositif_nav .navdispositif_row {
		display: block;
	}
	.navdispositif_nav a {
		display: block;
	}
	.navdispositif_menu {
		font-size: 16px;
		box-sizing: border-box;
		padding: 5px;
		position: relative;
		padding-left: 0;
	}
	.navdispositif_menu .navdispositif_menutxt {
		color: #4f2407;
		font-weight: bold;
	}
	.navdispositif_menu .navdispositif_icon-bar {
		background-color: #6b3c19;
	}
	.navdispositif_nav {
		font-family: "Open Sans", Arial, sans-serif;
		color: #4f2407;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 8px;
		list-style: none;
		background-color: #fde1d0;
		display: block;
		width: 100%;
		position: absolute;
		top: 57px;
		z-index: 99999999;
	}
	.navdispositif_nav a {
		padding: 10px 18px 10px 18px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
		color: #4f2407;
		border-bottom: 1px solid #e9ba9d;
	}
	.navdispositif_nav a:hover,
	.navdispositif_nav .navdispositif_row:hover,
	.navdispositif_row:hover a {
		background: #fbd2b9;
		color: #4f2407;
	}
	.mahjonggardens {
		width: 717px;
		height: 430px;
	}
	.mahjongcook {
		width: 717px;
		height: 529px;
	}
	.mahjongconnect {
		width: 717px;
		height: 525px;
	}
	.mahjongdimensions3d {
		width: 717px;
		height: 538px;
	}
	.mahjonglechinois {
		width: 717px;
		height: 538px;
	}
	.remix {
		width: 717px;
		height: 539px;
	}
	.mahjongpapillon {
		width: 717px;
		height: 542px;
	}
	.shanghai {
		width: 717px;
		height: 478px;
	}
	.gameboss {
		width: 717px;
		height: 538px;
	}
	.mahjongconnect2 {
		width: 717px;
		height: 538px;
	}
	.mahjongg {
		width: 717px;
		height: 538px;
	}
	.mahjongjouets {
		width: 717px;
		height: 538px;
	}
	.mahjongveritable {
		width: 717px;
		height: 574px;
	}
	.arkadium {
		width: 717px;
		height: 538px;
	}
	.mahjongquest {
		width: 717px;
		height: 513px;
	}
	.mahjongfortune2 {
		width: 717px;
		height: 513px;
	}
	.mahjongplaisir {
		width: 717px;
		height: 448px;
	}
	.mahjongexpress {
		width: 717px;
		height: 485px;
	}
	.mahjongsolitaire {
		width: 717px;
		height: 538px;
	}
	.mahjong3d {
		width: 717px;
		height: 538px;
	}
	.mahjongquotidien {
		width: 717px;
		height: 538px;
	}
	.alchemy {
		width: 717px;
		height: 538px;
	}
	.mahjongthee {
		width: 717px;
		height: 472px;
	}
}

@media (max-width: 767px) {
	#wrapper {
		width: 630px;
	}
	.box_publicites3 {
		display: none;
	}
	#body_right {
		float: left;
		width: 606px;
		margin-left: 12px;
	}
	.box_bonjour_bg {
		height: auto;
		width: 100%;
	}
	.box_bonjour_text {
		padding-bottom: 10px;
	}
	.box_jeux_bg {
		padding-left: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.box_jeux_img {
		width: 272px;
		height: auto;
	}
	.box_jeux {
		width: 272px;
	}
	.sub_box_jeu_bg,
	.sub_jeu_explix_bg {
		width: 606px;
	}
	.mahjonggardens {
		width: 580px;
		height: 348px;
	}
	.mahjongcook {
		width: 580px;
		height: 428px;
	}
	.mahjongconnect {
		width: 580px;
		height: 425px;
	}
	.mahjongdimensions3d {
		width: 580px;
		height: 435px;
	}
	.mahjonglechinois {
		width: 580px;
		height: 435px;
	}
	.remix {
		width: 580px;
		height: 436px;
	}
	.mahjongpapillon {
		width: 580px;
		height: 438px;
	}
	.shanghai {
		width: 580px;
		height: 386px;
	}
	.gameboss {
		width: 580px;
		height: 435px;
	}
	.mahjongconnect2 {
		width: 580px;
		height: 435px;
	}
	.mahjongg {
		width: 580px;
		height: 435px;
	}
	.mahjongjouets {
		width: 580px;
		height: 435px;
	}
	.mahjongveritable {
		width: 580px;
		height: 464px;
	}
	.arkadium {
		width: 580px;
		height: 435px;
	}
	.mahjongquest {
		width: 580px;
		height: 415px;
	}
	.mahjongfortune2 {
		width: 580px;
		height: 415px;
	}
	.mahjongplaisir {
		width: 580px;
		height: 362px;
	}
	.mahjongexpress {
		width: 580px;
		height: 392px;
	}
	.mahjongsolitaire {
		width: 580px;
		height: 435px;
	}
	.mahjong3d {
		width: 580px;
		height: 435px;
	}
	.mahjongquotidien {
		width: 580px;
		height: 435px;
	}
	.mahjongthee {
		width: 580px;
		height: 382px;
	}
	.alchemy {
		width: 580px;
		height: 435px;
	}
	.mahjongchain {
		width: 580px;
		height: 435px;
	}
}

@media (max-width: 640px) {
	#wrapper {
		width: 502px;
	}
	#body_right,
	.sub_box_jeu_bg,
	.sub_jeu_explix_bg {
		width: 478px;
	}
	.box_jeux_bg {
		padding-left: 0px;
	}
	.box_jeux {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.sub_jeu_bookmark_text {
		display: none;
	}
	.mahjonggardens {
		width: 452px;
		height: 271px;
	}
	.mahjongcook {
		width: 452px;
		height: 333px;
	}
	.mahjongconnect {
		width: 452px;
		height: 331px;
	}
	.mahjongdimensions3d {
		width: 452px;
		height: 339px;
	}
	.mahjonglechinois {
		width: 452px;
		height: 339px;
	}
	.remix {
		width: 452px;
		height: 340px;
	}
	.mahjongpapillon {
		width: 452px;
		height: 342px;
	}
	.shanghai {
		width: 452px;
		height: 301px;
	}
	.gameboss {
		width: 452px;
	}
	.mahjongconnect2 {
		width: 452px;
		height: 339px;
	}
	.mahjongg {
		width: 452px;
		height: 339px;
	}
	.mahjongjouets {
		width: 452px;
		height: 339px;
	}
	.mahjongveritable {
		width: 452px;
		height: 362px;
	}
	.arkadium {
		width: 452px;
		height: 339px;
	}
	.mahjongquest {
		width: 452px;
		height: 323px;
	}
	.mahjongfortune2 {
		width: 452px;
		height: 323px;
	}
	.mahjongplaisir {
		width: 452px;
		height: 282px;
	}
	.mahjongexpress {
		width: 452px;
		height: 306px;
	}
	.mahjongsolitaire {
		width: 452px;
		height: 339px;
	}
	.mahjong3d {
		width: 452px;
		height: 339px;
	}
	.mahjongquotidien {
		width: 452px;
		height: 339px;
	}
	.mahjongthee {
		width: 452px;
		height: 297px;
	}
	.alchemy {
		width: 452px;
		height: 339px;
	}
	.mahjongchain {
		width: 452px;
		height: 339px;
	}
	.monsterjong {
		width: 452px;
		height: 517px;
	}
}

@media (max-width: 525px) {
	#wrapper {
		width: 434px;
	}
	#body_right,
	.sub_box_jeu_bg,
	.sub_jeu_explix_bg {
		width: 410px;
	}
	.mahjonggardens {
		width: 384px;
		height: 230px;
	}
	.mahjongcook {
		width: 384px;
		height: 283px;
	}
	.mahjongconnect {
		width: 384px;
		height: 281px;
	}
	.mahjongdimensions3d {
		width: 384px;
		height: 288px;
	}
	.mahjonglechinois {
		width: 384px;
		height: 288px;
	}
	.remix {
		width: 384px;
		height: 289px;
	}
	.mahjongpapillon {
		width: 384px;
		height: 290px;
	}
	.shanghai {
		width: 384px;
		height: 256px;
	}
	.gameboss {
		width: 384px;
	}
	.mahjongconnect2 {
		width: 384px;
		height: 288px;
	}
	.mahjongg {
		width: 384px;
		height: 288px;
	}
	.mahjongjouets {
		width: 384px;
		height: 288px;
	}
	.mahjongveritable {
		width: 384px;
		height: 307px;
	}
	.arkadium {
		width: 384px;
		height: 288px;
	}
	.mahjongquest {
		width: 384px;
		height: 275px;
	}
	.mahjongfortune2 {
		width: 384px;
		height: 275px;
	}
	.mahjongplaisir {
		width: 384px;
		height: 240px;
	}
	.mahjongexpress {
		width: 384px;
		height: 260px;
	}
	.mahjongsolitaire {
		width: 384px;
		height: 288px;
	}
	.mahjong3d {
		width: 384px;
		height: 288px;
	}
	.mahjongquotidien {
		width: 384px;
		height: 288px;
	}
	.mahjongthee {
		width: 384px;
		height: 253px;
	}
	.alchemy {
		width: 384px;
		height: 288px;
	}
	.mahjongchain {
		width: 384px;
		height: 288px;
	}
	.monsterjong {
		width: 384px;
		height: 439px;
	}
}

@media (max-width: 480px) {
	#wrapper {
		width: 320px;
	}
	#body_right,
	.sub_box_jeu_bg,
	.sub_jeu_explix_bg {
		width: 296px;
	}
	.box_jeux {
		margin-top: 12px;
	}
	.mahjonggardens {
		width: 270px;
		height: 162px;
	}
	.mahjongcook {
		width: 270px;
		height: 199px;
	}
	.mahjongconnect {
		width: 270px;
		height: 198px;
	}
	.mahjongdimensions3d {
		width: 270px;
		height: 203px;
	}
	.mahjonglechinois {
		width: 270px;
		height: 203px;
	}
	.remix {
		width: 270px;
		height: 203px;
	}
	.mahjongpapillon {
		width: 270px;
		height: 204px;
	}
	.shanghai {
		width: 270px;
		height: 180px;
	}
	.gameboss {
		width: 270px;
		height: 203px;
	}
	.mahjongconnect2 {
		width: 270px;
		height: 203px;
	}
	.mahjongg {
		width: 270px;
		height: 203px;
	}
	.mahjongjouets {
		width: 270px;
		height: 203px;
	}
	.mahjongveritable {
		width: 270px;
		height: 216px;
	}
	.arkadium {
		width: 270px;
		height: 203px;
	}
	.mahjongquest {
		width: 270px;
		height: 193px;
	}
	.mahjongfortune2 {
		width: 270px;
		height: 193px;
	}
	.mahjongplaisir {
		width: 270px;
		height: 169px;
	}
	.mahjongexpress {
		width: 270px;
		height: 183px;
	}
	.mahjongsolitaire {
		width: 270px;
		height: 203px;
	}
	.mahjong3d {
		width: 270px;
		height: 203px;
	}
	.mahjongquotidien {
		width: 270px;
		height: 203px;
	}
	.mahjongthee {
		width: 270px;
		height: 178px;
	}
	.alchemy {
		width: 270px;
		height: 203px;
	}
	.mahjongchain {
		width: 270px;
		height: 203px;
	}
	.monsterjong {
		width: 270px;
		height: 309px;
	}
}

.box-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 45px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.footer {
	text-align: center;
	margin-bottom: 20px;
	color: #000;
}
.footer a {
	color: #8c4512;
	font-weight: bold;
}
.navigation_wrapper {
	position: relative;
	display: flex;
	width: 100%;
	border: 1px solid #f0cfb6;
}
.search {
	position: absolute;
	right: 10px;
	top: 20%;
	display: table-cell;
	vertical-align: middle;
}
.search input {
	width: 192px;
	height: 25px;
}
.s_wrapper {
	position: relative;
}
.s_result {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1000;
	background: #fceade;
	padding: 5px;
	width: 188px;
	border: 1px solid #4f2407;
	border-top: none;
	display: none;
}
.s_item {
	padding: 5px;
	border-bottom: 1px dotted #763e19;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s_item:last-child {
	border-bottom: none;
}
.search-mobile {
	padding: 10px 0px;
}
.search-mobile input {
	width: 80%;
	height: 25px;
	display: block;
	margin: 0 auto;
}
.search-mobile .s_result {
	left: -1px;
}
.search-mobile .s_item {
	border-bottom: none;
	padding: 0;
}
.search-mobile .s_result {
	width: 97.2%;
}
@media only screen and (max-width: 640px) {
	#wrapper {
		width: 100%;
	}
	#body_right {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.sub_box_jeu_bg,
	.sub_jeu_explix_bg {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.gameboss {
		width: 100%;
	}
	.sub_jeu_juebg {
		padding: 10px;
	}
}

/* ===== Default list styles (scoped) ===== */
.body-page .box_sub_text3 ul {
	list-style: disc;
	margin: 1em 0;
	padding-left: 40px; /* ~ mặc định trình duyệt */
}

.body-page .box_sub_text3 ol {
	list-style: decimal;
	margin: 1em 0;
	padding-left: 40px;
}

.body-page .box_sub_text3 li {
	display: list-item;
	list-style-type: auto;
}

/* Nested list levels – gần giống quy ước UA */
.body-page .box_sub_text3 ul ul {
	list-style: circle;
}
.body-page .box_sub_text3 ul ul ul {
	list-style: square;
}

.body-page .box_sub_text3 ol ol {
	list-style: lower-alpha;
}
.body-page .box_sub_text3 ol ol ol {
	list-style: lower-roman;
}

/* Mixed nesting vẫn giữ padding/margin hợp lý */
.body-page .box_sub_text3 ul ol,
.body-page .box_sub_text3 ol ul {
	margin: 0.5em 0;
	padding-left: 40px;
}

/* Definition list */
.body-page .box_sub_text3 dl {
	margin: 1em 0;
}
.body-page .box_sub_text3 dt {
	font-weight: bold;
}
.body-page .box_sub_text3 dd {
	margin-left: 40px;
}

/* Nếu theme có vẽ bullet giả bằng ::before, tắt nó đi */
.body-page .box_sub_text3 li::before {
	content: none;
}

/* Nếu theme từng ẩn marker, bật lại marker thật */
.body-page .box_sub_text3 li::marker {
	content: initial;
}

/* ==== Table default styles ==== */
.body-page .box_sub_text3 table {
	border-collapse: separate; /* UA mặc định: separate */
	border-spacing: 2px; /* khoảng cách ô mặc định */
	border-color: gray; /* màu border mặc định */
	margin: 1em 0;
}

.body-page .box_sub_text3 caption {
	text-align: center;
	caption-side: top;
}

.body-page .box_sub_text3 thead,
.body-page .box_sub_text3 tbody,
.body-page .box_sub_text3 tfoot {
	vertical-align: middle;
}

.body-page .box_sub_text3 tr {
	vertical-align: inherit;
	border-color: inherit;
}

.body-page .box_sub_text3 th {
	font-weight: bold;
	text-align: center;
	padding: 1px;
}

.body-page .box_sub_text3 td {
	text-align: left;
	padding: 1px;
}

/* Bật lại border mặc định nếu theme bỏ hết */
.body-page .box_sub_text3 th,
.body-page .box_sub_text3 td {
	border: 1px solid;
}

/* ==== Line break ==== */
.body-page .box_sub_text3 br {
	content: "";
	display: block;
	margin: 0;
}

.box_sub_text1 {
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 16px;
	padding-right: 8px;
	color: #4f2407;
	font-weight: bold;
	font-size: 26px;
}
.body-page h1 {
	margin: 0.67em 0;
}
.body-page h2 {
	margin: 0.83em 0;
}
.body-page h3 {
	margin: 1em 0;
}
.body-page h4 {
	margin: 1.33em 0;
}
.body-page h5 {
	margin: 1.67em 0;
}
.body-page h6 {
	margin: 2.33em 0;
}

.body-page p {
	margin: 1em 0;
}

div#body_right.body-page {
	float: right;
}
#body_right {
	float: left;
}
#header {
	height: 114px;
	margin: 0px auto;
	position: relative;
	z-index: 2;
}
.side-barcustom {
	margin-top: 12px;
	width: 260px;
	float: left;
	background-color: #fceade;
	box-sizing: content-box;
	padding: 6px;
	background: linear-gradient(135deg, #f4e6d8 0%, #e8d5c4 100%);
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 6px;
}
.side-barcustom h3 {
	color: #8b4513;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
}
.side-barcustom .box_jeux {
	width: 260px;
	margin-left: 0;
	margin-top: 0;
}
.side-barcustom .box_jeux_img {
	width: 260px;
}
/* Base: giữ nguyên desktop */
.side-barcustom .box_jeux {
	/* giúp các item trông như card gọn gàng */
	box-sizing: border-box;
}
.side-barcustom.custom-content-single {
	margin-left: 20px;
	margin-top: 6px;
}
/* < 1280px: full width */
.custom-content-post {
	width: 100%;
	box-sizing: border-box; /* optional: tính luôn padding/border */
	float: left;
}
.box_publicites_bg {
	background: linear-gradient(135deg, #f4e6d8 0%, #e8d5c4 100%);
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.box_publicites2 h3 {
	color: #8b4513;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
}

.faq-item {
  margin-bottom: 8px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0c9b0;
}
.faq-question {
  padding: 6px 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #f9f1e8 0%, #f0e4d4 100%);
  border: 1px solid #e0c9b0;
  color: #8b4513;
  font-weight: 600;
  transition: all 0.3s ease;
  list-style: none; /* ẩn marker mặc định */
}
.faq-question::-webkit-details-marker {
  display: none;
}

.faq-question:hover {
  background: linear-gradient(135deg, #f5ebe0 0%, #ebd9c8 100%);
  border-color: #d4af8c;
  transform: translateY(-1px);
}
.faq-icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 69, 19, 0.1);
  border-radius: 50%;
  line-height: 1;
  flex: none;
}
.faq-icon::before {
  content: "+";
  font-size: 16px;
  font-weight: bold;
  display: block;
  line-height: 1;
}

.faq-item[open] .faq-icon::before {
  content: "−";
}

.faq-answer {
  display: none;
  padding: 6px 10px;
  background: linear-gradient(135deg, #faf6f0 0%, #f4ebe0 100%);
  border-top: 1px solid #e0c9b0;
  color: #6b4423;
  line-height: 1.6;
}
.faq-item[open] .faq-answer {
  display: block;
  animation: slideDown 0.3s ease;
}
.faq-item[open] .faq-question {
  background: linear-gradient(135deg, #f0e4d4 0%, #e8d5c4 100%);
  border-bottom: none;
}
.faq-item[open] .faq-icon {
  background: rgba(139, 69, 19, 0.2);
  color: #8b4513;
}
.faq-answer p {
  margin: 0;
  color: #5d4037;
}
.faq-answer a {
  color: #8b4513;
  text-decoration: underline;
}
.faq-answer a:hover {
  color: #a0522d;
}
.box_bonjour_bg.box_de_base p {
	text-align: left;
}
/* CSS cho custom post layout */
.box_jeux.custom-post {
	margin-bottom: 15px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.box_jeux.custom-post:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.box_jeux.custom-post .game-container {
	position: relative;
	height: 166px;
	overflow: hidden;
}

.box_jeux.custom-post .box_jeux_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.box_jeux.custom-post:hover .box_jeux_img {
	transform: scale(1.05);
}

/* Rating overlay - ở trên ảnh */
.box_jeux.custom-post .rating-overlay {
	position: absolute;
	top: 8px;
	right: 8px;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 4px 8px;
	border-radius: 12px;
	font-size: 11px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 4px;
}

.box_jeux.custom-post .stars {
	display: flex;
	gap: 1px;
}

.box_jeux.custom-post .star {
	font-size: 12px;
	line-height: 1;
}

.box_jeux.custom-post .star.full {
	color: #ffd700;
}

.box_jeux.custom-post .star.half {
	color: #ffd700;
	opacity: 0.7;
}

.box_jeux.custom-post .star.empty {
	color: #666;
}

.box_jeux.custom-post .rating-text {
	font-weight: bold;
	white-space: nowrap;
}

/* Title overlay - ở dưới ảnh, trong vùng ảnh */
.box_jeux.custom-post .title-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	padding: 20px 10px 10px;
	z-index: 2;
}

.box_jeux.custom-post .title-overlay a {
	color: white;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
	display: block;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	transition: color 0.3s ease;
}

.box_jeux.custom-post .title-overlay a:hover {
	color: #ffd700;
}
@media (min-width: 1000px) {
	#bg_body.custom-page {
		width: 1050px;
		margin-left: 9%;
	}
}

/* Responsive cho mobile */
@media (max-width: 768px) {
	.box_jeux.custom-post .game-container {
		width: 100%;
		height: auto;
		aspect-ratio: 229/166;
	}

	.box_jeux.custom-post .rating-overlay {
		top: 5px;
		right: 5px;
		padding: 3px 6px;
		font-size: 10px;
	}

	.box_jeux.custom-post .star {
		font-size: 10px;
	}

	.box_jeux.custom-post .title-overlay {
		padding: 15px 8px 8px;
	}

	.box_jeux.custom-post .title-overlay a {
		font-size: 12px;
	}
}

/* Animation khi hover */
.box_jeux.custom-post:hover .rating-overlay {
	background: rgba(0, 0, 0, 0.9);
}

.box_jeux.custom-post:hover .title-overlay {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
}
.custom-table {
	padding: 12px;
}
.custom-table table tr {
	display: flex;
	align-items: center;
}
.custom-table table tr {
	display: flex;
	align-items: center;
	border: 1px solid #000; /* viền cho mọi cạnh */
	padding: 6px;
}

/* Cách 1: mọi hàng sau hàng đầu tiên */
.custom-table table tr + tr {
	border-top: none;
}
h1.sub_jeu_explix_title {
	margin-bottom: 12px;
}
@keyframes slideDown {
	from {
		opacity: 0;
		max-height: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	to {
		opacity: 1;
		max-height: 200px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
.box_jeux_tous {
	text-align: center;
	margin-top: 20px;
}

.box_jeux_tous a {
	display: inline-block;
	background-color: #6b944f;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 30px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}
.form-search {
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-mobile input {
	margin-right: 0 !important;
}
.form-search button {
	margin-right: 25px;
}

/* Responsive */
@media (max-width: 768px) {
	.faq-question {
		padding: 6px 10px;
		font-size: 14px;
	}

	.faq-answer {
		padding: 6px 10px;
		font-size: 14px;
	}
}
/* ≥ 1280px: cố định 980px, căn giữa */
@media (min-width: 1280px) {
	.custom-content-post {
		width: 980px;
		margin: 0 auto;
	}
}

/* < 1000px: 3 cột */
@media (max-width: 1000px) {
	.side-barcustom h3 {
		width: 100%;
		display: block;
		margin-bottom: 20px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #333;
		grid-column: 1 / -1; /* chiếm toàn bộ width nếu vẫn còn grid */
	}

	.side-barcustom {
		width: 100% !important; /* ghi đè inline width=275px */
		float: none; /* bỏ float để grid hoạt động đúng */
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px; /* khoảng cách giữa các item */
		padding: 12px;
		margin-bottom: 12px;
		box-sizing: border-box;
	}
	.side-barcustom.custom-content-single {
		width: 98% !important; /* ghi đè inline width=275px */
	}
	.side-barcustom.custom-content-single {
		margin-left: 6px;
		margin-top: 6px;
		margin-right: 6px;
	}

	.side-barcustom .box_jeux {
		width: 100%; /* mỗi item full ô lưới */
	}

	/* ảnh responsive (ghi đè width/height attribute trong HTML) */
	.side-barcustom .box_jeux_img {
		width: 100% !important;
		height: 100% !important;
		display: block;
		object-fit:contain;
	}
}

/* < 700px: 2 cột */
@media (max-width: 700px) {
	.side-barcustom {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* < 480px: 1 cột */
@media (max-width: 480px) {
	.side-barcustom {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 1024px) {
	div#body_right.body-page {
		width: calc(100%);
		float: right;
		margin: 0;
	}
	.box_de_base {
		margin-bottom: 12px;
	}
}
.game-wrapper {
	position: relative;
	width: 100%;
	max-width: 960px;
	background: #000;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.game-wrapper iframe {
	width: 100%;
	height: 480px; /* chiều cao mặc định (PC) */
	border: 0;
	display: block;
	transition: height 0.3s ease;
}

/* Phóng to trong trang (PC, không fullscreen) */
.game-wrapper iframe.expanded {
	height: 720px;
}

/* Thanh nút bên dưới khi ở chế độ thường (PC) */
.game-controls {
	text-align: right;
	padding: 8px;
	background: transparent;
}
.game-controls button {
	padding: 6px 14px;
	font-size: 14px;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	background: #333;
	color: #fff;
	margin: 0 4px;
}

.btn-exit {
	display: none;
}
.is-fullscreen .btn-exit {
	display: inline-block;
}
.is-fullscreen .btn-open {
	display: none;
}

/* Ẩn nút Phóng to khi fullscreen */
.css-fullscreen .btn-zoom {
	display: none !important;
}

/* ======= Khi fullscreen ======= */
.is-fullscreen {
	width: 100vw;
	height: 100vh;
}
.is-fullscreen iframe {
	height: 100% !important; /* ép iframe full màn hình */
}
.is-fullscreen .game-controls {
	position: absolute;
	right: 0;
	bottom: 12px;
	background: transparent;
	pointer-events: none;
}
.is-fullscreen .game-controls button {
	pointer-events: auto;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
}

/* ======= MOBILE OVERLAY (PLAY) ======= */
.mobile-gate {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 4;
	padding: 24px;
}
.mobile-gate button {
	padding: 14px 28px;
	font-size: 18px;
	border: 0;
	border-radius: 10px;
	background: #e5e5e5;
	color: #000;
	font-weight: 700;
	letter-spacing: 0.5px;
	cursor: pointer;
}
.mobile-gate button:active {
	transform: scale(0.98);
}

/* Chỉ hiện màn che trên thiết bị cảm ứng (mobile/tablet) */
@media (hover: none) and (pointer: coarse) {
	.mobile-gate {
		display: flex;
	}
}

/* Khi fullscreen hoặc sau khi bấm PLAY thì ẩn gate */
.is-fullscreen .mobile-gate,
.mobile-gate.gate-hidden {
	display: none !important;
}

/* Mobile: giữ tỉ lệ 16:9 theo chiều rộng */
@media (max-width: 768px) {
	.game-wrapper iframe {
		height: 56.25vw;
	}
}

.game-wrapper {
	position: relative;
}
.mobile-gate {
	position: absolute;
	inset: 0;
	display: none; /* default: ẩn trên màn lớn */
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.7);
	z-index: 5;
}
.mobile-gate.gate-hidden {
	display: none !important;
}

.btn-mobile-play {
	font: inherit;
	padding: 12px 20px;
	border: 0;
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.game-controls {
	/* position: absolute; */
	right: 10px;
	bottom: 10px;
	z-index: 4;
	display: flex;
	gap: 8px;
	position: relative;
	float: right;
}

.css-fullscreen .game-controls {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 4;
	display: flex;
	gap: 8px;
}
/* ≤ 600px: bắt buộc overlay và ẩn controls */
@media (max-width: 600px) {
	.mobile-gate {
		display: flex;
	}
}
/* Fullscreen bằng CSS */
#game-wrapper.css-fullscreen {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw !important;
	height: 100vh !important;
	max-width: 100% !important;
	max-height: 100% !important;
	z-index: 9999;
	margin: 0 !important;
	padding: 0 !important;
	background: #000;
}

#game-wrapper.css-fullscreen iframe {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	border: none !important;
	display: block;
}
/* Zoom mode (chỉ PC, không fullscreen) */
#game-wrapper.zoomed {
	position: relative;
	width: 120% !important; /* phóng to hơn 20% */
	height: 120% !important;
	left: -10%; /* canh giữa lại */
	top: -10%;
	z-index: 100;
	background: #000;
}

#game-wrapper.zoomed iframe {
	width: 100% !important;
	height: 100% !important;
	border: none !important;
}

/* Desktop giữ nguyên */
.side-barcustom .custom-post {
	width: 100%;
}

/* Mobile: chia 2 cột */
@media (max-width: 768px) {
	.side-barcustom {
		display: flex;
		flex-wrap: wrap;
		gap: 10px; /* khoảng cách giữa các box */
	}

	.side-barcustom .custom-post {
		width: calc(50% - 10px); /* 2 cột, trừ khoảng cách */
	}

	.side-barcustom .custom-post .game-container img {
		width: 100%;
		height: auto;
	}
}
/* Mobile (<= 767px) */
@media (max-width: 767px) {
	#header {
		display: flex;
		justify-content: center;
	}
	#header .top-logo,
	#header .top-logo a {
		width: auto; /* màu nền nếu muốn khác */
	}
}

/* --- Comment area wrapper --- */
.box_sub_text3 {
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	font-family: "Segoe UI", Roboto, sans-serif;
}

/* --- Comment title --- */
#comments,
.comment-reply-title {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #333;
	border-left: 4px solid #4caf50;
	padding-left: 10px;
}

/* --- Comment list --- */
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist li {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fafafa;
	transition: all 0.2s ease;
}
.commentlist li:hover {
	background: #f0f8ff;
	border-color: #cce7ff;
}

/* --- Author info --- */
.comment-author {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
.comment-author img.avatar {
	border-radius: 50%;
	margin-right: 10px;
	border: 2px solid #ddd;
}
.comment-author .fn {
	font-weight: 600;
	color: #333;
}
.comment-author .says {
	color: #777;
	font-size: 13px;
	margin-left: 5px;
}

/* --- Metadata (time, edit link) --- */
.comment-metadata {
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
}

/* --- Comment content --- */
.comment-content {
	font-size: 15px;
	line-height: 1.5;
	color: #444;
}

/* --- Reply link --- */
.comment-body .reply a {
	display: inline-block;
	font-size: 13px;
	color: #4caf50;
	font-weight: 500;
	text-decoration: none;
	margin-top: 8px;
}
.comment-body .reply a:hover {
	color: #2e7d32;
	text-decoration: underline;
}
form#commentform {
	width: 96%;
}
/* --- Comment form --- */
#respond {
	margin-top: 25px;
	padding-top: 15px;
	border-top: 2px solid #eee;
}
#respond label {
	font-size: 14px;
	color: #333;
	font-weight: 500;
}
#respond textarea,
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	margin-top: 5px;
	transition: border 0.2s ease;
}
#respond textarea:focus,
#respond input:focus {
	outline: none;
	border-color: #4caf50;
	box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.1);
}

/* --- Submit button --- */
#respond .form-submit input.submit {
	background: #4caf50;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 15px;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.2s ease;
}
#respond .form-submit input.submit:hover {
	background: #43a047;
}
ol.commentlist {
	padding-left: 0 !important;
}
/* Mobile responsive */
@media (max-width: 600px) {
	#respond {
		margin-top: 20px;
		padding-top: 12px;
		border-top-width: 1px;
	}

	/* Bảo đảm tính toán chiều rộng đúng */
	#respond *,
	#respond *::before,
	#respond *::after {
		box-sizing: border-box;
	}

	/* Nhãn + text nhỏ gọn dễ đọc */
	#respond label {
		font-size: 14px;
		line-height: 1.4;
		display: block;
		margin-bottom: 6px;
	}

	/* Trường nhập: đủ lớn để chạm & tránh iOS zoom */
	#respond textarea,
	#respond input[type="text"],
	#respond input[type="email"],
	#respond input[type="url"] {
		width: 100%;
		font-size: 16px; /* >=16px để iOS không tự zoom */
		padding: 12px 14px;
		border-radius: 8px;
		margin-top: 4px;
	}

	/* Chiều cao tối thiểu cho vùng nhập nội dung */
	#respond textarea {
		min-height: 140px;
		resize: vertical;
	}

	/* Sắp xếp từng hàng nếu theme đang để 2 cột */
	#respond .comment-form-author,
	#respond .comment-form-email,
	#respond .comment-form-url,
	#respond .comment-form-comment,
	#respond .comment-form-cookies-consent {
		width: 100%;
		float: none;
		margin: 0 0 14px 0;
	}

	/* Checkbox consent: căn giữa theo hàng */
	#respond .comment-form-cookies-consent {
		display: flex;
		align-items: flex-start;
		gap: 10px;
	}
	#respond .comment-form-cookies-consent input[type="checkbox"] {
		margin-top: 2px; /* canh cùng dòng label */
		flex: 0 0 auto;
	}
	#respond .comment-form-cookies-consent label {
		margin: 0;
		font-size: 14px;
	}

	/* Nút gửi: full width + tap target tốt */
	#respond .form-submit {
		margin-top: 8px;
	}
	#respond .form-submit input.submit {
		width: 100%;
		padding: 12px 16px;
		font-size: 16px;
		border-radius: 8px;
	}
}

/* Nhẹ nhàng hỗ trợ dark mode của hệ thống (tùy chọn) */
@media (prefers-color-scheme: dark) {
	#respond label {
		color: #e8e8e8;
	}
	#respond textarea,
	#respond input[type="text"],
	#respond input[type="email"],
	#respond input[type="url"] {
		color: #f1f1f1;
		border-color: #333;
	}
	#respond .form-submit input.submit {
		background: #2e7d32;
	}
	#respond .form-submit input.submit:hover {
		background: #256a29;
	}
}
.css-fullscreen .mobile-gate {
	display: none !important;
}
.css-fullscreen .game-controls.in-fs {
	display: flex !important;
}
div#body_right.body-page img {
    max-width: 100%;
    display: block;
}
.box_sub_bg.box_de_base img {
    max-width: 100%;
    height: auto;
    display: block;
}
.giochi_vote {
    padding-top: 5px;
    display: block;
    padding-bottom: 4px;
}
	.box_publicites_bg.box_de_base.custom-mobile {
		width: 100%;
	}