/* 顶栏「登录 | 注册」合并按钮（v20）—— 红色胶囊，参考 js.vmccc.com 的 b2 v5.x+ 合并结构
 * 该按钮由 Assets/Js/auth-merge.js 动态注入到 .header-login-button 内、原「登录」button 之前。
 * 颜色用统一红色变量，覆盖父主题 .button.empty 默认主题色（蓝/主题色）描边。
 *
 * v24：常态即红色实心（hover 仅轻微加深 + 上浮 1px，去掉「hover 才变色」的伪状态感）。
 */

/* 合并按钮本体：常态实心胶囊，hover 加深。
   主色 / hover 色 / 阴影色由 functions.php 注入的 CSS 变量提供（开关开启时），
   默认值兜底，保证即使变量缺失也是红 + 深红 hover + 红色阴影。 */
.header-login-button button[data-auth-merged],
.header-login-button button.empty[data-auth-merged] {
    border-color: var(--b2child-login-color, #ff2d2d) !important;
    color: #fff !important;
    background: var(--b2child-login-color, #ff2d2d) !important;
    transition: background .2s, transform .2s, box-shadow .2s;
}

.header-login-button button[data-auth-merged]:hover,
.header-login-button button.empty[data-auth-merged]:hover {
    background: var(--b2child-login-color-hover, #e02525) !important;
    color: #fff !important;
    border-color: var(--b2child-login-color-hover, #e02525) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px var(--b2child-login-shadow, rgba(255, 45, 45, .25));
}

/* 原「登录」「快速注册」两个 button 隐藏（已被合并按钮取代）。
   用属性选择器兜底，避免 JS 的 hidden 属性被 Vue 重渲染冲掉时短暂露出。 */
.header-login-button button.mobile-hidden:not([data-auth-merged]) {
    display: none !important;
}