/**
 * Free Shipping Progress — Front-end styles
 * All classes are documented in WooCommerce → Settings → Shipping → Free Shipping Progress.
 */

.rankd-fs-wrapper {
    display: block;
    padding: 10px 14px;
    margin: 12px 0;
    border-radius: 4px;
    font-size: .95em;
    line-height: 1.5;
    box-sizing: border-box;
}

.rankd-fs-notice {
    background-color: #fff8e5;
    border: 1px solid #f5c518;
    color: #5a4a00;
}

.rankd-fs-success {
    background-color: #edfaf1;
    border: 1px solid #2ecc71;
    color: #1a5c35;
}

.rankd-fs-message {
    display: block;
    margin-top: 6px;
}

.rankd-fs-amount {
    font-weight: 700;
}

.rankd-fs-coupon-code {
    display: inline-block;
    font-family: monospace;
    font-size: 1em;
    font-weight: 700;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 1px 6px;
    letter-spacing: .04em;
}

.rankd-fs-coupon-line {
    font-size: .9em;
    opacity: .9;
}

.rankd-fs-bar-track {
    width: 100%;
    height: 6px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 3px;
    overflow: hidden;
}

.rankd-fs-bar-fill {
    height: 100%;
    background-color: #2ecc71;
    border-radius: 3px;
    transition: width .4s ease;
}

.rankd-fs-notice .rankd-fs-bar-fill {
    background-color: #f5c518;
}