/* CARD TOUR */
.product-small.box {
	background: var(--color-white);
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 25px rgba(0, 0, 0, .08);
	transition: .35s;
}

.product-small.box:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
}

/* ẢNH */
.product-small .box-image {
	position: relative;
	overflow: hidden;
}

.product-small .box-image img {
	width: 100%;
	object-fit: cover;
	transition: .5s;
}

.product-small.box:hover .box-image img {
	transform: scale(1.08);
}

/* TRONG NƯỚC */
.tour-type {
	position: absolute;
	top: 3%;
	left: 3%;
	z-index: 5;
}

.tour-type-inner {
	background: var(--color-main);
    color: var(--color-white);
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 30px;
}

/* ĐỊA ĐIỂM TRONG ẢNH */
.tour-destination {
	position: absolute;
    left: 3%;
    bottom: 3%;
    z-index: 5;
    background: rgba(0, 0, 0, .65);
    color: var(--color-white);
    padding: 5px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.tour-destination i {
	color: var(--color-phu);
}

/* PHẦN TEXT */
.product-small .box-text {
	padding: 20px;
	text-align: left !important;
}

/* ĐÁNH GIÁ + PHƯƠNG TIỆN */
.tour-top-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
}

.tour-rating {
	background: #fff4e5;
	color: var(--color-phu);
	padding: 8px 12px;
	border-radius: 8px;
	margin-left: unset !important;
	margin-right: unset !important;
}

.tour-rating::before {
	content: "★ ";
}

.tour-transport {
	background: #eef4ff;
	color: var(--color-main);
	place-content: center;
	padding: 8px 12px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: unset !important;
	margin-right: unset !important;
}

/* TIÊU ĐỀ */
.product-title a {
	font-size: 18px;
	color: var(--color-black);
	text-decoration: none;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 2.5em;
}

/* Hover đổi màu */
.product-small.box:hover .product-title a {
	color: var(--color-main) !important;
}

/* NGÀY + ĐỊA ĐIỂM */
.tour-meta {
	display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid #eee;
}

.tour-meta-item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #333;
	font-size: 13px;
	margin-left: unset !important;
	margin-right: unset !important;
}

.tour-meta-item i {
	color: var(--color-main);
}

/* GIÁ + NÚT */
.tour-price-action {
	margin-top: 18px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 15px;
}

.product-small.box .price-wrapper {
	margin-left: unset !important;
	margin-right: unset !important;
}

.price-wrapper del {
	display: block;
	color: #999;
	font-size: 14px;
	margin-bottom: 4px;
	margin-left: unset !important;
	margin-right: unset !important;
}

.tour-item-wrap .price-wrapper del {
	font-size: 14px;
}

.tour-item-wrap .price-wrapper ins .woocommerce-Price-amount {
	font-size: 18px;
}

.price-wrapper ins {
	text-decoration: none;
}

.price-wrapper ins .woocommerce-Price-amount {
	color: var(--color-phu);
	font-size: 20px;
	margin-left: unset !important;
	margin-right: unset !important;
}

.tour-view-btn {
	display:inline-flex;
    align-items:center;
    justify-content:center;
	background: var(--color-main);
	color: var(--color-white) !important;
	padding: 10px 20px;
	border-radius: 12px;
	transition: .3s;
	margin-left: unset !important;
	margin-right: unset !important;
}

.tour-view-btn i {
    margin-left: 8px;
    transition: all .3s ease;
}

.product-small.box:hover .tour-view-btn {
	background: var(--color-phu);
}

/* MOBILE */
@media(max-width:768px) {
	.product-small .box-image img {
		height: 220px;
	}

	.tour-top-info {
		flex-wrap: wrap;
	}

	.tour-meta {
		grid-template-columns: 1fr;
	}

	.tour-view-btn {
		width: 100%;
		text-align: center;
	}

	.product-title a {
		font-size: 18px;
	}
}

.woocommerce.widget_product_categories, .woocommerce.widget_price_filter {
	background-color: var(--color-white);
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border: 1px solid #f1f1f5;
	padding: 0 !important;
}

.woocommerce.widget_product_categories .is-divider {
	display: none;
}

.woocommerce.widget_product_categories .widget-title {
	background-color: var(--color-main);
	padding: 15px 20px !important;
	margin: 0 !important;
	color: var(--color-white);
	font-weight: bold;
	display: flex;
	align-items: center;
}

.widget_product_categories .widget-title::before {
	content: "\f03a";
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	font-size: 14px;
}

.product-categories {
	padding: 15px 10px;
}

.product-categories li {
	border: none !important;
	padding: 3px 0px;
}

.product-categories .children {
	padding-left: 10px;
	margin-top: 5px;
	margin-left: 10px;
}

.product-categories .children .cat-item.active a {
	color: var(--color-main);
}

.product-categories .children .cat-item a {
	transition: all 0.3s linear;
	padding:10px 0px !important;
	color: var(--color-black);
}

.product-categories .cat-item.active .icon-angle-down {
	color: var(--color-black);
}

.product-categories .children .cat-item a:hover {
	padding-left: 0.5rem;
	color: var(--color-main);
}

.widget_product_categories .toggle {
	margin-right: 10px !important;
}

.woocommerce.widget_price_filter .widget-title {
	color: var(--color-main);
	display: flex;
	padding: 15px 0px 10px 20px;

}

.woocommerce.widget_price_filter .widget-title::before {
	content: "\f0b0";
	font-family: "Font Awesome 5 Free";
	margin-right: 8px;
}

.woocommerce.widget_price_filter .is-divider {
	width: 90%;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 2px;
	background-color: #eee;
	display: block;
}

.woocommerce.widget_price_filter .ui-widget-content {
	width: 90%;
	max-width: 90%;
	margin: 20px auto 20px auto;
	display: block;
}

.woocommerce.widget_price_filter .ui-widget-content span {
	background: var(--color-main);

}

.woocommerce.widget_price_filter .price_slider_amount {
	display: flex !important;
	flex-direction: column-reverse !important;
}

.woocommerce.widget_price_filter .price_slider_amount .price_label {
	padding: 10px;
	color: var(--color-main);
	margin: 3px 0px 10px 0px;
}

.woocommerce.widget_price_filter .price_slider_amount .button {
	background-color: var(--color-main);
	border-radius: 20px;
	margin-left: 10px;
}

.widget>ul>li>a {
	color: var(--color-black);
}

.woocommerce.widget_product_categories .cat-item-17 {
	display: none;
}