/* Mobile fix for service type visibility in timeslots */
@media (max-width: 576px) {
    /* Ensure timeslot items have enough height to show service type */
    .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item {
        height: auto !important;
        min-height: 50px !important;
        overflow: visible !important;
        padding: 6px 4px !important;
        line-height: 1.2 !important;
    }
    
    /* Style the service type span to be more visible on mobile */
    .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item .bpa-front--ts-online-status {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        margin-top: 2px !important;
        color: var(--bpa-pt-main-green, #12D488) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }
}