/**
 * reCAPTCHA v3 样式
 * 
 * 主要用于控制 reCAPTCHA 徽章的显示。
 * 注意：如果隐藏徽章，必须在页面上显示 reCAPTCHA 品牌声明！
 */

/* ==================== 徽章隐藏样式 ==================== */

/**
 * 隐藏 reCAPTCHA 徽章
 * 
 * 只有在配置中启用 "Hide Badge" 选项时才应用此样式。
 * 
 * 重要提示：根据 Google reCAPTCHA 服务条款，如果隐藏徽章，
 * 必须在用户流程中明显位置包含以下文字：
 * 
 * "This site is protected by reCAPTCHA and the Google
 * Privacy Policy and Terms of Service apply."
 * 
 * 并链接到：
 * - Privacy Policy: https://policies.google.com/privacy
 * - Terms of Service: https://policies.google.com/terms
 */
.grecaptcha-badge-hidden .grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==================== 徽章位置调整 ==================== */

/**
 * 调整徽章位置（可选）
 * 
 * 默认情况下，reCAPTCHA 徽章显示在页面右下角。
 * 如果与其他元素冲突，可以调整位置。
 */

/* 将徽章移到左下角 */
.grecaptcha-badge-left .grecaptcha-badge {
    left: 4px !important;
    right: auto !important;
}

/* 将徽章移到更高的位置（避免与聊天按钮等冲突） */
.grecaptcha-badge-high .grecaptcha-badge {
    bottom: 100px !important;
}

/* ==================== 隐私声明样式 ==================== */

/**
 * reCAPTCHA 隐私声明样式
 * 
 * 当隐藏徽章时，使用此样式显示必要的隐私声明。
 */
.recaptcha-privacy-notice {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
    margin: 10px 0;
    padding: 8px 12px;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.recaptcha-privacy-notice a {
    color: #4285f4;
    text-decoration: none;
}

.recaptcha-privacy-notice a:hover {
    text-decoration: underline;
}

/* 页脚中的隐私声明 */
.footer .recaptcha-privacy-notice {
    background-color: transparent;
    padding: 0;
    margin-top: 15px;
}

/* ==================== 低分警告样式（可选） ==================== */

/**
 * 低分警告提示样式
 * 
 * 当检测到可疑流量时显示（仅在关键操作时使用）。
 */
.recaptcha-warning {
    display: none;
    padding: 15px 20px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    color: #856404;
    margin: 15px 0;
}

.recaptcha-warning.show {
    display: block;
}

.recaptcha-warning-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.recaptcha-warning-message {
    font-size: 14px;
}