/* ============================================================
   JD METALS — Orange theme preview (logo colors)
   UNDO: remove <link href="css/theme-orange.css"> from HTML pages
   or run: python scripts/apply-orange-theme.py --remove
   ============================================================ */

.jdm-premium {
  --jdm-brass: #ff8200;
  --jdm-brass-light: #ffb04a;
  --jdm-brass-dark: #e06800;
  --jdm-brass-gradient: linear-gradient(135deg, #ffb84d 0%, #ff8200 48%, #e06800 100%);
  --jdm-border: rgba(255, 130, 0, 0.22);
  --jdm-border-hover: rgba(255, 130, 0, 0.52);
  --jdm-shadow-brass: 0 0 40px rgba(255, 130, 0, 0.2);
}

/* Nav & CTAs */
.jdm-premium .jdm-nav-links a.is-active,
.jdm-premium .jdm-nav-links a:hover {
  color: var(--jdm-brass-light) !important;
}

.jdm-premium .jdm-btn-primary,
.jdm-premium .jdm-btn-nav,
.jdm-premium .pbmit-btn {
  background: var(--jdm-brass-gradient) !important;
  border-color: var(--jdm-brass) !important;
  color: #fff !important;
}

.jdm-premium .jdm-btn-primary:hover,
.jdm-premium .jdm-btn-nav:hover,
.jdm-premium .pbmit-btn:hover {
  box-shadow: 0 8px 28px rgba(255, 130, 0, 0.35) !important;
}

.jdm-premium .jdm-btn-secondary {
  border-color: rgba(255, 130, 0, 0.45) !important;
  color: var(--jdm-brass-light) !important;
}

.jdm-premium .jdm-btn-secondary:hover {
  border-color: var(--jdm-brass) !important;
  background: rgba(255, 130, 0, 0.08) !important;
}

/* Hero glow */
.jdm-premium .jdm-hero-copy::before {
  background: radial-gradient(
    ellipse at 35% 40%,
    rgba(255, 130, 0, 0.16) 0%,
    rgba(255, 130, 0, 0.05) 42%,
    transparent 72%
  ) !important;
}

/* Trust / stats / icons */
.jdm-premium .jdm-trust-item .trust-icon {
  background: rgba(255, 130, 0, 0.12) !important;
  border-color: rgba(255, 130, 0, 0.3) !important;
}

.jdm-premium .jdm-stat-item .jdm-stat-number {
  background: var(--jdm-brass-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.jdm-premium .pbmit-ihbox-style-17 .pbmit-ihbox-icon-wrapper {
  background: linear-gradient(145deg, rgba(255, 130, 0, 0.22), rgba(255, 130, 0, 0.08)) !important;
  border-color: rgba(255, 130, 0, 0.35) !important;
}

/* Ring slider cards — orange trim */
.jdm-premium .jdm-ring-card {
  background: linear-gradient(158deg, #1a1208 0%, #0e0a06 100%) !important;
  box-shadow:
    0 34px 60px -22px rgba(0, 0, 0, 0.9),
    0 0 0 1px rgba(255, 130, 0, 0.45),
    inset 0 1px 0 rgba(255, 130, 0, 0.2) !important;
}

.jdm-premium .jdm-ring-card-shine {
  background: radial-gradient(
    120% 88% at 30% 14%,
    rgba(255, 176, 74, 0.22),
    transparent 56%,
    rgba(255, 130, 0, 0.08)
  ) !important;
}

.jdm-premium .jdm-ring-panel.is-front .jdm-ring-card {
  box-shadow:
    0 44px 76px -20px rgba(0, 0, 0, 0.95),
    0 0 0 1px rgba(255, 130, 0, 0.75),
    0 0 44px rgba(255, 130, 0, 0.3),
    inset 0 1px 0 rgba(255, 176, 74, 0.35) !important;
}

.jdm-premium .jdm-ring-panel.is-front .jdm-ring-card-shine {
  background: radial-gradient(
    120% 88% at 30% 14%,
    rgba(255, 184, 77, 0.3),
    rgba(255, 130, 0, 0.12) 48%,
    transparent 72%
  ) !important;
}

/* Active dot: filled brass pill */
.jdm-premium .jdm-ring-dot.is-active {
  color: var(--jdm-brass-light) !important;
  background: var(--jdm-brass) !important;
}
/* Card sub-label sits on the dark card foot — keep it as readable text only
   (no brass fill) so it meets WCAG AA contrast, ~11:1 on #14161b. */
.jdm-premium .jdm-ring-card-tag {
  color: var(--jdm-brass-light) !important;
  background: transparent !important;
}

.jdm-premium .jdm-ring-btn:hover,
.jdm-premium .jdm-ring-btn.is-pulse {
  border-color: rgba(255, 130, 0, 0.65) !important;
  box-shadow: 0 0 0 4px rgba(255, 130, 0, 0.14) !important;
}

.jdm-premium .jdm-hero-ring-glow,
.jdm-premium .jdm-hero-ring-viewport.is-front-active .jdm-hero-ring-glow {
  background: radial-gradient(circle, rgba(255, 130, 0, 0.26), transparent 66%) !important;
}

/* Footer & section accents */
.jdm-premium .jdm-footer-col h3,
.jdm-premium .pbmit-subtitle,
.jdm-premium .jdm-hero-eyebrow,
.jdm-premium .jdm-section-eyebrow,
.jdm-premium .cta-eyebrow {
  color: var(--jdm-brass) !important;
}

.jdm-premium .jdm-footer-cert-badge strong {
  color: var(--jdm-brass-light) !important;
}

/* Announcement bar — align with logo orange */
.jdm-premium .jdm-announce-bar {
  background: linear-gradient(90deg, #141414 0%, #1a1008 50%, #141414 100%) !important;
}

.jdm-premium .jdm-announce-bar a,
.jdm-premium .jdm-announce-bar .jdm-pulse {
  color: #ff8200 !important;
  background: #ff8200 !important;
}

.jdm-premium .jdm-announce-bar a {
  background: none !important;
}

/* White content sections (About, etc.) — orange accents on light bg */
.jdm-premium .bg-white .pbmit-subtitle,
.jdm-premium .pbmit-bg-color-light .pbmit-subtitle {
  color: #ff8200 !important;
}

.jdm-premium .bg-white .pbmit-btn,
.jdm-premium .pbmit-bg-color-light .pbmit-btn {
  background: linear-gradient(135deg, #ffb84d, #ff8200) !important;
  border: none !important;
  color: #fff !important;
}

.jdm-premium .bg-white .list-group-item i,
.jdm-premium .pbmit-bg-color-light .list-group-item i {
  color: #ff8200 !important;
}

/* Modal / sticky (upgrades.css orange already close — tighten match) */
.jdm-premium .jdm-modal-header {
  background: linear-gradient(135deg, #ff8200, #e06800) !important;
}

.jdm-premium .jdm-sticky-btn.orange {
  background: #ff8200 !important;
}

/* Carousel arrows */
.jdm-premium .portfolio-bg-one .swiper-button-prev,
.jdm-premium .portfolio-bg-one .swiper-button-next {
  border-color: rgba(255, 130, 0, 0.4) !important;
  color: var(--jdm-brass-light) !important;
}

.jdm-premium .portfolio-bg-one .swiper-button-prev:hover,
.jdm-premium .portfolio-bg-one .swiper-button-next:hover {
  background: rgba(255, 130, 0, 0.15) !important;
  border-color: var(--jdm-brass) !important;
}