/* Meta dưới tên đầu mục tour — màu theo loại tag (đồng bộ toàn hệ thống) */
.tour-dm-meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.01em;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid transparent;
}

/* 🕐 Thời gian — xanh lá đậm */
.tour-dm-meta-tag--time {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}

/* ✈ Bay / 🚌 Xe / 🚂 Tàu — xanh nước biển đậm */
.tour-dm-meta-tag--pt-bay,
.tour-dm-meta-tag--pt-xe,
.tour-dm-meta-tag--pt-tau {
    background: #dbeafe;
    color: #1e40af;
    border-color: #60a5fa;
}

/* Hãng bay / NCC — cam đào */
.tour-dm-meta-tag--airline {
    background: #fdd9b8;
    color: #8a3b08;
    border-color: #e07020;
}

/* 📍 Điểm khởi hành — xám (icon đỏ tự nhiên) */
.tour-dm-meta-tag--kh,
.tour-dm-meta-tag--secondary.tour-dm-meta-tag--kh {
    background: #e8edf4;
    color: #3f4d61;
    border-color: #a8b4c8;
}

/* Alias cũ: secondary = KH khi dùng riêng class --secondary */
.tour-dm-meta-tag--secondary {
    background: #e8edf4;
    color: #3f4d61;
    border-color: #a8b4c8;
}

/* Nền tối: panel đầu mục tour, modal chi tiết */
.tour-panel .tour-dm-meta-tag--time,
.tour-panel-m .tour-dm-meta-tag--time,
.tour-panel-s .tour-dm-meta-tag--time,
.bk-detail .tour-panel .tour-dm-meta-tag--time,
.bk-detail-mb .tour-panel .tour-dm-meta-tag--time {
    background: rgba(22, 128, 61, 0.28);
    color: #bbf7d0;
    border-color: rgba(134, 239, 172, 0.45);
}

.tour-panel .tour-dm-meta-tag--pt-bay,
.tour-panel-m .tour-dm-meta-tag--pt-bay,
.tour-panel-s .tour-dm-meta-tag--pt-bay,
.bk-detail .tour-panel .tour-dm-meta-tag--pt-bay,
.bk-detail-mb .tour-panel .tour-dm-meta-tag--pt-bay,
.tour-panel .tour-dm-meta-tag--pt-xe,
.tour-panel-m .tour-dm-meta-tag--pt-xe,
.tour-panel-s .tour-dm-meta-tag--pt-xe,
.tour-panel .tour-dm-meta-tag--pt-tau,
.tour-panel-m .tour-dm-meta-tag--pt-tau,
.tour-panel-s .tour-dm-meta-tag--pt-tau {
    background: rgba(30, 64, 175, 0.32);
    color: #bfdbfe;
    border-color: rgba(96, 165, 250, 0.45);
}

.tour-panel .tour-dm-meta-tag--airline,
.tour-panel-m .tour-dm-meta-tag--airline,
.tour-panel-s .tour-dm-meta-tag--airline,
.bk-detail .tour-panel .tour-dm-meta-tag--airline,
.bk-detail-mb .tour-panel .tour-dm-meta-tag--airline {
    background: rgba(240, 90, 40, 0.28);
    color: #fed7aa;
    border-color: rgba(251, 146, 60, 0.45);
}

.tour-panel .tour-dm-meta-tag--kh,
.tour-panel-m .tour-dm-meta-tag--kh,
.tour-panel-s .tour-dm-meta-tag--kh,
.tour-panel .tour-dm-meta-tag--secondary,
.tour-panel-m .tour-dm-meta-tag--secondary,
.tour-panel-s .tour-dm-meta-tag--secondary,
.bk-detail .tour-panel .tour-dm-meta-tag--kh,
.bk-detail-mb .tour-panel .tour-dm-meta-tag--kh {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.22);
}

/* Hàng meta dưới tên — layout đồng bộ */
.dm-tags,
.tc-line-meta,
.mcard-line-meta,
.ti-mob .tc-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.ti-mgmt .dm-tags {
    gap: 4px;
}

.tc-line-meta .tour-dm-meta-tag,
.mcard-line-meta .tour-dm-meta-tag,
.dm-tags .tour-dm-meta-tag {
    font-size: 10.5px;
}

/* Mobile tour card: không ghi đè màu tag chuẩn */
.ti-mob .tc-tag.tour-dm-meta-tag--time {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}

.ti-mob .tc-tag.tour-dm-meta-tag--pt-bay,
.ti-mob .tc-tag.tour-dm-meta-tag--pt-xe,
.ti-mob .tc-tag.tour-dm-meta-tag--pt-tau {
    background: #dbeafe;
    color: #1e40af;
    border-color: #60a5fa;
}

.ti-mob .tc-tag.tour-dm-meta-tag--airline {
    background: #fdd9b8;
    color: #8a3b08;
    border-color: #e07020;
}

.ti-mob .tc-tag.tour-dm-meta-tag--kh {
    background: #e8edf4;
    color: #3f4d61;
    border-color: #a8b4c8;
}