/**
 * 风动导航 · 公共按钮样式（1.0.20）
 * 前后台 / Console / 站点详情共用。实心主按钮白字、描边可见、危险色保留。
 * 配合 PHP helper：fd_lbp_btn_class() / fd_lbp_btn()
 */
:root {
  --lbp-btn-theme: var(--theme-color, var(--lbp-purple, #7C3AED));
  --lbp-btn-danger: #f1404b;
  --lbp-btn-radius: 999px;
}

/* ===== 语义 class（推荐新代码用） ===== */
.lbp-btn-solid,
a.lbp-btn-solid,
button.lbp-btn-solid {
  background: var(--lbp-btn-theme) !important;
  border-color: var(--lbp-btn-theme) !important;
  color: #fff !important;
  text-shadow: none !important;
}
.lbp-btn-solid .iconfont,
.lbp-btn-solid i,
.lbp-btn-solid span {
  color: #fff !important;
}
.lbp-btn-solid:hover,
a.lbp-btn-solid:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.lbp-btn-outline,
a.lbp-btn-outline,
button.lbp-btn-outline {
  background: color-mix(in srgb, var(--lbp-btn-theme) 12%, transparent) !important;
  color: var(--lbp-btn-theme) !important;
  border: 1px solid color-mix(in srgb, var(--lbp-btn-theme) 55%, transparent) !important;
}
.lbp-btn-outline .iconfont,
.lbp-btn-outline i,
.lbp-btn-outline span {
  color: inherit !important;
}
.lbp-btn-outline:hover,
a.lbp-btn-outline:hover {
  background: var(--lbp-btn-theme) !important;
  color: #fff !important;
  border-color: var(--lbp-btn-theme) !important;
}
.lbp-btn-outline:hover .iconfont,
.lbp-btn-outline:hover i,
.lbp-btn-outline:hover span {
  color: #fff !important;
}

.lbp-btn-danger,
a.lbp-btn-danger,
button.lbp-btn-danger {
  background: var(--lbp-btn-danger) !important;
  border-color: var(--lbp-btn-danger) !important;
  color: #fff !important;
}
.lbp-btn-danger .iconfont,
.lbp-btn-danger i,
.lbp-btn-danger span {
  color: #fff !important;
}

/* ===== 兼容既有 OneNav / Bootstrap 类 ===== */
.btn.vc-theme,
a.btn.vc-theme,
.btn.vc-theme span,
.single .btn.vc-theme,
.single .site-go .btn.vc-theme,
.preview-btn.vc-theme,
.big-search .search-submit-btn,
a.vc-theme {
  background: var(--lbp-btn-theme) !important;
  border-color: var(--lbp-btn-theme) !important;
  color: #fff !important;
}
.btn.vc-theme .iconfont,
a.btn.vc-theme .iconfont,
.btn.vc-theme i,
.preview-btn.vc-theme .iconfont,
a.vc-theme .iconfont {
  color: #fff !important;
}

.btn.btn-outline[class*="vc-l-"],
.btn.btn-outline.vc-l-theme,
.site-go .btn.btn-outline,
.single .site-go .btn.btn-outline {
  background: color-mix(in srgb, var(--lbp-btn-theme) 12%, transparent) !important;
  color: var(--lbp-btn-theme) !important;
  border-color: color-mix(in srgb, var(--lbp-btn-theme) 55%, transparent) !important;
}
.btn.btn-outline[class*="vc-l-"] .iconfont,
.site-go .btn.btn-outline .iconfont,
.site-go .btn.btn-outline span {
  color: inherit !important;
}
.btn.btn-outline[class*="vc-l-"]:hover,
.site-go .btn.btn-outline:hover {
  background: var(--lbp-btn-theme) !important;
  color: #fff !important;
  border-color: var(--lbp-btn-theme) !important;
}
.btn.btn-outline[class*="vc-l-"]:hover .iconfont,
.site-go .btn.btn-outline:hover .iconfont,
.site-go .btn.btn-outline:hover span {
  color: #fff !important;
}

.site-go .btn.vc-red,
.single .site-go .btn.vc-red,
.btn.vc-red:not(.btn-outline) {
  background: var(--lbp-btn-danger) !important;
  border-color: var(--lbp-btn-danger) !important;
  color: #fff !important;
}
.site-go .btn.vc-red .iconfont,
.btn.vc-red:not(.btn-outline) .iconfont,
.btn.vc-red:not(.btn-outline) span {
  color: #fff !important;
}
.site-go .btn[class*="vc-"]:not(.vc-theme):not([class*="vc-l-"]):not(.btn-outline) {
  color: #fff !important;
}
.site-go .btn[class*="vc-"]:not(.vc-theme):not([class*="vc-l-"]):not(.btn-outline) .iconfont {
  color: #fff !important;
}

/* Console / CSF admin buttons */
body.lbpconsole-settings-page .csf-buttons .button-primary,
body.lbpconsole-settings-page .csf-save,
body.lbpconsole-shell .button-primary,
body.lbpconsole-settings-page .button-primary,
.lbp-btn-primary {
  background: var(--lbp-btn-theme) !important;
  border-color: transparent !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body.lbpconsole-settings-page .button-secondary,
body.lbpconsole-shell .button-secondary,
.csf-field-upload .button,
.csf-field-media .button {
  color: var(--lbp-text, #E5E7EB) !important;
}