/* ─── FL Franco de Port — barre de progression livraison gratuite ─────── */

.ffl-progress-wrapper {
  box-sizing: border-box;
  padding: 12px 14px;
  background: #f7faf7;
  border: 1px solid #d4edda;
  border-radius: 8px;
  margin: 10px 0;
  font-size: 13px;
  color: #333;
  line-height: 1.4;
}

/* Dans le dropdown du mini-panier */
.ffl-progress-wrapper.ffl-dropdown {
  margin: 8px 12px 4px;
  padding: 10px 12px;
}

/* Sur la page panier */
.ffl-progress-wrapper.ffl-cart-page {
  margin: 12px 0 8px;
}

/* ─── Texte ──────────────────────────────────────────────────────────── */

.ffl-progress-text {
  margin: 0 0 8px 0;
  font-size: 13px;
}

.ffl-progress-text .ffl-amount {
  color: #c0392b;
  font-weight: 700;
  font-size: 14px;
}

.ffl-progress-hint {
  margin: 5px 0 0 0;
  font-size: 11px;
  color: #888;
  text-align: right;
}

/* ─── Barre de progression ───────────────────────────────────────────── */

.ffl-progress-bar-outer {
  height: 10px;
  background: #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.ffl-progress-bar-inner {
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(90deg, #27ae60 0%, #2ecc71 60%, #a8e6bc 100%);
  background-size: 200% 100%;
  transition: width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
  animation: ffl-shimmer 2.5s ease-in-out infinite;
  will-change: width;
}

@keyframes ffl-shimmer {
  0%   { background-position: 200% center; }
  100% { background-position: -200% center; }
}

/* ─── Message franco débloqué ────────────────────────────────────────── */

.ffl-free-message {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #27ae60;
  font-weight: 700;
  font-size: 13px;
}

.ffl-icon {
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
}

/* ─── Animation d'entrée ─────────────────────────────────────────────── */

@keyframes ffl-fadein {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ffl-progress-wrapper {
  animation: ffl-fadein 0.3s ease forwards;
}