/* ============================================================
   Sticky Ad Bar — thanh quảng cáo dính cạnh dưới (CHỈ MOBILE)
   Port từ mockup design/Pop-up quảng cáo sticky bottom/Sticky Ad Bar.dc.html
   ============================================================ */

@keyframes adbar-up {
	from { transform: translateY(120%); }
	to   { transform: translateY(0); }
}

@keyframes adbar-shine {
	0%   { transform: translateX(-130%) skewX(-18deg); opacity: 0; }
	8%   { opacity: 1; }
	34%  { transform: translateX(230%) skewX(-18deg); opacity: 0; }
	100% { transform: translateX(230%) skewX(-18deg); opacity: 0; }
}

/* Wrapper dính cạnh dưới */
#bvh-adbar.bvh-adbar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	font-family: 'Inter', sans-serif;
	animation: adbar-up .35s ease;
}

/* Trạng thái ẩn ban đầu (JS gỡ sau 10s) */
#bvh-adbar.bvh-adbar--hidden {
	display: none;
}

/* Chỉ hiện trên mobile */
@media (min-width: 768px) {
	#bvh-adbar.bvh-adbar {
		display: none !important;
	}
}

/* Nút × nổi NGOÀI thanh, góc phải trên */
#bvh-adbar .bvh-adbar__close {
	position: absolute;
	right: 14px;
	bottom: 100%;
	margin-bottom: 10px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(212, 180, 108, .35);
	border-radius: 50%;
	background: #0B1A30;
	color: #E7D6A8;
	font: 400 20px/1 'Inter', sans-serif;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 4px 16px rgba(4, 12, 26, .5);
}

/* Thanh gradient navy viền vàng */
#bvh-adbar .bvh-adbar__bar {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 15px 16px;
	background: linear-gradient(180deg, #112A4C 0%, #0A1A33 100%);
	border-top: 1px solid rgba(212, 180, 108, .30);
	box-shadow: 0 -8px 30px rgba(4, 12, 26, .5);
}

/* Text bên trái — không wrap, co giãn 1 dòng */
#bvh-adbar .bvh-adbar__text {
	flex: 1;
	min-width: 0;
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: #F4F1EA;
	font: 600 16px/1.2 'Inter', sans-serif;
	letter-spacing: .005em;
}

/* Nút CTA gradient vàng champagne + shine */
#bvh-adbar .bvh-adbar__cta {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
	padding: .58em 1.15em;
	border-radius: 9px;
	background: linear-gradient(135deg, #F0D789 0%, #C9A23F 52%, #B0852A 100%);
	box-shadow: 0 3px 12px rgba(176, 133, 42, .4);
	color: #14120F;
	font: 700 15px/1 'Inter', sans-serif;
	letter-spacing: .01em;
}

#bvh-adbar .bvh-adbar__cta::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 45%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .85), transparent);
	animation: adbar-shine 3.6s ease-in-out infinite;
	pointer-events: none;
}

#bvh-adbar .bvh-adbar__cta-label {
	position: relative;
	z-index: 1;
}