/* Bảng màu cowboy: đen – trắng/kem – vàng nâu – nâu yên ngựa.
   Đổi màu toàn bộ phần search, menu, offers, hero tại đây. */
:root {
	--cb-black: #1a1612;   /* đen ấm (espresso) */
	--cb-white: #ffffff;
	--cb-cream: #f6efe3;   /* kem giấy da */
	--cb-line: #e5d9c6;    /* đường kẻ be */
	--cb-gold: #d2b48c;    /* tan – màu nhấn + nút */
	--cb-gold-dark: #b08d5e;
	--cb-brown: #6b4423;   /* nâu yên ngựa */
	--cb-muted: #7a6a58;   /* xám nâu cho chữ phụ */
}

/* -------------------------------------------------------------------------
 * Toàn site: primary = vàng nâu → chữ trên nền vàng dùng màu đen cho dễ đọc,
 * chữ/viền vàng trên nền sáng đổi sang nâu yên.
 * ---------------------------------------------------------------------- */
.button:not(.is-outline):not(.is-underline):not(.is-link):not(.is-bevel):not(.secondary):not(.success):not(.alert):not(.white),
input[type=submit]:not(.secondary),
input[type=submit].button:not(.secondary),
.button.primary:not(.is-outline):not(.is-underline):not(.is-link),
.is-outline:hover,
.primary.is-outline:hover,
.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover,
.nav-box > li.active > a,
.nav-pills > li.active > a,
.badge-inner,
.has-hover:hover .badge-outline .badge-inner,
.featured-table .title,
.widgets-boxed .widget h3,
.nav-dropdown-bold .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold > li > a:hover {
	color: var(--cb-black) !important;
}
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow {
	fill: var(--cb-black) !important;
}

/* Nền sáng: chữ/viền primary → nâu yên (vàng trên trắng quá mờ) */
.button.primary.is-outline:not(:hover),
.button.primary.is-underline,
.button.primary.is-link,
.primary-color,
.button.is-outline:not(.secondary):not(.white):not(:hover) {
	color: var(--cb-brown);
	border-color: var(--cb-brown);
}
/* Nền tối giữ vàng */
.dark .button.primary.is-outline:not(:hover),
.dark .button.primary.is-underline,
.dark .button.primary.is-link,
.dark .primary-color,
.dark .button.is-outline:not(.secondary):not(.white):not(:hover) {
	color: var(--cb-gold);
	border-color: var(--cb-gold);
}