/**
 * Custom Styles for Per Vendor Free Delivery Threshold
 * Styles progress bars, badges, and cart banner for the free delivery feature.
 * Compatible with Wolmart theme and WCFM Marketplace.
 */

/* Progress Bar Container */
.wcfm-progress-bar-container {
    margin: 15px 0 !important;
    padding: 15px !important;
    background: #f8f9fa !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Progress Bar */
.wcfm-progress-bar-container .wcfm-progress-bar {
    height: 12px !important;
    background-color: #4CAF50 !important;
    border-radius: 6px !important;
    transition: width 0.3s ease !important;
}

/* Progress Message */
.wcfm-progress-bar-container p {
    font-size: 16px !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    font-weight: 500 !important;
}

/* Cart Banner */
.wcfm-cart-banner {
    background: #f8f9fa !important;
    padding: 12px !important;
    text-align: center !important;
    font-size: 16px !important;
    color: #333 !important;
    margin: 15px 0 !important;
    border-radius: 6px !important;
    position: relative !important;
    z-index: 1000 !important;
    animation: slide 10s infinite !important;
}
@keyframes slide {
    0% { transform: translateX(100%); }
    50% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* Ensure visibility on cart and checkout */
.woocommerce-cart .wcfm-cart-banner,
.woocommerce-checkout .wcfm-cart-banner {
    display: block !important;
    visibility: visible !important;
}

/* Free Delivery Badge */
.wcfm-free-delivery-badge {
    background: #4CAF50 !important;
    color: white !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    margin-left: 10px !important;
    font-size: 13px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Cart Icon Notification */
.wcfm_menu_cart.free-delivery-unlocked {
    background-color: #4CAF50 !important;
    position: relative !important;
}
.wcfm_menu_cart .free-delivery-badge {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: #4CAF50 !important;
    color: white !important;
    padding: 3px 6px !important;
    border-radius: 50% !important;
    font-size: 12px !important;
}