/* ASSALAS MOBILE SERVICES R2.4
   WEB MOBILE UNIQUEMENT.
   Tous les 5 services restent visibles sur UNE seule ligne.
   Desktop > 768px et application native / APK non concernes. */

@media (max-width: 768px) {

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs,
    body.home-premium-v2 .booking-container.abr-widget[data-abr-size="narrow"] > .booking-tabs {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        grid-template-rows: 1fr !important;
        grid-auto-flow: row !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        gap: 2px !important;
        padding: 4px 2px !important;
        margin: 0 0 20px !important;

        overflow: visible !important;
        overflow-x: visible !important;
        white-space: normal !important;
        scrollbar-width: none !important;

        box-sizing: border-box !important;
    }

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs::-webkit-scrollbar {
        display: none !important;
    }

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs > .booking-tab,
    body.home-premium-v2 .booking-container.abr-widget[data-abr-size="narrow"] > .booking-tabs > .booking-tab {
        display: flex !important;
        flex: none !important;
        flex-basis: auto !important;

        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 70px !important;
        min-height: 70px !important;

        margin: 0 !important;
        padding: 5px 0 !important;

        gap: 5px !important;
        border-radius: 12px !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        touch-action: manipulation !important;
    }

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs > .booking-tab > i,
    body.home-premium-v2 .booking-container.abr-widget[data-abr-size="narrow"] > .booking-tabs > .booking-tab > i {
        display: block !important;
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;

        font-size: 17px !important;
        line-height: 1 !important;
    }

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs > .booking-tab > .booking-tab-label,
    body.home-premium-v2 .booking-container.abr-widget[data-abr-size="narrow"] > .booking-tabs > .booking-tab > .booking-tab-label {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: clamp(7px, 2.2vw, 9.2px) !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -0.25px !important;

        text-align: center !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    /* Le badge NEW reste sur ordinateur, mais il est retire de la rangee mobile
       pour laisser les cinq services respirer. */
    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs .booking-tab-new {
        display: none !important;
    }

    /* Neutralise les anciennes largeurs minimales qui provoquaient le scroll. */
    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs > * {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 380px) {
    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs,
    body.home-premium-v2 .booking-container.abr-widget[data-abr-size="narrow"] > .booking-tabs {
        gap: 1px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs > .booking-tab,
    body.home-premium-v2 .booking-container.abr-widget[data-abr-size="narrow"] > .booking-tabs > .booking-tab {
        height: 66px !important;
        min-height: 66px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs > .booking-tab > i {
        font-size: 15px !important;
    }

    body.home-premium-v2 .booking-container.abr-widget > .booking-tabs > .booking-tab > .booking-tab-label {
        font-size: clamp(6.6px, 2.15vw, 8.2px) !important;
        letter-spacing: -0.32px !important;
    }
}