/* =============================================================
   ABテスト Bパターン - ナビ（ヘッダー）専用スタイル
   - /roleplay/ 配下の全ページで読み込み
   - 担当要素:
     ① PC版ログインボタン（テキストリンク化 → 「契約者ログイン」）
     ② 資料請求ボタン（赤色化、.disabled は灰色のまま維持）
   - html.ab-variant-b クラスが付いている時のみ発火
   - Aパターンは一切触らない
   - ブランチ: feature/roleplay-ab-test-fv
   - テスト期間: 2026/05/01〜2026/05/31（予定、デプロイ日により前後）
   ============================================================= */

html.ab-variant-b header .nav-right .btn-login {
    background: transparent;
    border: 2px solid transparent;
    padding: 9px 0 12px;
    color: var(--color-teal);
    font-weight: 500;
    border-radius: 0;
    font-size: 0;
    line-height: 0;
}
html.ab-variant-b header .nav-right .btn-login::before {
    content: "契約者ログイン";
    font-size: 0.9375rem;
    line-height: 1;
    display: inline-block;
}

html.ab-variant-b header .nav-right .btn-login:hover {
    background: transparent;
    border: 2px solid transparent;
    color: var(--color-teal);
    text-decoration: underline;
}
html.ab-variant-b header .nav-right .btn-login:hover::before {
    text-decoration: underline;
}
html.ab-variant-b header .nav-right .btn-primary:not(.disabled),
html.ab-variant-b .mobile-menu-buttons .btn-primary:not(.disabled) {
    background: #D62D2D;
    color: #FFFFFF;
    border: 2px solid transparent;
}
html.ab-variant-b header .nav-right .btn-primary:not(.disabled):hover,
html.ab-variant-b .mobile-menu-buttons .btn-primary:not(.disabled):hover {
    background: #B82020;
    color: #FFFFFF;
    border: 2px solid transparent;
}
html.ab-variant-b header .nav-right .btn-primary.disabled {
    border: 2px solid transparent;
}