/**
 * FineCenter - Product Actions Core / Front V1.34.1
 * CSS-only replacement
 *
 * Grouped mobile:
 * center icon + text together while preserving RTL:
 * icon on the right, text on the left.
 */

@media (max-width: 767px) {

    /* =====================================================
       1. The actual Grouped cart / BIS buttons
       ===================================================== */

    html body.single-product
    .fc-grouped-card
    .fc-grouped-action-buttons
    > button.fc-grouped-row-add.fc-grouped-row-add,

    html body.single-product
    .fc-grouped-card
    .fc-grouped-action-buttons
    > button.fc-grouped-bis-btn.fc-grouped-bis-btn,

    html body
    #fc-ajax-qv-root#fc-ajax-qv-root
    .fc-grouped-card
    .fc-grouped-action-buttons
    > button.fc-grouped-row-add.fc-grouped-row-add,

    html body
    #fc-ajax-qv-root#fc-ajax-qv-root
    .fc-grouped-card
    .fc-grouped-action-buttons
    > button.fc-grouped-bis-btn.fc-grouped-bis-btn,

    html body
    .my-quick-view-box.my-quick-view-box
    .fc-grouped-card
    .fc-grouped-action-buttons
    > button.fc-grouped-row-add.fc-grouped-row-add,

    html body
    .my-quick-view-box.my-quick-view-box
    .fc-grouped-card
    .fc-grouped-action-buttons
    > button.fc-grouped-bis-btn.fc-grouped-bis-btn {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;
        align-content: center !important;

        direction: rtl !important;
        text-align: center !important;

        gap: 7px !important;
    }


    /* =====================================================
       2. Reset every direct visual child.
       Prevent width:100%, auto margins and absolute positioning
       from pushing the icon to the button edge.
       ===================================================== */

    html body.single-product
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-cart-icon,
        .fc-action-cart-icon,
        .fc-cwg-bis-icon,
        .fc-grouped-bis-icon,
        .fc-grouped-bell-icon,
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    ),

    html body
    #fc-ajax-qv-root#fc-ajax-qv-root
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-cart-icon,
        .fc-action-cart-icon,
        .fc-cwg-bis-icon,
        .fc-grouped-bis-icon,
        .fc-grouped-bell-icon,
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    ),

    html body
    .my-quick-view-box.my-quick-view-box
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-cart-icon,
        .fc-action-cart-icon,
        .fc-cwg-bis-icon,
        .fc-grouped-bis-icon,
        .fc-grouped-bell-icon,
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    ) {
        position: static !important;

        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        float: none !important;
        clear: none !important;

        transform: none !important;
        translate: none !important;

        flex-grow: 0 !important;
        flex-shrink: 0 !important;

        margin: 0 !important;
        margin-inline: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;

        padding-inline: 0 !important;
    }


    /* =====================================================
       3. Icon — first in RTL, therefore on the right
       ===================================================== */

    html body.single-product
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-cart-icon,
        .fc-action-cart-icon,
        .fc-cwg-bis-icon,
        .fc-grouped-bis-icon,
        .fc-grouped-bell-icon
    ),

    html body
    #fc-ajax-qv-root#fc-ajax-qv-root
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-cart-icon,
        .fc-action-cart-icon,
        .fc-cwg-bis-icon,
        .fc-grouped-bis-icon,
        .fc-grouped-bell-icon
    ),

    html body
    .my-quick-view-box.my-quick-view-box
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-cart-icon,
        .fc-action-cart-icon,
        .fc-cwg-bis-icon,
        .fc-grouped-bis-icon,
        .fc-grouped-bell-icon
    ) {
        display: inline-flex !important;

        flex: 0 0 auto !important;
        order: 0 !important;

        align-items: center !important;
        justify-content: center !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }


    /* =====================================================
       4. Text — compact width directly beside the icon
       ===================================================== */

    html body.single-product
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    ),

    html body
    #fc-ajax-qv-root#fc-ajax-qv-root
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    ),

    html body
    .my-quick-view-box.my-quick-view-box
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    ) {
        display: inline-flex !important;

        flex: 0 0 auto !important;
        order: 1 !important;

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

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        direction: rtl !important;
        text-align: center !important;
    }


    /* Keep each line centered inside the compact text wrapper. */

    html body.single-product
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    )
    > span,

    html body
    #fc-ajax-qv-root#fc-ajax-qv-root
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    )
    > span,

    html body
    .my-quick-view-box.my-quick-view-box
    .fc-grouped-card
    .fc-grouped-action-buttons
    > :is(
        button.fc-grouped-row-add.fc-grouped-row-add,
        button.fc-grouped-bis-btn.fc-grouped-bis-btn
    )
    > :is(
        .fc-grouped-row-cart-text,
        .fc-action-cart-text,
        .fc-cwg-bis-shortcode-btn-text
    )
    > span {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        text-align: center !important;
    }
}