/* =====================================================================
 * [business_tours] – slider tour doanh nghiệp nổi bật
 * Khung slider: destination-slider.css + featured-tours.css · Thẻ tour: tour-list.css
 * Màu: chỉ dùng biến :root (--hg-primary, --hg-text, --hg-button, --green-natural)
 * ===================================================================== */

/* ---------- Nút ‹ › : vòng tròn viền mảnh, nằm ngoài mép slider ---------- */
/*.bts-slider.ds-slider .ds-nav {*/
/*	width: 34px;*/
/*	height: 34px;*/
/*	margin-top: -17px;*/
/*	border: 1px solid color-mix(in srgb, var(--hg-text) 22%, transparent) !important;*/
/*	background: #fff !important;*/
/*	color: var(--hg-text) !important;*/
/*	box-shadow: none !important;*/
/*}*/
/*.bts-slider.ds-slider .ds-nav svg { width: 18px; height: 18px; }*/
/*.bts-slider.ds-slider .ds-nav:hover { border-color: var(--hg-primary) !important; background: var(--hg-primary) !important; color: #fff !important; }*/
/*.bts-slider.ds-slider .ds-prev { left: -48px; }*/
/*.bts-slider.ds-slider .ds-next { right: -48px; }*/

/* ---------- Thẻ: dòng "Phù hợp với" + nút "Liên hệ báo giá" ---------- */
.bts .ctl-card-meta .is-audience { align-items: flex-start; }
.bts .ctl-card-foot { padding-top: 14px; }
.bts .ctl-card-price {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px 8px 12px;
	border-radius: 999px;
	background: var(--hg-primary);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	transition: background .2s;
}
.bts .ctl-card-price::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.bts .ctl-card-foot:hover .ctl-card-price { background: var(--hg-button); }

/* ---------- Chấm phân trang: thanh bo tròn, thanh đang xem màu xanh đậm ---------- */
.bts .fts-dots { gap: 8px; margin-top: 20px; }
.bts .fts-dots button,
.bts .fts-dots button.is-active { width: 24px; height: 8px; }
.bts .fts-dots button { background: color-mix(in srgb, var(--hg-text) 20%, #fff) !important; transition: background .25s; }
.bts .fts-dots button:hover { background: color-mix(in srgb, var(--hg-text) 35%, #fff) !important; }
.bts .fts-dots button.is-active { background: var(--hg-primary) !important; }

/* ---------- Màn hình nhỏ hơn ---------- */
/* Không đủ chỗ ngoài mép → nút đè nhẹ lên mép thẻ */
/*@media (max-width: 1299px) {*/
/*	.bts-slider.ds-slider .ds-prev { left: -14px; }*/
/*	.bts-slider.ds-slider .ds-next { right: -14px; }*/
/*	.bts-slider.ds-slider .ds-nav { box-shadow: 0 2px 10px color-mix(in srgb, var(--hg-text) 15%, transparent) !important; }*/
/*}*/
@media (max-width: 549px) {
	.bts-slider.ds-slider .ds-nav { display: none; } /* điện thoại: vuốt, thẻ kế tiếp ló ra 1 phần */
	.bts .ctl-card-price { padding: 7px 14px 7px 10px; }
}