/* Danh sách tab */
.tab_dulich .nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 25px;
}

/* Tab thường */
.tab_dulich .nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fa;
    color: var(--color-main);
    border: 1px solid #dbe5f0;
    border-radius: 50px;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
    transition: all .3s ease;
    text-decoration: none;
}

/* Hover */
.tab_dulich .nav li a:hover {
    background: var(--color-main);
    color: var(--color-white);
    transform: translateY(-2px);
}

/* Tab đang active */
.tab_dulich .nav li.active a {
    background: var(--color-main);
    color: var(--color-white);
    border-color: var(--color-main);
    box-shadow: 0 4px 12px rgba(26,97,164,.3);
}

/* Panel */
.tab_dulich .panel {
    margin: 0;
}

/* Mobile */
@media (max-width: 768px) {
    .tab_dulich .nav {
		justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px;
        margin-bottom: 15px;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .tab_dulich .nav::-webkit-scrollbar {
        display: none;
    }

    .tab_dulich .nav li {
        width: auto;
        flex: 0 0 auto;
    }

    .tab_dulich .nav li a {
        width: auto;
        white-space: nowrap;
        padding: 10px 18px;
        font-size: 14px;
    }

    .tab_dulich .tab-panels {
        padding: 15px;
    }
	
	.an {
		margin-top: -30px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.diemden_hd .gallery-col {
		padding: 8px;
	}

	.diemden_hd .gallery-box {
		background: #fff;
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
		border: 1px solid #f0f0f0;
	}

	.diemden_hd .box-image {
		border-radius: 20px 20px 0 0 !important;
		overflow: hidden;
	}

	.diemden_hd .box-image img {
		width: 100%;
		aspect-ratio: 4/3;
		object-fit: cover;
		display: block;
	}

	.diemden_hd .box-text {
		padding: 14px 10px !important;
		background: var(--color-white);
	}

	.diemden_hd .box-text p {
		margin: 0;
		font-size: 18px;
		color: var(--color-main);
		text-transform: uppercase;
		letter-spacing: 1px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 6px;
	}

	.diemden_hd .box-text p::before {
		content: "\f3c5";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		color: var(--color-phu);
		font-size: 15px;
	}
	
	/* Nút điều hướng */
	.flickity-prev-next-button {
		top: 50% !important;
	}
	
	.row.diemden_hd .flickity-prev-next-button {
		width: 35px !important;
		height: 35px;
		border-radius: 50%;
		background: var(--color-main) !important;
		border: 3px solid var(--color-white);
		box-shadow: 0 4px 12px rgba(13, 110, 253, .3);
		opacity: 1;
	}

	.row.diemden_hd .flickity-prev-next-button:hover {
		background: #0b5ed7 !important;
	}

	/* Icon mũi tên màu trắng */
	.row.diemden_hd .flickity-prev-next-button .arrow {
		fill: var(--color-white) !important;
	}

	/* Đặt vị trí đẹp hơn */
	.row.diemden_hd .previous {
		left: -5px;
	}

	.row.diemden_hd .next {
		right: -5px;
	}
	
	.row.diemden_hd .flickity-prev-next-button svg {
		width: 75%;
	}
}