/* ============================================================
   お気に入り（まとめて問い合わせ）ボタン ― 視認性向上版
   一覧 / 物件詳細 / トップ・中古マンションのカルーセル 共通
   ============================================================ */

/* --- カルーセルカード内の配置 --- */
.p-postList__item .card-inner { position: relative; }
.p-postList__item .favoritearea,
.card-inner .favoritearea { position: absolute; top: 8px; right: 8px; z-index: 20; margin: 0; }

/* 吹き出しヒント画像は非表示（ラベル付きボタンで代替） */
.favoritearea img { display: none; }

/* --- トグルボタン本体 --- */
.fudo-favorite-button {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 34px;
    padding: 7px 14px;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 2px solid #1560ac;
    background: #ffffff;
    color: #1560ac;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    transition: transform .12s, background .12s, color .12s, box-shadow .12s;
    font-size: 0; /* ボタン内の素の「✓」を隠し、ラベルに置き換える */
}
.fudo-favorite-button::before { font-size: 13px; letter-spacing: .02em; }

/* 未追加（クリックで追加できる状態） */
.fudo-favorite-button.fvinact { background: #fff; color: #1560ac; border-color: #1560ac; }
.fudo-favorite-button.fvinact::before { content: "♡ 気になる"; }

/* 追加済み */
.fudo-favorite-button.fvact { background: #e60012; color: #fff; border-color: #e60012; }
.fudo-favorite-button.fvact::before { content: "✓ 追加済み"; }

.fudo-favorite-button:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, .25); }

/* JSでクラスが付く前でも見えるようフォールバック */
.fudo-favorite-button:not(.fvact):not(.fvinact) { font-size: 13px; }

/* --- まとめて問い合わせページ：リストから外すボタン --- */
.remove-favorite-button {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 34px;
    padding: 7px 16px;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 2px solid #e60012;
    background: #e60012;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    font-size: 0;
    transition: opacity .12s, transform .12s;
}
.remove-favorite-button::before { content: "✓ リストから外す"; font-size: 13px; }
.remove-favorite-button:hover { opacity: .9; transform: translateY(-1px); }

.favorite-item { margin-bottom: 10px; }
