/*
Theme Name: gm
Description: This is a child theme for gm
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
body {
	/* Font chữ chính được ưu tiên */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

	/* Các thông số bổ trợ thường thấy trên trang */
	font-size: 16px;
	line-height: 1.6; /* Khoảng cách dòng giúp dễ đọc hơn */
	color: #ffffff;    /* Màu chữ mặc định (thường là trắng trên nền tối) */
	-webkit-font-smoothing: antialiased; /* Làm mượt chữ trên trình duyệt Chrome/Safari */
}
/* Style dành cho tiêu đề chính H1 */
h1 {
	color: #ffcc00; /* Màu vàng kim loại */
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase; /* Chữ in hoa để tăng sự sang trọng */
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.3;
	/* Hiệu ứng đổ bóng giúp chữ nổi trên nền tối */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(255, 204, 0, 0.3);
}
/* Tùy chỉnh cho thẻ H2 - Vàng đậm, mạnh mẽ */

h2:not(.post-title) {
	font-size: 24px;
	font-weight: bold;
	background: linear-gradient(90deg, #ff9c00, #9a0000);
	padding: 10px 20px;
	border-radius: 5px;
	color:#fff !important
}

/* Tùy chỉnh cho thẻ H3 - Vàng đậm, thanh lịch */
h3, h4, h5 {
	color:#feb719 !important;
}

/* Giữ cho các thẻ mạnh (strong) bên trong bài viết cũng có màu vàng này */
p strong {
	color: #ffff00;
}
.header-button, header .button-chơi-ngay {
	background: linear-gradient(180deg, #ffff00 0%, #ffcc00 100%) !important;
	color: #000 !important;
	font-weight: 800;
	border-radius: 5px;
	padding: 10px 25px;
	text-transform: uppercase;
	border: none;
	box-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
	transition: transform 0.2s, box-shadow 0.2s;
}

.header-button:hover {
	transform: scale(1.05); /* Phóng to nhẹ khi di chuột */
	box-shadow: 0 0 20px rgba(255, 255, 0, 0.8);
	background: #ffffff !important; /* Đổi sang trắng sáng khi hover */
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 14px;
	overflow: hidden;
	background: linear-gradient(135deg, #1d0237 0%, #34094f 100%);
	color: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	font-family: inherit;
}

table tr {
	transition: background-color 0.25s ease;
}

table tr:nth-child(even) {
	background-color: rgba(255, 255, 255, 0.04);
}

table tr:hover {
	background-color: rgba(255, 255, 255, 0.08);
}

table tr:first-child {
	background: linear-gradient(90deg, #ffd60a 0%, #ffb700 100%);
}

table tr:first-child:hover {
	background: linear-gradient(90deg, #ffd60a 0%, #ffb700 100%);
}

table tr:first-child td {
	color: #1d0237;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.6px;
}

table tr:first-child td:first-child {
	color: #1d0237;
}

table td {
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	vertical-align: middle;
	color:#fff
}

table tr:last-child td {
	border-bottom: none;
}

table td:first-child {
	color: #ffd60a;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.6px;
	width: 35%;
	padding-left: 10px !important;
}

table td:last-child {
	font-size: 15px;
}
.content-hompage {
	max-height:400px; 
	overflow-y:scroll;
	text-align:justify;
	padding:10px;
}
.content-hompage::-webkit-scrollbar {
	width: 8px;
}

.content-hompage::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 10px;
}

.content-hompage::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #ffd60a 0%, #ffb700 100%);
	border-radius: 10px;
}

.content-hompage::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #ffe14d 0%, #ffc933 100%);
}

/* Firefox */
.content-hompage {
	scrollbar-width: thin;
	scrollbar-color: #ffd60a rgba(255, 255, 255, 0.05);
}
.taxonomy-description {
	max-height: 150px;
	overflow-y: auto;
	padding-right: 8px;
}

/* Chrome, Edge, Safari */
.taxonomy-description::-webkit-scrollbar {
	width: 8px;
}

.taxonomy-description::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 10px;
}

.taxonomy-description::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #ffd60a 0%, #ffb700 100%);
	border-radius: 10px;
}

/* Firefox */
.taxonomy-description {
	scrollbar-width: thin;
	scrollbar-color: #ffd60a rgba(255, 255, 255, 0.05);
}