/* ==========================================
   PlanetRadio — Featured Radio Cards
   File: /css/extras/z-card-featured.css
   Scope: .radio-card.is-featured ONLY

   Consolidated 2026-07-25: previously the badge itself was styled
   twice, in this file (absolute, top-left positioned) and again in
   zzcard-featured-inline.css (static, inline positioned) - both
   targeted the exact same element (partials/radio-card.php always
   renders both `badge-featured` and `badge-featured-inline` together
   on one div), and only rendered correctly because "zz" sorts after
   "z-" alphabetically in the css/extras autoload, letting the inline
   rule win. Kept the (correct, currently-visible) inline positioning
   here as the only definition.
========================================== */

/* =========================
   BASE FEATURED CARD
========================= */
.radio-card.is-featured {
  position: relative;
  border: 1px solid rgba(255, 215, 0, 0.35);
  background: linear-gradient(
    180deg,
    rgba(255, 215, 0, 0.06),
    rgba(255, 215, 0, 0.02)
  );
  box-shadow:
    0 0 0 1px rgba(255, 215, 0, 0.15),
    0 8px 22px rgba(0, 0, 0, 0.45);
}

/* =========================
   EDITORIAL FEATURED
========================= */
.radio-card.is-featured-editorial {
  border-color: rgba(80, 200, 255, 0.45);
  background: linear-gradient(
    180deg,
    rgba(80, 200, 255, 0.08),
    rgba(80, 200, 255, 0.03)
  );
  box-shadow:
    0 0 0 1px rgba(80, 200, 255, 0.2),
    0 8px 22px rgba(0, 0, 0, 0.45);
}

/* =========================
   PAID FEATURED (PREMIUM)
========================= */
.radio-card.is-featured-paid {
  border-color: rgba(255, 193, 7, 0.55);
  background: linear-gradient(
    180deg,
    rgba(255, 193, 7, 0.10),
    rgba(255, 193, 7, 0.04)
  );
  box-shadow:
    0 0 0 1px rgba(255, 193, 7, 0.25),
    0 10px 26px rgba(0, 0, 0, 0.5);
}

/* =========================
   FEATURED BADGE (inline, sub logo/nume - vezi radio-card.php)
========================= */
.radio-card.is-featured .badge-featured {
  position: static;
  display: inline-block;
  margin: 6px auto 2px;
  padding: 4px 10px;

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;

  border-radius: 999px;
  color: #111;
  background: linear-gradient(
    180deg,
    #ffd700,
    #f0c400
  );

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  text-align: center;
}

/* =========================
   BADGE VARIANTS
========================= */

/* editorial */
.radio-card.is-featured-editorial .badge-featured {
  background: linear-gradient(
    180deg,
    #5ecbff,
    #2fa4e7
  );
  color: #061018;
}

/* paid / premium */
.radio-card.is-featured-paid .badge-featured {
  background: linear-gradient(
    180deg,
    #ffd54f,
    #ffb300
  );
  color: #1a1200;
}

/* =========================
   HOVER EFFECT (SUBTLE)
========================= */
.radio-card.is-featured:hover {
  transform: translateY(-2px);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* =========================
   MOBILE TUNING
========================= */
@media (max-width: 600px) {
  .radio-card.is-featured .badge-featured {
    font-size: 10px;
    padding: 3px 9px;
  }
}