/* ==========================================================================
   PASEK DARMOWEJ DOSTAWY (aurora-fsb)
   Plik: assets/css/components/free-shipping-bar.css
   ========================================================================== */

.aurora-fsb {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: var(--aurora-radius-md, 14px);
    background: #fff8ec;
    border: 1px solid #fde3b0;
}

.aurora-fsb.is-reached {
    background: #eafaf1;
    border-color: #b8ecc9;
}

.aurora-fsb__text {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--aurora-navy, #1e293b);
    display: flex;
    align-items: center;
    gap: 8px;
}

.aurora-fsb__text i {
    color: var(--aurora-accent, #f59e0b);
    font-size: 15px;
    flex-shrink: 0;
}

.aurora-fsb.is-reached .aurora-fsb__text i {
    color: #22c55e;
}

.aurora-fsb__text strong {
    font-weight: 700;
}

.aurora-fsb__track {
    height: 7px;
    border-radius: 50px;
    background: rgba(0, 0, 0, .07);
    overflow: hidden;
}

.aurora-fsb__fill {
    display: block;
    height: 100%;
    border-radius: 50px;
    background: var(--aurora-gradient, linear-gradient(135deg, #f59e0b, #6366f1));
    transition: width .5s cubic-bezier(.165, .84, .44, 1);
}

.aurora-fsb.is-reached .aurora-fsb__fill {
    background: #22c55e;
}