.fidelite-dashboard {
  max-width: 700px;
  margin: auto;
  padding: 2rem;
  background-color: #f5f7fa;
  border-radius: 1rem;
}

.fidelite-dashboard h2.titleFidelite {
    text-align: center;
    color: var(--e-global-color-primary);
    margin: 15px !important;
    margin-top : 15px !important;
    margin-bottom : 15px !important;
    font-size: 20px !important;
}

.fidelite-info {
  background: #e3f2fd;
  padding: 1rem;
  border-radius: 1rem;
  color: #0d47a1;
}

.fidelite-progress-container {
  margin: 2rem 0;
}

.fidelite-bar {
  background: #ddd;
  border-radius: 10px;
  height: 20px;
  position: relative;
}

.fidelite-fill {
  background: #ffca28;
  height: 100%;
  border-radius: 10px;
}

.fidelite-paliers {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #555;
  font-weight: bold;
}

.fidelite-tip {
  margin-top: 2rem;
  background: #fff8e1;
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid #ffe082;
}

p.next-level {
  margin:10px !important;
}

.prix-degressifs ul {
    list-style: none;
    padding-left: 0;
}

.prix-degressifs {
    padding: 10px 15px 15px 15px;
    background: var(--e-global-color-secondary);
}

.alert-minimum-rank-fidelite {
    padding: 10px;
    background: var(--e-global-color-secondary);
}


.prix-degressifs h3 {
    margin: 0;
}

.prix-degressifs li {
    position: relative;
    padding-left: 28px;
    font-size: 18px;
}

.prix-degressifs li::before {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.priceFidelite {
    font-weight: bold;
}

/* Icônes personnalisées par rang */
.prix-degressifs .rang-rare::before {
    content: '⚜️';
}

.prix-degressifs .rang-epique::before {
    content: '💎';
}

.prix-degressifs .rang-legendaire::before {
    content: '🌟';
}

@media screen and (max-width:768px) {
  .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-MyAccount-content-wrapper {
    padding: 15px;
  }

  .fidelite-dashboard {
    margin-top: 10px;
    padding: 5px;
  }
}