/* =====================================================================
 * DDBL Core – nền tảng giao diện "Rừng & Nắng"
 * Biến màu in ở <head> (#ddbl-tokens). File này: nền gradient + đồng bộ
 * nút chốt (CTA), hero của các template hiện có.
 * ===================================================================== */

/* ---------- Nền ---------- */
.ddbl-bg-nang, .vxd-bg-nang {
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(242,182,50,.38) 0%, rgba(242,182,50,0) 65%),
		linear-gradient(135deg, #0F6E56 0%, #0A4D3C 100%) #0F6E56;
	color: #fff;
}
.ddbl-bg-nang :is(h1,h2,h3,h4), .vxd-bg-nang :is(h1,h2,h3,h4) { color: #fff; }
.ddbl-bg-nang p, .vxd-bg-nang p { color: rgba(255,255,255,.88); }
.ddbl-bg-mint, .vxd-bg-mint {
	background:
		radial-gradient(50% 65% at 8% 10%, rgba(43,181,138,.35) 0%, rgba(43,181,138,0) 70%),
		radial-gradient(45% 60% at 95% 15%, rgba(242,182,50,.30) 0%, rgba(242,182,50,0) 70%),
		radial-gradient(60% 60% at 80% 100%, rgba(15,110,86,.16) 0%, rgba(15,110,86,0) 70%),
		#E7F3EF;
	color: var(--ddbl-text);
}
.ddbl-bg-dark { background: var(--ddbl-secondary); color: #fff; }
.ddbl-bg-surface { background: var(--ddbl-surface); }

/* Nút, card, nhãn, giá, đánh giá, lưu ý, đầu section: assets/css/ui/*.css (DDBL UI) */

/* =====================================================================
 * Đồng bộ các template hiện có theo hệ "Rừng & Nắng"
 * - Nút chốt (gửi đặt phòng/tour, gửi form): vàng, chữ #14231E.
 * - Nút trong thẻ trên nền sáng: xanh primary, hover xanh đậm.
 * ===================================================================== */
.xddb-bk-submit,
.xddb-bk-submit:hover,
.xddb-o-bottom-nav-book,
.xsub .xs-btn:not(.ghost) {
	background: var(--ddbl-highlight) !important;
	color: var(--ddbl-ink) !important;
	box-shadow: none;
}
.xddb-bk-submit:hover,
.xsub .xs-btn:not(.ghost):hover,
.xddb-o-bottom-nav-book:hover { background: var(--ddbl-highlight-2) !important; filter: none; }
.xddb-bk-submit svg, .xddb-o-bottom-nav-book svg { color: var(--ddbl-ink); }
.xddb-bk-spinner { border-color: rgba(20,35,30,.25) !important; border-top-color: var(--ddbl-ink) !important; }

.xddb-o-btn-book { border-radius: var(--ddbl-radius-btn); transition: background-color .15s; }
.xddb-o-btn-book:hover { opacity: 1; background: var(--ddbl-secondary); }
.xsub .xs-btn { border-radius: var(--ddbl-radius-btn); }

/* Sao đánh giá chưa đạt dùng sao đặc màu nhạt (không dùng far fa-star) */
.ddb-card-rating svg, .ddb-rating svg { fill: var(--ddbl-highlight); }

/* Hero của các trang lưu trữ / khám phá / chuyên mục: nền "Nắng chiếu góc" */
.xddb-dd-hero, .xddb-explore-hero, .xd-arc-hero, .dbl-hero {
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(242,182,50,.38) 0%, rgba(242,182,50,0) 65%),
		linear-gradient(135deg, #0F6E56 0%, #0A4D3C 100%) #0F6E56 !important;
	color: #fff;
}
.xddb-dd-hero-overline { color: var(--ddbl-highlight-2) !important; letter-spacing: 2px; }