/* Consolidated flight view overrides (comments removed) */

@media (max-width: 768px) {
    .date-item,
    .slick-slide,
    .owl-item {
        display: block !important;
    }

    .date-item,
    .slick-slide,
    .owl-item {
        width: 33.3333vw !important;
        max-width: 33.3333vw !important;
        text-align: center !important;
        padding: 8px 0 !important;
        background-color: #fff !important;
        border: none !important;
        float: left !important;
    }

    .date-item.active,
    .date-item.selected,
    .slick-current {
        background-color: #F09428 !important;
    }

    .date-item.active *,
    .date-item.selected *,
    .slick-current * {
        color: #553E26 !important;
        font-weight: 600 !important;
    }

    .date-item:not(.active):not(.selected) *,
    .slick-slide:not(.slick-current) * {
        color: #557596 !important;
        font-weight: 500 !important;
    }

    .date-item p, .date-item span, .date-item div,
    .slick-slide p, .slick-slide span, .slick-slide div {
        font-size: 14px !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .slick-track{
        width: 98% !important;
    }

    .flDate__item.slick-slide{
        width: 107px !important;
    }
}

.flTicketMobile__box {
    border: 1px solid #E2E8F0; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05); margin-bottom: 20px;
}
.flightInfo__header { background-color: #381358; color: #fff; text-align: center; padding: 12px; font-size: 16px; font-weight: 600; }
.flInfo__trip { display: flex; justify-content: space-between; align-items: center; padding: 20px 15px 10px 15px; }
.flInfo__item { flex: 1; }
.flInfo__item:first-child { text-align: left; }
.flInfo__item:last-child { text-align: right; }
.flInfo__iviewFlighttem { flex: 0 0 100px; text-align: center; }
.flInfo__trip .text18 { font-size: 22px !important; font-weight: 700; color: #1E293B; }
.flInfo__trip .text12 { font-size: 13px !important; color: #64748B; margin-top: 5px; }
.flInfo__trip .ANN_from, .flInfo__trip .ANN_to { font-size: 16px; color: #64748B; font-weight: 500; margin-left: 4px; }
.flTicketMobile__price { padding: 15px; background: #fff; }
.priceMobile { border: 1px solid #E2E8F0; border-radius: 4px; overflow: hidden; margin-bottom: 15px; display: block; background: #fff; }
.priceMobile__header { padding: 10px; color: #fff; text-align: center; font-weight: 600; text-transform: uppercase; font-size: 14px; }
.priceMobile__header.WP { background-color: #c482ce; }
.priceMobile__header.ES { background-color: #9d50bb; }
.priceMobile__header.EF { background-color: #6a2a88; }
.priceMobile__header.BP { background-color: #381358; }
.priceMobile__header.soldOut { background-color: #94A3B8; }
.priceMobile.soldOut { display: none !important; }
.priceMobile__body { display: flex; justify-content: space-between; align-items: center; padding: 15px; }
.priceMobile__info p.price_text { font-size: 18px; font-weight: 700; color: #1E293B; margin-bottom: 4px; }
.priceMobile__info p.seat_text { font-size: 13px; color: #381358; }
.priceMobile__btn button.bgOrange { background-color: #F15A24; color: #fff; border: none; padding: 10px 24px; font-weight: 600; border-radius: 4px; cursor: pointer; }

.mobileFareBox { width: 100%; font-size: 14px; }
.mobileFareBox__group { margin-bottom: 15px; border: 1px solid #e2e8f0; overflow: hidden; background: #fff; }
.mobileFareBox__header { color: #fff; text-align: center; padding: 12px; font-weight: 700; text-transform: uppercase; font-size: 14px; }
.mobileFareBox__header.WP { background-color: #c482ce; }
.mobileFareBox__header.ES { background-color: #9d50bb; }
.mobileFareBox__header.EF { background-color: #6a2a88; }
.mobileFareBox__header.BP { background-color: #381358; }
.mobileFareBox__row { display: flex; border-top: 1px solid #e2e8f0; align-items: stretch; }
.mobileFareBox__label { flex: 1; display: flex; align-items: center; gap: 10px; padding: 15px 12px; color: #6a2a88; font-weight: 600; border-right: 1px solid #e2e8f0; background: #fff; font-size: 13px; line-height: 1.4;}
.mobileFareBox__val { flex: 1; padding: 15px 12px; color: #1E293B; font-weight: 600; display: flex; align-items: center; font-size: 13px; line-height: 1.4;}
.mobileFareBox__label svg { width: 22px; height: 22px; fill: #6a2a88; flex-shrink: 0; }

/* Box filter / sort overrides */
.custom-orange-btn {
    background-color: #F15A24 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none !important;
    outline: none !important;
}

.custom-orange-btn svg {
    fill: #ffffff;
    stroke: #ffffff;
}

.custom-orange-btn.filter-btn svg:first-child {
    stroke: none;
}

.lowest-fare-btn {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mobile-lowest-fare {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media (max-width: 767px){
    .sortFilter > .box__sort{order:1}
    .sortFilter > .box__filter{order:2}
    .sortFilter > .mobile-lowest-fare{order:3}
    .sortFilter > .mobile-lowest-fare{margin-left:auto !important}
}

/* Date item override moved from inline */
.flDate__item.slick-slide { width: 150px !important; }