/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/
/* ── Wrapper ── */
.woocommerce-info.woocommerce-message,
.fs-free-shipping-notice-and-button-wrapper {
    background: #fff;
    border: 0.5px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem 1.25rem 1.25rem;
    margin-bottom: 1.5rem;
    font-family: inherit;
}

/* ── Notice text ── */
.fs-free-shipping-notice-text {
    font-size: 14px;
    color: #444;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.fs-free-shipping-notice-text::before {
    content: "🚚";
    font-size: 16px;
}

/* ── Hide opening/closing value labels (optional) ── */
.fs-free-shipping-notice-opening-value,
.fs-free-shipping-notice-closing-value {
    display: none;
}

/* ── Progress bar track ── */
.fs-free-shipping-notice-progress-bar {
    height: 10px;
    border-radius: 999px;
    background: #f0f0f0;
    overflow: hidden;
    margin: 8px 0 4px;
    width: 100%;
    display: block;
}

/* ── Progress bar fill (the inline-styled span) ── */
.fs-free-shipping-notice-progress-bar > span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #5DCAA5, #1D9E75);
    transition: width 0.6s ease;
    position: relative;
}

/* ── Glowing dot at tip of fill ── */
.fs-free-shipping-notice-progress-bar > span::after {
    content: '';
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #1D9E75;
    border: 2px solid #fff;
}

/* ── Continue shopping button ── */
.flexible-shipping-free-shipping-button {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #1D9E75 !important;
    border: 0.5px solid #1D9E75;
    border-radius: 999px;
    padding: 4px 14px;
    text-decoration: none;
    background: transparent;
    transition: background 0.2s, color 0.2s;
}
.flexible-shipping-free-shipping-button:hover {
    background: #1D9E75;
    color: #fff !important;
}