/* RR_FLOATING_CART_CENTER_RIGHT_FINAL_V1
   Final authority: tablet/desktop floating cart stays centered on the right side. */

@media (min-width: 641px) {
    html body:not(.admin) .rr-mobile-floating-cart {
        display: inline-flex !important;
        position: fixed !important;
        top: 50% !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        bottom: auto !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        z-index: 99960 !important;
        width: 66px !important;
        height: 86px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        min-height: 86px !important;
        max-height: 86px !important;
        border-radius: 14px 0 0 14px !important;
    }
}

@media (min-width: 641px) and (max-width: 1240px) {
    html body:not(.admin):has(.checkout-page) .rr-mobile-floating-cart {
        display: none !important;
    }
}

html body:not(.admin):has(.checkout-page) .rr-mobile-floating-cart {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (min-width: 1181px) {
    html body:not(.admin) .rr-mobile-floating-cart {
        right: max(14px, env(safe-area-inset-right)) !important;
    }
}

@media (max-width: 640px) {
    html body:not(.admin) .rr-mobile-floating-cart {
        display: none !important;
    }
}

/*
| RR_FLOATING_CART_FLUSH_RIGHT_EDGE_V1
| The side cart sits on the right edge; right corners must be square.
*/
html body:not(.admin) .rr-mobile-floating-cart {
    right: 0 !important;
    border-right: 0 !important;
    border-radius: 14px 0 0 14px !important;
}

html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-total {
    border-radius: 0 0 0 14px !important;
}

@media (max-width: 760px) {
    html body:not(.admin) .rr-mobile-floating-cart {
        right: 0 !important;
        border-right: 0 !important;
        border-radius: 13px 0 0 13px !important;
    }

    html body:not(.admin) .rr-mobile-floating-cart .rr-mobile-floating-cart-total {
        border-radius: 0 0 0 13px !important;
    }
}
