/* =======================================================
   LMS Theme Preset: Pure Prestige & Gold (Option 01)
   Brand Identity: Midnight Navy + Champagne Gold + Platinum Slate
   (100% Cyan-Free & Green-Free — Monochromatic Luxury)
   ======================================================= */

:root {
  --theme-id: "pure-prestige-gold";

  /* Backgrounds & Surfaces */
  --bg: #07111e;
  --bg-surface: #0b1626;
  --bg-card: #0e1b2e;
  
  /* Text & Contrast */
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --text-bright: #ffffff;
  
  /* Brand Accents */
  --accent: #d4af37;           /* Champagne Gold */
  --accent-dim: #aa771c;       /* Rich Antique Gold */
  --accent-glow: rgba(212, 175, 55, 0.25);
  --border: #1e2e4a;
  
  /* Extended Prestige Tokens */
  --gold-gradient: linear-gradient(135deg, #f3e5ab 0%, #d4af37 50%, #aa771c 100%);
  --gold-gradient-hover: linear-gradient(135deg, #ffffff 0%, #f3e5ab 35%, #d4af37 100%);
  --gold-gradient-active: linear-gradient(135deg, #d4af37 0%, #aa771c 100%);
}

/* Base Body & Global Background */
body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

::selection {
  background: #d4af37 !important;
  color: #07111e !important;
}

/* Links */
a {
  color: #d4af37;
}
a:hover {
  color: #f3e5ab;
}

/* Navigation Header */
.site-header {
  background: rgba(7, 17, 30, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--border) !important;
}
.nav-logo {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}
.nav-links a {
  color: var(--text-muted) !important;
}
.nav-links a:hover,
.nav-links a.active {
  color: #d4af37 !important;
}

/* User Avatar (Navy with Gold Ring) */
.nav-avatar-fallback {
  background: #0e1b2e !important;
  color: #d4af37 !important;
  border: 1.5px solid #d4af37 !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}
.profile-avatar-fallback {
  background: #0e1b2e !important;
  color: #d4af37 !important;
  border: 2px solid #d4af37 !important;
}

/* Primary CTA Buttons (Full state control — No green flash on click/tap) */
.lms-cta-btn,
.btn-primary,
button[type="submit"].btn-primary,
button {
  -webkit-tap-highlight-color: transparent !important;
}

.lms-cta-btn,
.btn-primary,
button[type="submit"].btn-primary {
  background: var(--gold-gradient) !important;
  color: #07111e !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.3) !important;
  transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.lms-cta-btn:hover,
.btn-primary:hover,
button[type="submit"].btn-primary:hover {
  transform: translateY(-2px) !important;
  background: var(--gold-gradient-hover) !important;
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.45) !important;
  color: #000000 !important;
}

.lms-cta-btn:active,
.btn-primary:active,
button[type="submit"].btn-primary:active {
  transform: translateY(1px) !important;
  background: var(--gold-gradient-active) !important;
  box-shadow: 0 2px 8px rgba(212, 175, 55, 0.4) !important;
  color: #07111e !important;
}

.lms-cta-btn:focus-visible,
.btn-primary:focus-visible {
  outline: 2px solid #d4af37 !important;
  outline-offset: 2px !important;
}

.lms-cta-btn.outline {
  background: transparent !important;
  color: #d4af37 !important;
  border: 1px solid #d4af37 !important;
  box-shadow: none !important;
}

.lms-cta-btn.outline:hover {
  background: rgba(212, 175, 55, 0.12) !important;
  color: #f3e5ab !important;
}

.lms-cta-btn.outline:active {
  background: rgba(212, 175, 55, 0.22) !important;
  color: #ffffff !important;
}

/* Course Cards */
.course-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s !important;
}
.course-card:hover {
  border-color: #d4af37 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55), 0 0 16px rgba(212, 175, 55, 0.18) !important;
}
.course-card-cover {
  background: radial-gradient(circle at center, #13243d 0%, #07111e 100%) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 280px !important;
}
.course-card-cover img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 260px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6), 0 0 15px rgba(212, 175, 55, 0.15) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.course-card:hover .course-card-cover img {
  transform: scale(1.03) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.7), 0 0 22px rgba(212, 175, 55, 0.3) !important;
  border-color: #d4af37 !important;
}

/* Course Overview Hub Framing */
.course-overview-cover {
  background: radial-gradient(circle at center, #13243d 0%, #07111e 100%) !important;
  border: 1.5px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5), 0 0 25px rgba(212, 175, 55, 0.15) !important;
  margin-bottom: 1.5rem !important;
}
.course-overview-cover img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 380px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.course-card-price .amount {
  color: #ffffff !important;
  font-weight: 700 !important;
}
.course-card-price .currency {
  color: #d4af37 !important;
  font-weight: 600 !important;
}

/* Review Link (Platinum Slate with Gold Hover) */
.course-card-review-link {
  color: #94a3b8 !important;
  text-decoration: underline !important;
  text-decoration-style: dotted !important;
  transition: color 0.2s !important;
}
.course-card-review-link:hover {
  color: #d4af37 !important;
}

/* Course Cover Section */
.course-cover-image {
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.25) !important;
}

/* Hero Section */
.hero-welcome .line-2 {
  background: var(--gold-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.hero-photo {
  border-color: #d4af37 !important;
  box-shadow: 0 10px 40px rgba(212, 175, 55, 0.25) !important;
}
.hero-headline .accent-text {
  color: #d4af37 !important;
}
.hero-body ul li::before {
  color: #d4af37 !important;
}
.lms-hero .badge {
  background: rgba(212, 175, 55, 0.12) !important;
  color: #d4af37 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* Badges & Highlights */
.badge-ai,
.tech-link,
a.lesson-tech-link {
  color: #d4af37 !important;
}
.review-status-tag-approved {
  background: rgba(212, 175, 55, 0.14) !important;
  color: #d4af37 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* Admin Dashboard Specific Overrides (Eliminate hardcoded greens) */
.stat-value-revenue {
  background: var(--gold-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Player Room & Lesson Sidebar */
.player-sidebar,
.lesson-sidebar {
  background: #091322 !important;
  border-right: 1px solid var(--border) !important;
}

.lesson-link {
  -webkit-tap-highlight-color: transparent !important;
}

.lesson-link:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

.lesson-link.active,
.player-lesson-item.active,
.lesson-item.active {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  border-left: 3px solid #d4af37 !important;
  color: #ffffff !important;
}

.lesson-link.active .num,
.lesson-link .completed {
  color: #d4af37 !important;
}

.lesson-sidebar-review {
  background: rgba(212, 175, 55, 0.08) !important;
  color: #d4af37 !important;
  border: 1px dashed rgba(212, 175, 55, 0.35) !important;
}
.lesson-sidebar-review:hover {
  background: rgba(212, 175, 55, 0.16) !important;
  border-color: #d4af37 !important;
}

/* Course Overview & Progress Bars */
.course-overview-progress .progress-label {
  color: #d4af37 !important;
}
.course-overview-progress .progress-fill,
.progress-bar-fill {
  background: var(--gold-gradient) !important;
}
.overview-lesson:hover {
  border-color: #d4af37 !important;
}
.overview-lesson .done {
  color: #d4af37 !important;
}

/* Copy prompt button */
.lesson-prompt-copy.copied {
  border-color: #d4af37 !important;
  background: #d4af37 !important;
  color: #07111e !important;
}

/* Lesson Text & Downloads */
.lesson-text a {
  color: #d4af37 !important;
}
.lesson-text a.lms-cta-btn {
  color: #07111e !important;
}

.download-card {
  background: #0b1626 !important;
  border: 1px solid var(--border) !important;
}
.download-card:hover {
  border-color: rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 6px 24px rgba(212, 175, 55, 0.15) !important;
}

/* Form inputs & Focus states */
input:focus,
textarea:focus,
select:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2) !important;
  outline: none !important;
}

/* Footer */
.site-footer {
  background: #050b14 !important;
  border-top: 1px solid var(--border) !important;
  color: var(--text-muted) !important;
}