/* ========================================
   Garimas Free Delivery Bar v2.0.0
   Dynamic color change: orange -> green
   ======================================== */

.garimas-free-delivery-wrap {
    background: linear-gradient(135deg, #fff8f5 0%, #fffdfb 100%);
    border: 1px solid #ffe3da;
    border-radius: 18px;
    padding: 18px;
    margin: 0 0 24px 0;
    box-shadow: 0 8px 24px rgba(249, 63, 21, 0.05);
    font-family: Arial, sans-serif;
    transition: all 0.4s ease;
}

/* Green bg tint when qualified */
.garimas-free-delivery-wrap:has(.stage-complete) {
    background: linear-gradient(135deg, #f0fff4 0%, #f7fff9 100%);
    border-color: #bbf7d0;
    box-shadow: 0 8px 24px rgba(22, 163, 74, 0.07);
}

.garimas-free-delivery-wrap .free-delivery-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

/* Icon base */
.garimas-free-delivery-wrap .free-delivery-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: background 0.5s ease, color 0.5s ease;
}

/* Icon stage colors */
.free-delivery-icon.stage-low      { background: #ffece6; color: #f93f15; }
.free-delivery-icon.stage-mid      { background: #fff3cd; color: #f97316; }
.free-delivery-icon.stage-high     { background: #dcfce7; color: #22c55e; }
.free-delivery-icon.stage-complete { background: #bbf7d0; color: #16a34a; }

.garimas-free-delivery-wrap .free-delivery-title {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 800;
    color: #222;
    line-height: 1.3;
}

.garimas-free-delivery-wrap .free-delivery-message {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.garimas-free-delivery-wrap .remaining-amount {
    color: #f93f15;
}

/* Progress track */
.garimas-free-delivery-wrap .delivery-progress-bar {
    width: 100%;
    height: 14px;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: background 0.5s ease;
}

/* Track bg per stage */
.garimas-free-delivery-wrap:has(.stage-low)      .delivery-progress-bar { background: #ffe3da; }
.garimas-free-delivery-wrap:has(.stage-mid)      .delivery-progress-bar { background: #fef3c7; }
.garimas-free-delivery-wrap:has(.stage-high)     .delivery-progress-bar { background: #dcfce7; }
.garimas-free-delivery-wrap:has(.stage-complete) .delivery-progress-bar { background: #bbf7d0; }

/* Fill bar */
.garimas-free-delivery-wrap .delivery-progress-fill {
    height: 100%;
    border-radius: 999px;
    transition: width 0.8s ease, background 0.6s ease;
}

/* Fill gradient per stage - orange to green */
.delivery-progress-fill.stage-low      { background: linear-gradient(90deg, #f93f15 0%, #ff7a5c 100%); }
.delivery-progress-fill.stage-mid      { background: linear-gradient(90deg, #f97316 0%, #fbbf24 100%); }
.delivery-progress-fill.stage-high     { background: linear-gradient(90deg, #84cc16 0%, #22c55e 100%); }
.delivery-progress-fill.stage-complete { background: linear-gradient(90deg, #16a34a 0%, #15803d 100%); }

/* Footer row */
.garimas-free-delivery-wrap .delivery-progress-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/* Note text per stage */
.garimas-free-delivery-wrap .delivery-progress-note {
    font-size: 13px;
    font-weight: 600;
    transition: color 0.5s ease;
}

.delivery-progress-note.stage-low      { color: #b93112; }
.delivery-progress-note.stage-mid      { color: #b45309; }
.delivery-progress-note.stage-high     { color: #15803d; }
.delivery-progress-note.stage-complete { color: #15803d; }

/* Percent badge per stage */
.garimas-free-delivery-wrap .delivery-progress-percent {
    font-size: 13px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 30px;
    transition: all 0.5s ease;
}

.delivery-progress-percent.stage-low      { background: #ffe3da; color: #f93f15; }
.delivery-progress-percent.stage-mid      { background: #fef3c7; color: #b45309; }
.delivery-progress-percent.stage-high     { background: #dcfce7; color: #15803d; }
.delivery-progress-percent.stage-complete { background: #bbf7d0; color: #15803d; }

.garimas-free-delivery-wrap .delivery-success { color: #16a34a; }

/* ── Mobile ── */
@media (max-width: 480px) {
    .garimas-free-delivery-wrap {
        padding: 14px;
        border-radius: 14px;
    }
    .garimas-free-delivery-wrap .free-delivery-top {
        align-items: flex-start;
    }
    .garimas-free-delivery-wrap .free-delivery-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 18px;
    }
    .garimas-free-delivery-wrap .free-delivery-title { font-size: 16px; }
    .garimas-free-delivery-wrap .free-delivery-message,
    .garimas-free-delivery-wrap .delivery-progress-note { font-size: 13px; }
    .garimas-free-delivery-wrap .delivery-progress-bar { height: 10px; }
}