/*
Theme Name: 888VND Enterprise
Theme URI: https://example.com/888vnd-enterprise
Author: VN AI
Description: Theme WordPress casino tổng hợp 888VND, giao diện xanh đậm và vàng, tối ưu SEO, responsive, category và single đầy đủ.
Version: 1.3.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: vnd888
License: GNU General Public License v2 or later
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog
*/

.vnd-hero h1 {
    letter-spacing: 0px;
}
.vnd-entry-title {
    font-size: 32px;
   
}
@media (max-width: 768px) {
	.entry-content,
	.vnd-single__content,
	.vnd-single__article {
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
	}

	.entry-content img,
	.entry-content figure,
	.entry-content .wp-caption,
	.entry-content .wp-block-image {
		display: block;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		margin-left: auto;
		margin-right: auto;
	}

	.entry-content figure img,
	.entry-content .wp-block-image img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}

	.entry-content iframe,
	.entry-content video,
	.entry-content embed,
	.entry-content object {
		width: 100% !important;
		max-width: 100% !important;
		height: auto;
	}
}
/* ==================================================
   PRIMARY MENU — LEVEL 2 / SUBMENU
================================================== */
.vnd-nav .primary-menu > li {
	position: relative;
}

.vnd-nav .primary-menu .menu-item-has-children > a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.vnd-nav .primary-menu .menu-item-has-children > a::after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform .2s ease;
}

.vnd-nav .sub-menu {
	position: absolute;
	top: calc(100% - 1px);
	left: 50%;
	z-index: 120;
	min-width: 230px;
	margin: 0;
	padding: 8px;
	list-style: none;
	visibility: hidden;
	opacity: 0;
	transform: translate(-50%, 10px);
	background: #00251b;
	border: 1px solid rgba(255, 194, 47, .32);
	border-radius: 10px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.vnd-nav .sub-menu::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 50%;
	width: 12px;
	height: 12px;
	background: #00251b;
	border-top: 1px solid rgba(255, 194, 47, .32);
	border-left: 1px solid rgba(255, 194, 47, .32);
	transform: translateX(-50%) rotate(45deg);
}

.vnd-nav .sub-menu li {
	position: relative;
}

.vnd-nav .sub-menu a {
	display: block;
	padding: 11px 13px;
	color: #f3f7f5;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	white-space: nowrap;
	border: 0;
	border-radius: 7px;
}

.vnd-nav .sub-menu a:hover,
.vnd-nav .sub-menu .current-menu-item > a,
.vnd-nav .sub-menu .current-menu-ancestor > a {
	color: #13241c;
	background: linear-gradient(180deg, var(--vnd-gold2), var(--vnd-gold));
	border: 0;
}

.vnd-nav .primary-menu > li:hover > .sub-menu,
.vnd-nav .primary-menu > li:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0);
}

.vnd-nav .primary-menu > li:hover > a::after,
.vnd-nav .primary-menu > li:focus-within > a::after {
	transform: translateY(2px) rotate(225deg);
}

/* Submenu cấp 3 nếu cần. */
.vnd-nav .sub-menu .sub-menu {
	top: -8px;
	left: calc(100% + 8px);
	transform: translate(10px, 0);
}

.vnd-nav .sub-menu .sub-menu::before {
	display: none;
}

.vnd-nav .sub-menu li:hover > .sub-menu,
.vnd-nav .sub-menu li:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
}

@media (max-width: 980px) {
	.vnd-nav .primary-menu > li {
		width: 100%;
	}

	.vnd-nav .primary-menu .menu-item-has-children > a {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.vnd-nav .sub-menu,
	.vnd-nav .sub-menu .sub-menu {
		position: static;
		min-width: 0;
		margin: 0 0 4px 12px;
		padding: 0 0 0 10px;
		visibility: visible;
		display: none;
		opacity: 1;
		transform: none;
		background: transparent;
		border: 0;
		border-left: 1px solid rgba(255, 194, 47, .32);
		border-radius: 0;
		box-shadow: none;
		transition: none;
	}

	.vnd-nav .sub-menu::before {
		display: none;
	}

	.vnd-nav .menu-item-has-children.is-submenu-open > .sub-menu {
		display: block;
	}

	.vnd-nav .sub-menu a {
		padding: 9px 11px;
		font-size: 13px;
		white-space: normal;
	}

	.vnd-nav .menu-item-has-children.is-submenu-open > a::after {
		transform: translateY(2px) rotate(225deg);
	}
}