/* 🏅 Style podium sans background */
.podium-gold {
  border: 2px solid #FFD700 !important;
}

.podium-silver {
  border: 2px solid #C0C0C0 !important;
}

.podium-bronze {
  border: 2px solid #CD7F32 !important;
}

/* 🏆 Badge podium */
.podium-badge {
  position: absolute;
  top: 38px; /* juste en dessous du badge central (ajuste si besoin) */
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.3rem;
  z-index: 10;
}

/* 📱 Corrige les marges verticales trop grandes du liseré sur mobile */
@media (max-width: 576px) {
  .border-warning.rounded-4.p-2.h-100 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


.zebradex-price-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 0.60rem;
  max-width: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2rem 1.4rem 0.2rem 0.6rem;
  text-align: left;

  background-color: #ffc107;
  color: #000;
  border: 2px solid #000;
  border-radius: 999px;
  font-weight: bold;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .zebradex-price-btn {
    font-size: 0.85rem;
    padding: 0.35rem 1.6rem 0.35rem 0.75rem;
  }
}

.chevron-absolute {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  height: 0.9em;
  width: auto;
  pointer-events: none;
  transition: transform 0.15s ease;
}

.zebradex-price-btn:hover .chevron-absolute {
  transform: translateY(-50%) translateX(2px);
}

.btn-group {
  position: relative;
  z-index: 0;
}

section.card.p-4.mt-5.mb-5 {
  position: relative;
  z-index: -1;
}

/* 🔘 Trends toolbar toggles */
.trends-toolbar .btn-check:checked + .btn.btn-zbd-chip,
.trends-toolbar .btn.btn-zbd-chip.active {
  background: var(--zbd-accent);
  border-color: var(--zbd-accent);
  color: #000;
  font-weight: 600;
}

.trends-toolbar .btn-check:focus-visible + .btn,
.trends-toolbar .btn.btn-zbd-chip:focus-visible {
  outline: 2px solid var(--zbd-accent);
  outline-offset: 2px;
}