/* ============================================
   FIX: KI-Komplett Featured Card — Hover Overlay
   ============================================
   Problem: transparent card bg + absolute ::after glow
   bled through and obscured content.
   ============================================ */

/* Make the featured card's bg fully opaque so the ::after
   pulse glow stays BEHIND the card and doesn't bleed through */
.pricing-card--featured {
  background: linear-gradient(
    160deg,
    #1f1a16 0%,
    #161310 50%,
    #1f1a16 100%
  ) !important;
}

/* Tame the pulsing border glow — it was showing through
   the semi-transparent card background */
.pricing-card--featured::after {
  inset: -2px !important;
  background: linear-gradient(
    135deg,
    rgba(229, 184, 150, 0.4),
    rgba(212, 151, 111, 0.6),
    rgba(184, 126, 95, 0.4)
  ) !important;
  opacity: 0.35 !important;
  animation: none !important;
  filter: blur(6px);
}

/* Ensure the mouse-spotlight ::before stays a subtle reflex,
   not a content-covering blob. Since premium-upgrades.css
   replaces ::before with the "Meist gewählt" badge on
   featured cards, the mouse-spotlight doesn't apply there
   anyway — but enforce it for safety on non-featured cards */
.pricing-card:not(.pricing-card--featured):hover::before {
  opacity: 0.5 !important;
}

/* Lift all card content above any decoration layers */
.pricing-card__header,
.pricing-card__body,
.pricing-card__features,
.pricing-card__meta,
.btn--pricing {
  position: relative;
  z-index: 2;
}

/* Badge: immer sichtbar, vollständig über der Karte positioniert */
.pricing-card--featured::before {
  opacity: 1 !important;
  transition: none !important;
  /* top: -14px aus premium-upgrades.css reicht nicht — Badge ragt halb in die Karte.
     bottom: calc(100% + 6px) positioniert die Unterkante des Badge 6px über dem Kartenrand. */
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}

/* overflow: visible damit das Badge über den Kartenrand hinausragt und nicht als Balken erscheint */
.pricing-card--featured {
  overflow: visible !important;
}