/*
 * CookieYes 左下角同意悬浮框：与页脚重叠时切白色主题。
 *
 * 静止态配色由 CookieYes 后台设置负责（bin/apply-cookieyes-brand-colors.php
 * 已把品牌绿写进 cky_banner_template），后台改色前台即刻生效，主题不重复定义。
 *
 * 本文件只负责"滚动到页脚"这一状态：页脚是大片品牌绿，绿色悬浮框压在上面
 * 既不醒目也难读，所以 cookie-consent.js 在悬浮框与页脚重叠时给 <body> 加
 * .junj-cky-over-footer，由下面的规则切成白底深字。
 *
 * 注意：CookieYes 把后台配色写成元素行内 style（.cky-consent-bar 的
 * background-color / border-color，标题与按钮的 color 等），行内样式优先级
 * 高于任何选择器，这批覆盖必须 !important。作用域只到左下角悬浮框，
 * CookieYes 的偏好设置弹窗保持插件默认样式，本文件不涉及。
 */

body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-consent-bar {
  border-color: #e0e9e3 !important;
  background-color: #fff !important;
  color: #14363f;
}

body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-title {
  color: #14363f !important;
}

body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-notice-des,
body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-notice-des p,
body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-notice-des a,
body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-policy {
  color: #3c4c50 !important;
}

body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-btn-accept {
  border-color: #008c11 !important;
  background-color: #008c11 !important;
  color: #fff !important;
}

body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-btn-reject,
body.junj-cky-over-footer .cky-consent-container.cky-box-bottom-left .cky-btn-customize {
  border-color: #008c11 !important;
  background-color: transparent !important;
  color: #008c11 !important;
}

/* 拒绝后出现的 revisit 悬浮气泡（绿底 + 白图标）：页脚上切成白底 + 品牌绿图标 */
body.junj-cky-over-footer .cky-btn-revisit-wrapper {
  background-color: #fff !important;
  box-shadow: 0 0 0 1px rgba(0, 140, 17, 0.35), 0 6px 18px rgba(20, 54, 63, 0.12);
}

body.junj-cky-over-footer .cky-btn-revisit-wrapper .cky-btn-revisit img {
  /* revisit.svg 是白色图标：先压成黑再用滤镜拉到品牌绿 #008c11 */
  filter: brightness(0) saturate(100%) invert(38%) sepia(100%) saturate(2000%) hue-rotate(105deg) brightness(78%) contrast(105%);
}

@media (prefers-reduced-motion: reduce) {
  .cky-consent-container.cky-box-bottom-left .cky-consent-bar,
  .cky-consent-container.cky-box-bottom-left .cky-btn {
    transition: none !important;
  }
}