/* CinFlix button accent layer.
   Keep primary actions pink, while ghost/icon/slider controls stay dark. */
:root {
  --cf-btn-red: #e91e63;
  --cf-btn-red-hover: #ff2d55;
}

.btn-primary,
.primary-btn,
button.btn-primary,
a.btn-primary,
input[type="submit"],
.support-direct-link {
  color: #fff !important;
  background: linear-gradient(180deg, var(--cf-btn-red-hover), var(--cf-btn-red)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 22px rgba(233, 30, 99, 0.28) !important;
}

.btn-primary:hover,
.primary-btn:hover,
button.btn-primary:hover,
a.btn-primary:hover,
input[type="submit"]:hover,
.support-direct-link:hover {
  color: #fff !important;
  background: linear-gradient(180deg, #ff4d7f, var(--cf-btn-red-hover)) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.filter-btn.active,
.filter-chip.active,
.reaction-btn.is-active,
.server-btn.is-active {
  color: #fff !important;
  background: linear-gradient(180deg, var(--cf-btn-red-hover), var(--cf-btn-red)) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.btn:disabled,
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}