/**
 * Müşteri + public — admin tema renklerini Tailwind / inline stillere köprüler
 */
:root {
  --customer-accent: var(--theme-primary, #00daf3);
  --customer-bg: var(--theme-bg, #0c1324);
}

html.dark body,
body.cust-panel,
body.customer-portal {
  background-color: var(--customer-bg) !important;
}

.text-primary,
.hover\:text-primary:hover,
.text-primary\/80,
.text-primary\/70 {
  color: var(--theme-primary) !important;
}

.bg-primary,
.bg-primary\/5,
.bg-primary\/10,
.bg-primary\/15,
.bg-primary\/20,
.bg-primary\/25 {
  background-color: color-mix(in srgb, var(--theme-primary) var(--tw-bg-opacity, 100%), transparent) !important;
}

.border-primary,
.border-primary\/20,
.border-primary\/30,
.border-primary\/40,
.border-primary\/50 {
  border-color: color-mix(in srgb, var(--theme-primary) 40%, transparent) !important;
}

.from-primary,
.to-primary,
.via-primary {
  --tw-gradient-from: var(--theme-primary) var(--tw-gradient-from-position);
  --tw-gradient-to: color-mix(in srgb, var(--theme-primary) 0%, transparent) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.shadow-primary\/20,
.hover\:shadow-primary\/20:hover,
.shadow-primary\/30 {
  --tw-shadow-color: color-mix(in srgb, var(--theme-primary) 25%, transparent);
}

.ring-primary,
.ring-primary\/30,
.focus\:ring-primary\/30:focus,
.focus\:border-primary:focus {
  --tw-ring-color: color-mix(in srgb, var(--theme-primary) 35%, transparent);
  border-color: color-mix(in srgb, var(--theme-primary) 45%, transparent) !important;
}

.accent-theme,
input[type="checkbox"],
input[type="range"] {
  accent-color: var(--theme-primary);
}

.cust-panel a[style*="#00daf3"],
.cust-panel [style*="color:#00daf3"],
.cust-panel [style*="color: #00daf3"],
.cust-panel [style*="background:#00daf3"],
.cust-panel [style*="background: #00daf3"] {
  color: var(--theme-primary) !important;
}

.cust-panel .btn-primary,
.cust-panel .fm-btn,
.cust-panel button[type="submit"].primary,
.cust-panel .legal-btn-primary {
  background: linear-gradient(135deg, color-mix(in srgb, var(--theme-primary) 85%, #000), var(--theme-primary)) !important;
  border-color: color-mix(in srgb, var(--theme-primary) 50%, transparent) !important;
  color: #fff !important;
}

.cust-panel .badge-blue,
.cust-panel .status-online,
.cust-panel .badge-primary {
  color: var(--theme-primary) !important;
  border-color: color-mix(in srgb, var(--theme-primary) 35%, transparent) !important;
}

/* Eski Tailwind arbitrary renk override */
.cust-panel [class*="[#00daf3]"],
.cust-panel [class*="[#c3f5ff]"] {
  color: var(--theme-primary) !important;
}

.cust-panel [class*="bg-[#00daf3]"],
.cust-panel [class*="bg-[#0c1324]"] {
  background-color: var(--theme-primary) !important;
}

/* Public premium nav / butonlar */
html.dark .premium-nav a:hover,
html.dark .filter-btn.active,
html.dark .post-read:hover {
  color: var(--theme-primary) !important;
}

html.dark .primary-glow,
html.dark .btn-glow {
  box-shadow: 0 0 24px rgba(var(--theme-primary-rgb), 0.25) !important;
}

/* Destek widget */
#zytek-support-widget .support-btn,
.support-widget-toggle {
  background: var(--theme-primary) !important;
}