/* =================================================================
 * inquiry-pending-badge — お問い合わせ保留中バッジ
 * Figma: 6246:297001（保留中の製品お問い合わせ）
 *
 * カート（carts.product_inquiry）に 1 件以上あるとき、全ページ右下に
 * 固定追従で表示する白いピル型ボタン。
 *   - 右肩に赤い件数バッジ（counter-row を btn 上に -12rem で重ねる）
 *   - 本体は白地 + Key 色の枠、メールアイコン + 2 行テキスト
 *
 * 配置: ページ先頭へ戻るボタン（c-page-top-btn）の左隣。
 *   PC  page-top right(24) + width(72) + gap(16) = right 112rem
 *   SP  page-top right(16) + width(56) + gap(16) = right  88rem
 *   ※ Blade: front/shared/site-shell/inquiry-pending-badge.blade.php
 * =================================================================*/

.inquiry-pending-badge {
    position: fixed;
    right: 112rem; /* PC: page-top(72) の左隣 */
    bottom: 24rem;
    z-index: 299; /* page-top(200) より上 */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.inquiry-pending-badge__counter-row {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -12rem; /* 件数バッジを btn の上端に重ねる */
    padding-right: 2rem;
    position: relative;
    z-index: 2;
}

.inquiry-pending-badge__count {
    background-color: #e80000;
    color: #ffffff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 14rem;
    width: 24rem;
    height: 24rem;
    border-radius: 40rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8rem 15rem rgba(111, 111, 111, 0.2);
    white-space: nowrap;
    flex-shrink: 0;
}

.inquiry-pending-badge__btn {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8rem;
    padding: 8rem;
    height: 72rem;
    background: #ffffff;
    border: 2rem solid var(--color-key);
    border-radius: 40rem;
    text-decoration: none;
    box-shadow: 0 8rem 15rem rgba(111, 111, 111, 0.2);
    flex-shrink: 0;
}

.inquiry-pending-badge__icon {
    width: 44rem;
    height: 32rem;
    flex-shrink: 0;
    display: block;
}

.inquiry-pending-badge__text {
    display: flex;
    flex-direction: column;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 13rem;
    letter-spacing: 0.65rem;
    color: var(--color-neutral-01);
    white-space: nowrap;
    line-height: 1.2;
    padding-right: 8rem;
}

/* =================================================================
 * SP（≤767.98px）— page-top(56rem) の左隣に寄せる
 * =================================================================*/
@media (max-width: 767.98px) {
    .inquiry-pending-badge {
        right: 88rem;
        bottom: 16rem;
    }
}