/* Bareilly Taxi Route Lite Fix — route pages only */

/* Compact route hero without changing City Page */
.bt-route-auto .bt-premium-hero-grid {
    position: relative !important;
    min-height: 430px !important;
    height: 430px !important;
    grid-template-columns: minmax(0, 1fr) 390px !important;
    align-items: stretch !important;
    overflow: hidden !important;
}

.bt-route-auto .bt-premium-hero-copy {
    position: relative !important;
    z-index: 7 !important;
}

/* Keep the car at the road/right-bottom and above the background */
.bt-route-auto .bt-premium-route-car {
    position: absolute !important;
    left: 48% !important;
    bottom: 4px !important;
    width: min(38vw, 460px) !important;
    max-width: 460px !important;
    z-index: 8 !important;
    pointer-events: none !important;
}

/* Move the route service card to the upper-right so it does not cover the car */
.bt-route-auto .bt-premium-booking-panel {
    position: relative !important;
    z-index: 10 !important;
    align-self: start !important;
    margin-top: 12px !important;
}

/* Full available width for the booking/calculator card inside its left column */
.bt-route-auto .bt-premium-booking-panel .bt-booking-v9,
.bt-route-auto .bt-premium-booking-panel .bt-booking-wrapper,
.bt-route-auto .bt-premium-booking-panel .bt-booking-card {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Keep related cards stable; no image fallback/replacement logic here */
.bt-route-auto .bt-premium-route-card img,
.bt-route-auto .bt-route-card img {
    display: block;
    max-width: 100%;
}

@media (max-width: 980px) {
    .bt-route-auto .bt-premium-hero-grid {
        height: auto !important;
        min-height: 430px !important;
        grid-template-columns: minmax(0, 1fr) 340px !important;
    }
    .bt-route-auto .bt-premium-route-car {
        left: 42% !important;
        width: min(42vw, 400px) !important;
    }
}

@media (max-width: 700px) {
    .bt-route-auto .bt-premium-hero-grid {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    .bt-route-auto .bt-premium-hero-copy {
        width: 100% !important;
    }
    .bt-route-auto .bt-premium-booking-panel {
        order: 2 !important;
        width: 100% !important;
        margin-top: 14px !important;
    }
    .bt-route-auto .bt-premium-route-car {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        width: 78% !important;
        max-width: 340px !important;
        margin: -6px auto 0 !important;
        order: 3 !important;
    }
}