/**
 * Speed Buying - Floating Cart Section Styles
 *
 * This CSS file contains styles for the floating cart section feature.
 * It applies only on mobile devices (screens ≤767px) when enabled.
 *
 * IMPORTANT: These styles are THEME-SPECIFIC and target the active WooCommerce theme's
 * grid system classes (e.g., .col-xs-12.col-sm-12.col-md-8). They may need adjustment
 * for different themes that use different grid frameworks or custom CSS classes.
 *
 * Theme developers can override this file by creating:
 * your-theme/assets/css/speed-buying-cart-floating.css
 * or by using standard WordPress child theme override methods.
 *
 * Current theme compatibility:
 * - Targets Bootstrap 3 style grid classes (.col-xs-*, .col-sm-*, .col-md-*)
 * - May work with other themes using similar class naming conventions
 * - Test and adjust selectors for themes with different grid systems
 */

/* Mobile-only floating cart section */
@media (max-width: 767px) {
    .visualcomposerstarter.woocommerce-cart .woocommerce {
        flex-direction: column;
    }
    .col-xs-12.col-sm-12.col-md-8 {
        overflow: auto;
    }
    .accept-payment-and-coupon {
        position: fixed !important;
        bottom: 0px !important;
        left: 0 !important;
        background: #fff !important;
        z-index: 9999 !important;
        box-shadow: 0px -6px 40px rgba(0, 0, 0, 0.1) !important;
        padding: 15px !important;
        width: 100% !important;
    }
}