/* ══════════════════════════════════════════════════════════════════
   ARTEMIS Color Harmonization Layer
   Retints existing cyan/amber/violet palettes to gold/marble/bronze
   Loaded AFTER artemis-greek.css to override legacy page colors.
   ══════════════════════════════════════════════════════════════════ */

/* Gradient text (cyan→amber) → gold→marble */
.grad, [class*="grad"] {
  background: linear-gradient(90deg, #D4AF37 0%, #E8C874 50%, #F5F0E1 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Brand badges that were cyan/amber gradient */
.brand {
  background: linear-gradient(90deg, #D4AF37, #E8C874) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* CTA buttons — retint cyan to gold */
a.btn-primary, button.btn-primary,
a.call-cta, .cta-btn {
  background: linear-gradient(135deg, #B8860B, #D4AF37) !important;
  color: #0A0806 !important;
  border: 1px solid #D4AF37 !important;
}

/* Cyan accents → bronze/gold */
[class*="cyan"], .text-cyan, .nav a:not(.btn-ghost):not(.brand) {
  color: #D4AF37 !important;
}

/* Amber pulse badges → gold */
.pulse-badge {
  background: rgba(212, 175, 55, 0.15) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
  color: #E8C874 !important;
}
.pulse-dot {
  background: #D4AF37 !important;
  box-shadow: 0 0 8px #D4AF37 !important;
}

/* Phone number gold highlight */
.phone-number, .phone-number a {
  color: #D4AF37 !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
}

/* Existing card borders → marble/gold */
.call-cta {
  border-color: #D4AF37 !important;
  box-shadow: 0 20px 60px rgba(212, 175, 55, 0.2) !important;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(184, 134, 11, 0.04)) !important;
}

/* Copy buttons */
.copy-btn {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
}
.copy-btn:hover {
  background: rgba(212, 175, 55, 0.1) !important;
}

/* KPI / metric cards → marble tint */
.kpi-card, .metric-card, .stat-card, .biz-card {
  background: rgba(28, 24, 20, 0.6) !important;
  border: 1px solid rgba(212, 175, 55, 0.15) !important;
  backdrop-filter: blur(10px);
}

/* Sidebar (client-dashboard) */
.sidebar {
  background: rgba(10, 8, 6, 0.85) !important;
  border-right: 1px solid rgba(212, 175, 55, 0.2) !important;
  backdrop-filter: blur(16px);
}

/* Active nav states in sidebar */
.nav-link.active {
  background: rgba(212, 175, 55, 0.12) !important;
  color: #E8C874 !important;
}
.nav-link:hover {
  background: rgba(212, 175, 55, 0.08) !important;
  color: #F5F0E1 !important;
}

/* Business tier badge */
.biz-tier, .tier-badge {
  color: #D4AF37 !important;
}

/* Emerald "active" indicators → olive (Greek) */
.biz-status::before, [class*="emerald"] {
  background: #7A9F4A !important;
  box-shadow: 0 0 8px rgba(122, 159, 74, 0.6) !important;
}

/* Section titles left over from old styles */
.section-title:not([class*="greek"]) {
  color: #F5F0E1 !important;
}

/* Form inputs — make consistent with Greek style */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
select, textarea {
  background: rgba(28, 24, 20, 0.7) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  color: #F5F0E1 !important;
  font-family: 'Inter', sans-serif !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #D4AF37 !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15) !important;
}

/* Placeholder text — soft marble */
input::placeholder, textarea::placeholder {
  color: rgba(245, 240, 225, 0.35) !important;
}

/* "LIVE" pulse badges — soft gold */
.pulse-dot, [class*="live"] {
  animation-duration: 1.5s;
}

/* Blockquotes → italic marble */
blockquote {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  color: #F5F0E1 !important;
}

/* AI message bubbles (live-demo transcript) */
.ai-msg, [class*="ai-msg"] {
  background: rgba(212, 175, 55, 0.08) !important;
  border-left: 3px solid #D4AF37 !important;
  color: #E8C874 !important;
}
.user-msg, [class*="user-msg"] {
  background: rgba(58, 52, 43, 0.4) !important;
  border-left: 3px solid #7A9F4A !important;
  color: #F5F0E1 !important;
}

/* Success/confirmation checks → olive */
.check-icon, [class*="success"] {
  color: #7A9F4A !important;
}

/* Warning/emergency → wine */
.emergency, [class*="emergency"], .warning {
  color: #E8C874 !important;
}

/* Table borders */
table td, table th {
  border-bottom-color: rgba(212, 175, 55, 0.15) !important;
}

/* Existing body's cyan text → marble */
body[class*="cyan"] {
  color: #F5F0E1 !important;
}

/* Hover glows on cards */
.marble-card:hover, .kpi-card:hover {
  border-color: rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 8px 32px rgba(212, 175, 55, 0.15) !important;
}

/* "Badge count" (sidebar) */
.badge-count, [class*="badge"] {
  background: #D4AF37 !important;
  color: #0A0806 !important;
}