/**
 * CheckNow — CookieYes 品牌化样式
 * 主色 #0A2463 / 金色 #D4AF37 / 深蓝黑背景 / 白色正文
 * 覆盖 CookieYes 默认模板感（白底/#1863DC 蓝），与 CheckNow 全站 CTA 一致。
 *
 * ponytail: CookieYes v3.5.4 前台模板在渲染时给元素写内联样式（白底 #FFFFFF、
 * 蓝 #1863DC、深灰字 #212121），优先级高于普通外部 CSS，故此处必须用
 * !important 全面压盖。类名为官方稳定前缀(.cky-*)，不改插件文件、升级不丢。
 * 连接 Web App 后，建议同时在 CookieYes 后台/Web App 设置品牌色（一劳永逸）。
 */

:root {
    --cky-accent: #D4AF37;          /* 金色重点 */
    --cky-primary: #0A2463;         /* 主色 */
    --cky-bg: #0b1526;              /* 深蓝黑背景 */
    --cky-bg-soft: #13203a;         /* 次级深色（面板/卡片） */
    --cky-text: #ffffff;            /* 白色正文 */
    --cky-muted: #b9c4d6;           /* 次级文字 */
    --cky-border: rgba(212, 175, 55, 0.28); /* 金色低对比边框 */
}

/* ── 弹窗最外层：深蓝黑底、圆角、阴影、留白舒展 ── */
.cky-consent-container,
.cky-consent-container .cky-consent-bar,
.cky-consent-container .cky-modal {
    transition: none !important;
}
.cky-consent-container {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(720px, calc(100vw - 40px)) !important;
    max-width: 720px !important;
    box-sizing: border-box !important;
    background: var(--cky-bg) !important;
    color: var(--cky-text) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45) !important;
    font-family: inherit !important;
    line-height: 1.6 !important;
    padding: 26px 30px !important;
}
/* 关键：官方内联把 .cky-consent-bar 设为白底，必须压回深色 */
.cky-consent-bar {
    background: var(--cky-bg) !important;
    border: 1px solid var(--cky-border) !important;
    border-radius: 14px !important;
    color: var(--cky-text) !important;
}
/* 舒展宽度：弹窗不要窄小拥挤 */
.cky-consent-container .cky-content-wrapper,
.cky-consent-container .cky-modal,
.cky-consent-container .cky-preference-center {
    max-width: 720px !important;
    width: 100% !important;
}

/* ── 标题与正文（官方内联 color:#212121 → 白/次白，横幅与偏好面板均适用） ── */
.cky-title,
.cky-preference-title,
.cky-accordion-btn,
.cky-preference-header,
.cky-consent-container .cky-title,
.cky-consent-container .cky-preference-title,
.cky-consent-container .cky-accordion-btn,
.cky-consent-container .cky-preference-header {
    color: var(--cky-text) !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    font-size: 20px !important;
}
.cky-desc,
.cky-notice-des,
.cky-preference-content-wrapper,
.cky-accordion-header-des,
.cky-separator-line,
.cky-consent-container .cky-desc,
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-preference-content-wrapper,
.cky-consent-container .cky-accordion-header-des,
.cky-consent-container .cky-separator-line {
    color: var(--cky-muted) !important;
    font-size: 14px !important;
}

/* ── 链接（隐私政策） ── */
.cky-consent-container a,
.cky-consent-container .cky-consent-bar a {
    color: var(--cky-accent) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--cky-accent) !important;
}

/* ── 按钮：主=品牌金，次=透明低对比边框 ──
   ponytail: 横幅与偏好面板按钮都是 .cky-btn（面板 button 在顶层 .cky-modal 内），
   用全局 .cky-btn 统一基础样式，避免 container 前缀漏掉偏好面板按钮。 */
.cky-btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 13px 22px !important;
    min-height: 46px !important;      /* 与全站 CTA 高度一致 */
    transition: all 0.18s ease !important;
    cursor: pointer !important;
    letter-spacing: 0.2px !important;
}
.cky-notice-btn-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}
.cky-notice-btn-wrapper .cky-btn {
    width: 100% !important;
    margin: 0 !important;
}
/* 主按钮（接受全部/同意）：金色实心、深字 —— 压过官方 #1863DC */
.cky-btn-accept,
.cky-consent-container .cky-btn.cky-btn-accept,
.cky-consent-container .cky-btn[data-cky-tag='accept-button'],
.cky-consent-container .cky-btn[data-cky-tag='detail-accept-button'] {
    background: var(--cky-accent) !important;
    border: 1px solid var(--cky-accent) !important;
    color: #0b1526 !important;
}
.cky-btn-accept:hover, .cky-btn-accept:focus {
    background: #e6c65a !important;
    border-color: #e6c65a !important;
}
/* 次按钮（拒绝全部/自定义/保存偏好）：透明背景 + 低对比边框 —— 压过官方 #1863DC */
.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences,
.cky-consent-container .cky-btn.cky-btn-reject,
.cky-consent-container .cky-btn.cky-btn-customize,
.cky-consent-container .cky-btn.cky-btn-preferences,
.cky-consent-container .cky-btn.cky-btn-minus,
.cky-btn[data-cky-tag='reject-button'],
.cky-btn[data-cky-tag='detail-reject-button'],
.cky-consent-container .cky-btn[data-cky-tag='reject-button'],
.cky-consent-container .cky-btn[data-cky-tag='detail-reject-button'],
.cky-consent-container .cky-btn[data-cky-tag='settings-button'],
.cky-consent-container .cky-btn[data-cky-tag='detail-cancel-button'] {
    background: transparent !important;
    border: 1px solid var(--cky-border) !important;
    color: var(--cky-text) !important;
}
/* 保存偏好（detail-save-button）作为偏好面板的"保存"主操作：金色描边 + 金色文字，
   与 Accept (金色实底) / Reject (低对比灰) 形成三级层级，避免官方默认蓝色突兀 */
.cky-btn[data-cky-tag='detail-save-button'],
.cky-consent-container .cky-btn[data-cky-tag='detail-save-button'],
.cky-btn.cky-btn-preferences,
.cky-consent-container .cky-btn.cky-btn-preferences {
    border-color: var(--cky-accent) !important;
    color: var(--cky-accent) !important;
}
.cky-btn-reject:hover, .cky-btn-customize:hover, .cky-btn-preferences:hover,
.cky-btn-reject:focus, .cky-btn-customize:focus, .cky-btn-preferences:focus {
    border-color: var(--cky-accent) !important;
    color: var(--cky-accent) !important;
    background: rgba(212, 175, 55, 0.08) !important;
}

/* ── 设置面板（官方内联白底 → 深色） ──
   ponytail: .cky-modal/.cky-preference-center 是 .cky-consent-container 的【顶层兄弟】而非子级，
   故不能用 container 前缀，必须用全局 .cky-* 类覆盖，否则白底残留、透明按钮看不见。 */
.cky-modal,
.cky-consent-container .cky-modal,
.cky-preference-center,
.cky-consent-container .cky-preference-center,
.cky-preference-wrapper {
    background: var(--cky-bg) !important;
    color: var(--cky-text) !important;
    border: 1px solid var(--cky-border) !important;
    border-radius: 16px !important;
}
.cky-accordion,
.cky-consent-container .cky-accordion {
    background: var(--cky-bg-soft) !important;
    color: var(--cky-text) !important;
    border-color: var(--cky-border) !important;
    border-radius: 12px !important;
}
/* 分类卡片加宽松留白，避免太紧凑 */
.cky-accordion-item,
.cky-consent-container .cky-accordion-item {
    padding: 14px 18px !important;
    margin-bottom: 10px !important;
    background: var(--cky-bg-soft) !important;
    border: 1px solid var(--cky-border) !important;
    border-radius: 12px !important;
}
/* 分类标题（内联 #212121 → 金字），字体更大更清晰 */
.cky-accordion-btn,
.cky-consent-container .cky-accordion-btn {
    color: var(--cky-accent) !important;
    font-size: 16px !important;
}
/* 箭头（chevron）金色 —— CookieYes 用 border 画箭头 */
.cky-chevron-right,
.cky-consent-container .cky-chevron-right {
    border-color: var(--cky-accent) !important;
}
.cky-always-active,
.cky-consent-container .cky-always-active {
    color: var(--cky-accent) !important;
}
/* 展开区（audit-table，官方内联 #f4f4f4 白底 + #212121 黑字 → 与卡片同级的次级深色 + 金字）
   ponytail: 用 --cky-bg-soft(与卡片同色)而非最深的 --cky-bg，避免展开区变成一条突兀的深色大条。 */
.cky-audit-table,
.cky-consent-container .cky-audit-table {
    background: var(--cky-bg-soft) !important;
    color: var(--cky-text) !important;
    border-color: var(--cky-border) !important;
    border-radius: 8px !important;
}
.cky-audit-table th,
.cky-audit-table td,
.cky-consent-container .cky-audit-table th,
.cky-consent-container .cky-audit-table td {
    color: var(--cky-text) !important;
    border-color: var(--cky-border) !important;
}
/* 展开区空提示（"No cookies to display"）→ 金色，柔和融入 */
.cky-empty-cookies-text,
.cky-consent-container .cky-empty-cookies-text {
    color: var(--cky-muted) !important;
}
/* 去掉按钮区上方的渐变阴影层 */
.cky-footer-shadow,
.cky-consent-container .cky-footer-shadow {
    background: transparent !important;
    box-shadow: none !important;
}
/* 分类开关（switch）：v3.5.4 的 input 无 label 兄弟，直接着色 input 本体 + 伪元素 */
.cky-switch input[type='checkbox'] {
    background: #3a4658 !important;
    border-color: var(--cky-border) !important;
}
.cky-switch input[type='checkbox']:checked {
    background: var(--cky-accent) !important;
    border-color: var(--cky-accent) !important;
}
.cky-consent-container .cky-switch input[type='checkbox'] + label {
    background: #3a4658 !important;
}
.cky-consent-container .cky-switch input[type='checkbox']:checked + label {
    background: var(--cky-accent) !important;
}
/* 勾选标识（checkmark） */
.cky-consent-container .cky-checkbox input:checked ~ label .cky-tip-arrow,
.cky-consent-container .cky-chkbx input:checked + label,
.cky-consent-container .cky-preference-content-wrapper .cky-checkbox input:checked ~ label span {
    color: var(--cky-accent) !important;
}

/* ── 撤销/重开按钮（右下角小浮标） ── */
.cky-consent-container .cky-btn-revisit-wrapper,
.cky-btn-revisit-wrapper {
    background: var(--cky-bg) !important;
    border: 1px solid var(--cky-border) !important;
    border-radius: 50px !important;
}
.cky-consent-container .cky-btn-revisit,
.cky-btn-revisit {
    background: transparent !important;
    color: var(--cky-text) !important;
    font-size: 13px !important;
}
.cky-consent-container .cky-btn-revisit:hover,
.cky-btn-revisit:hover {
    color: var(--cky-accent) !important;
}

/* ── CookieYes 偏好面板滚动条：深底 + 金色滑条，与品牌统一 ── */
.cky-preference-body-wrapper::-webkit-scrollbar,
.cky-modal::-webkit-scrollbar {
    width: 10px;
}
.cky-preference-body-wrapper::-webkit-scrollbar-track,
.cky-modal::-webkit-scrollbar-track {
    background: var(--cky-bg) !important;
    border-radius: 5px;
}
.cky-preference-body-wrapper::-webkit-scrollbar-thumb,
.cky-modal::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.55) !important;
    border-radius: 5px;
}
.cky-preference-body-wrapper::-webkit-scrollbar-thumb:hover,
.cky-modal::-webkit-scrollbar-thumb:hover {
    background: var(--cky-accent) !important;
}
/* Firefox */
.cky-preference-body-wrapper,
.cky-modal {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(212, 175, 55, 0.55) var(--cky-bg) !important;
}

/* ── 页脚"Cookie 设置"按钮：视觉与其它快速链接文字项一致（去掉按钮感，保留 cky-banner-element 触发功能） ── */
.checknow-footer-cookie-settings .cky-banner-element,
.checknow-footer-quick .checknow-footer-cookie-settings .cky-banner-element {
    display: inline-flex;
    align-items: center;
    padding: 2px 0;
    margin: 0;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font: inherit !important;
    color: inherit !important;
    cursor: pointer;
    transition: color 0.25s, padding-left 0.25s;
    line-height: inherit;
}
.checknow-footer-cookie-settings .cky-banner-element:hover {
    padding-left: 4px;
}

/* ── 未同意功能类时 Chatwoot 拦截提示 ── */
.checknow-consent-notice {
    position: fixed;
    right: 24px;
    bottom: 96px;
    z-index: 2147483000;
    max-width: 320px;
    background: #0b1526;
    color: #fff;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 12px;
    padding: 18px 20px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    font-size: 14px;
    line-height: 1.55;
}
.checknow-consent-notice__btns {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.checknow-consent-notice__btn {
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 16px;
    cursor: pointer;
    line-height: 1;
}
.checknow-consent-notice__btn--primary {
    background: #D4AF37;
    border: 1px solid #D4AF37;
    color: #0b1526;
}
.checknow-consent-notice__btn--ghost {
    background: transparent;
    border: 1px solid rgba(212, 175, 55, 0.35);
    color: #fff;
}

/* ── 移动端 ── */
@media (max-width: 640px) {
    .cky-consent-container {
        width: calc(100vw - 28px) !important;
        padding: 22px 18px !important;
        border-radius: 14px !important;
    }
    .cky-consent-container .cky-btn {
        width: 100% !important;
        margin: 6px 0 !important;
        min-height: 48px !important;
    }
    .cky-notice-btn-wrapper {
        gap: 6px !important;
    }
    .cky-notice-btn-wrapper .cky-btn {
        margin: 0 !important;
        padding: 10px 4px !important;
        font-size: 12px !important;
        white-space: normal !important;
    }
    .checknow-consent-notice {
        right: 14px;
        left: 14px;
        bottom: 88px;
        max-width: none;
    }

    /* 移动菜单打开时，CookieYes 浮标不覆盖登录/注册操作。 */
    body.checknow-mobile-menu-open .cky-btn-revisit-wrapper,
    body.checknow-mobile-menu-open .cky-btn-revisit {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}