/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * @author    Diabolo Web
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 *
 * Free-shipping progress bar styles. Self-contained, theme-neutral, responsive.
 */

.dw-freeshippingbar {
    --dwfsb-accent: #4caf50;
    --dwfsb-accent-dark: #388e3c;
    --dwfsb-track: #e7ece7;
    --dwfsb-text: #2f3a2f;
    box-sizing: border-box;
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(76, 175, 80, 0.35);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(76, 175, 80, 0.08), rgba(76, 175, 80, 0.02));
}

.dw-freeshippingbar * {
    box-sizing: border-box;
}

.dw-freeshippingbar__text {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.55rem;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--dwfsb-text);
}

.dw-freeshippingbar__icon {
    flex: 0 0 auto;
    font-size: 1.05em;
    line-height: 1;
}

.dw-freeshippingbar__track {
    position: relative;
    width: 100%;
    height: 10px;
    border-radius: 999px;
    background: var(--dwfsb-track);
    overflow: hidden;
}

.dw-freeshippingbar__fill {
    display: block;
    height: 100%;
    min-width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--dwfsb-accent), var(--dwfsb-accent-dark));
}

/* Reached state: full, calmer confirmation colour. */
.dw-freeshippingbar--reached {
    border-color: rgba(56, 142, 60, 0.55);
    background: linear-gradient(180deg, rgba(56, 142, 60, 0.14), rgba(56, 142, 60, 0.04));
}

.dw-freeshippingbar--reached .dw-freeshippingbar__fill {
    background: var(--dwfsb-accent-dark);
}

/* Mini-cart modal variant: tighter spacing so it fits the modal body. */
.dw-freeshippingbar--modal {
    margin-bottom: 1rem;
    padding: 0.7rem 0.85rem;
}

.dw-freeshippingbar--modal .dw-freeshippingbar__text {
    font-size: 0.9rem;
}

/* Responsive: smaller type and padding on narrow viewports. */
@media (max-width: 575.98px) {
    .dw-freeshippingbar {
        padding: 0.7rem 0.8rem;
    }

    .dw-freeshippingbar__text {
        font-size: 0.85rem;
        align-items: flex-start;
    }

    .dw-freeshippingbar__track {
        height: 8px;
    }
}