.bigmp-badge {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--bigmp-line-strong);
  border-radius: 999px;
  background: var(--bigmp-blue-soft);
  color: var(--bigmp-blue);
  font-size: 12px;
  font-weight: 800;
}

.bigmp-badge.bigmp-badge--pro,
.bigmp-badge.bigmp-badge--recommended {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.bigmp-badge.bigmp-badge--pro {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #93c5fd;
  color: var(--bigmp-blue);
}

.bigmp-badge.bigmp-badge--pro::after,
.bigmp-badge.bigmp-badge--recommended::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, 0.72) 45%, transparent 70%);
  opacity: 0;
  transform: translateX(-120%);
  pointer-events: none;
}

.bigmp-badge.bigmp-badge--recommended {
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  border-color: #4ade80;
  color: #166534;
}

.bigmp-badge.bigmp-badge--category {
  background: var(--bigmp-blue-soft);
  border-color: var(--bigmp-line-strong);
  color: var(--bigmp-blue);
}

.bigmp-badge.bigmp-badge--category-zaklady {
  background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 52%, #ffedd5 100%);
  border-color: #f59e0b;
  color: #92400e;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}

@media (hover: hover) {
  .bigmp-recommended-card:hover .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-recommended-card:focus-within .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-recommended-card:hover .bigmp-badge.bigmp-badge--recommended::after,
  .bigmp-recommended-card:focus-within .bigmp-badge.bigmp-badge--recommended::after,
  .bigmp-archive-card:hover .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-archive-card:focus-within .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-archive-card:hover .bigmp-badge.bigmp-badge--recommended::after,
  .bigmp-archive-card:focus-within .bigmp-badge.bigmp-badge--recommended::after {
    animation: bigmp-badge-sheen 900ms ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bigmp-recommended-card:hover .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-recommended-card:focus-within .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-recommended-card:hover .bigmp-badge.bigmp-badge--recommended::after,
  .bigmp-recommended-card:focus-within .bigmp-badge.bigmp-badge--recommended::after,
  .bigmp-archive-card:hover .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-archive-card:focus-within .bigmp-badge.bigmp-badge--pro::after,
  .bigmp-archive-card:hover .bigmp-badge.bigmp-badge--recommended::after,
  .bigmp-archive-card:focus-within .bigmp-badge.bigmp-badge--recommended::after {
    animation: none;
  }
}

@keyframes bigmp-badge-sheen {
  0% {
    opacity: 0;
    transform: translateX(-120%);
  }

  28% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(120%);
  }
}