/* Hosting Portal - Dashboard pill buttons (match design mock) */

/* Apply only to the client dashboard layout.
   Must beat existing theme selectors like:
   .client-dashboard-modern .eshop-cards-container .eshop-cards a.badge (in style.css) */
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge,
.client-dashboard-modern a.badge {
  border-radius: 999px !important;
  padding: 0.45rem 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  border: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--brand-accent, #2948fa) 18%, transparent) !important;
}

/* Primary pill look (used in the mock) */
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge.bg-light-primary,
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge.bg-light-info,
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge.bg-light-danger,
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge.bg-light-dark,
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge.bg-light-success,
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge.bg-light-warning,
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge[class*="bg-light-"],
.client-dashboard-modern a.badge.bg-light-primary,
.client-dashboard-modern a.badge.bg-light-info,
.client-dashboard-modern a.badge.bg-light-danger,
.client-dashboard-modern a.badge.bg-light-dark,
.client-dashboard-modern a.badge.bg-light-success,
.client-dashboard-modern a.badge.bg-light-warning,
.client-dashboard-modern a.badge[class*="bg-light-"] {
  color: var(--brand-surface, #ffffff) !important;
  background: linear-gradient(
    135deg,
    var(--brand-primary, #2948fa) 0%,
    var(--brand-primary-hover, #2948fa) 100%
  ) !important;
}

.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge:hover,
.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge:focus,
.client-dashboard-modern a.badge:hover,
.client-dashboard-modern a.badge:focus {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--brand-accent, #2948fa) 24%, transparent) !important;
  filter: brightness(1.02);
}

.client-dashboard-modern .eshop-cards-container .eshop-cards a.badge:active,
.client-dashboard-modern a.badge:active {
  transform: translateY(0);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--brand-accent, #2948fa) 18%, transparent) !important;
}

/* Ensure icons inside pills match */
.client-dashboard-modern a.badge i,
.client-dashboard-modern a.badge svg {
  color: var(--brand-surface, #ffffff) !important;
}