/*
 ZEXARA — FEATURED OBSIDIAN GOLD V2
 Featured carousel only.
 Colors and decorative backgrounds.
 No dimensions, positioning or functional changes.
*/

/* MAIN CARD: MATCH WALLET GRAPHITE */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel {
  background:#171B21 !important;
  background-image:
    radial-gradient(
      circle at 95% 8%,
      rgba(212,175,55,.045),
      transparent 48%
    ),
    linear-gradient(180deg,#171B21,#15181D)
    !important;
  border-color:rgba(212,175,55,.20) !important;
  color:#F5F1E9 !important;
}

/* REMOVE BLUE DECORATIVE OVERLAYS */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel::before,
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel::after {
  background-color:transparent !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.12) !important;
}

/* INNER CHART SURFACES */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-chart,.vd2-chart-area) {
  background-color:#14191F !important;
  border-color:rgba(212,175,55,.14) !important;
  box-shadow:none !important;
}

/* PLAN TITLE */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-title,.vd2-plan-title h2) {
  color:#F5F1E9 !important;
}

/* PLAN VALUES */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-hourly,.vd2-plan-hourly strong) {
  color:#F5F1E9 !important;
}

/* BADGES, ACTION BUTTONS */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel button {
  background:linear-gradient(180deg,#242932,#1B2027)
    !important;
  border-color:rgba(212,175,55,.24) !important;
  color:#F5F1E9 !important;
}

/* GOLD ICONS */
html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel button svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

/* PRESERVE CHART DATA AND CANDLESTICK COLORS */
/* No SVG path, rect, line, canvas, or trading data rules */

/* END FEATURED OBSIDIAN GOLD V2 */

/* ZEXARA FEATURED GOLD COLOR FIX V3 */
/* Only identified AURIXA Signal visual surfaces */

html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel {
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(212,175,55,.055),
      transparent 44%
    ),
    linear-gradient(
      180deg,
      #171B21 0%,
      #15181D 100%
    ) !important;
  border-color:rgba(212,175,55,.20) !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel::before {
  background:
    linear-gradient(
      135deg,
      rgba(212,175,55,.035),
      transparent 45%
    ) !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-glow {
  background:
    radial-gradient(
      circle,
      rgba(212,175,55,.075),
      rgba(212,175,55,0) 70%
    ) !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-ai-badge,.vd2-plan-duration) {
  background:rgba(36,41,50,.88) !important;
  border-color:rgba(212,175,55,.20) !important;
  color:#D9DBDF !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-hourly {
  background:rgba(212,175,55,.045) !important;
  border-color:rgba(212,175,55,.16) !important;
}

html body:not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-chart,.vd2-chart-area) {
  background-color:#14191F !important;
  border-color:rgba(212,175,55,.14) !important;
}

/* Preserve SVG candle colors, chart data and chart animation */
/* END ZEXARA FEATURED GOLD COLOR FIX V3 */

/* ZEXARA FEATURED GRAPHITE V4 */
/* Target the real dual-class carousel element */

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel {
  background:#171B21 !important;
  background-image:
    linear-gradient(
      180deg,
      #171B21 0%,
      #15181D 100%
    ) !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.025)
    !important;
}

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel::before {
  background:linear-gradient(
    135deg,
    rgba(212,175,55,.045),
    transparent 48%
  ) !important;
}

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-glow {
  background:radial-gradient(
    circle,
    rgba(212,175,55,.08),
    transparent 70%
  ) !important;
}

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-chart {
  background:#14191F !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.16) !important;
}

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-chart svg {
  background:transparent !important;
  background-image:none !important;
}

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel
:is(.vd2-ai-badge,.vd2-plan-duration) {
  background:#242932 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#E5E0D5 !important;
}

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-hourly {
  background:rgba(212,175,55,.045) !important;
  border-color:rgba(212,175,55,.17) !important;
}

html body #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-bottom > button {
  background:linear-gradient(
    180deg,
    #242932,
    #1B2027
  ) !important;
  border-color:rgba(212,175,55,.25) !important;
  color:#F5F1E9 !important;
}

/* Carousel indicators only */
html body #root .vd2-dashboard
.vd2-plan-carousel-dots button.active {
  background:#D4AF37 !important;
  background-image:none !important;
}

/* END ZEXARA FEATURED GRAPHITE V4 */