/*
 * PRICE BASE 買取表（kaitorilist）専用の追従フッター（2026-10-09、本番は F-b をオーナー決定）
 * - SP・タブレット（959px 以下＝SWELL の sp_only と同じ範囲）だけ。PC は今の 91704（pc_only のバナー）のまま
 * - 買取表のトンマナ: 白〜ごく淡いグレーの帯・細い上線＋薄い影、赤はボタンだけ、本文と同じ書体（--swl-font_family）、900 は使わない（700 / 400）
 * - 高さ 64〜68px ＋ iPhone のホームバー（safe-area）
 * - 出し入れは pb-klfoot.js（.is-armed が付いてから隠せる。JS が無い・IntersectionObserver が無い端末では常に表示）
 * 案: --a 白帯・右に赤ボタン（ボタンは2段）／--b 白帯・上に細い文言行＋全幅に近い赤ボタン／--c 濃いグレー帯・右に赤ボタン
 */
.pb-klfoot { display: none; }

@media (max-width: 959px) {
  .pb-klfoot {
    --pbkf-h: 64px;
    --pbkf-red: #d6372d;
    --pbkf-ink: #1f2124;
    display: block;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
    margin: 0 !important; top: auto; width: auto; max-width: none; float: none;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    font-family: var(--swl-font_family, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif);
    font-weight: 400; letter-spacing: normal; line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    transition: transform .28s ease, opacity .28s ease;
  }
  .pb-klfoot:not(.is-ready) { transition: none; }
  /* 隠すときも visibility:hidden にはしない（pb-lp-analytics の CTA 一覧に「描画あり」で載るように）。画面外へ下げて透明・押せない */
  .pb-klfoot.is-armed:not(.is-show) {
    transform: translateY(calc(100% + 12px)); opacity: 0; pointer-events: none;
  }
  .pb-klfoot *, .pb-klfoot *::before, .pb-klfoot *::after { box-sizing: border-box; }
  .pb-klfoot a.pb-klfoot__link {
    display: flex; align-items: center; gap: 10px;
    max-width: 600px; height: var(--pbkf-h); margin: 0 auto; padding: 0 10px 0 14px;
    color: var(--pbkf-ink) !important; text-decoration: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .04);
  }
  .pb-klfoot__txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  .pb-klfoot__tag, .pb-klfoot__cap { display: block; white-space: nowrap; overflow: hidden; text-overflow: clip; }
  .pb-klfoot__tag { font-size: 11px; font-weight: 700; color: var(--pbkf-red); }
  .pb-klfoot__tag b { font-weight: 700; color: inherit; }
  .pb-klfoot__cap { font-size: 12.5px; font-weight: 700; color: var(--pbkf-ink); }
  .pb-klfoot__cap em { font-style: normal; color: var(--pbkf-red); }
  .pb-klfoot__btn {
    position: relative; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 46px; padding: 0 30px 0 16px; border-radius: 999px;
    background: var(--pbkf-red); color: #fff; text-align: center;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .14);
  }
  .pb-klfoot__btn::after {
    content: ""; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px; margin-top: -4px;
    border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);
  }
  .pb-klfoot__b1 { display: block; font-size: 10.5px; font-weight: 400; line-height: 1.2; white-space: nowrap; }
  .pb-klfoot__b2 { display: block; font-size: 15px; font-weight: 700; line-height: 1.25; white-space: nowrap; }

  /* --- F-a 白帯＋右に赤ボタン --- */
  .pb-klfoot--a { background: #fff; border-top: 1px solid #e3e5e8; box-shadow: 0 -4px 14px rgba(0, 0, 0, .06); }

  /* --- F-b 白帯（ごく淡いグレー）＋上に細い文言行＋全幅に近い赤ボタン --- */
  .pb-klfoot--b { --pbkf-h: auto; background: #fafafa; border-top: 1px solid #e3e5e8; box-shadow: 0 -4px 14px rgba(0, 0, 0, .05); }
  .pb-klfoot--b a.pb-klfoot__link { flex-direction: column; align-items: stretch; gap: 4px; padding: 5px 12px 6px; }
  .pb-klfoot--b .pb-klfoot__txt { flex-direction: row; justify-content: center; gap: .6em; font-size: clamp(9.5px, 2.75vw, 11.5px); }
  .pb-klfoot--b .pb-klfoot__tag, .pb-klfoot--b .pb-klfoot__cap { font-size: 1em; line-height: 14px; }
  .pb-klfoot--b .pb-klfoot__btn { flex-direction: row; height: 38px; padding: 0 34px; }
  .pb-klfoot--b .pb-klfoot__b1, .pb-klfoot--b .pb-klfoot__b2 { font-size: 15px; font-weight: 700; }

  /* --- F-c 濃いグレー帯＋白文字＋右に赤ボタン --- */
  .pb-klfoot--c { --pbkf-red: #e0463b; background: #26282c; border-top: 1px solid #3b3e43; box-shadow: 0 -4px 14px rgba(0, 0, 0, .12); }
  .pb-klfoot--c a.pb-klfoot__link { color: #fff !important; }
  .pb-klfoot--c .pb-klfoot__tag { color: #ff8478; }
  .pb-klfoot--c .pb-klfoot__cap { color: #fff; }
  .pb-klfoot--c .pb-klfoot__cap em { color: #ffb0a8; }
  .pb-klfoot--c .pb-klfoot__btn { box-shadow: none; }

  @media (max-width: 374px) {
    .pb-klfoot__tag { font-size: 10.5px; }
    .pb-klfoot__cap { font-size: 11.5px; }
  }
  @media (max-width: 359px) {
    .pb-klfoot a.pb-klfoot__link { gap: 8px; padding: 0 8px 0 10px; }
    .pb-klfoot__tag { font-size: 9.5px; }
    .pb-klfoot__cap { font-size: 10.5px; }
    .pb-klfoot__btn { padding: 0 24px 0 11px; }
    .pb-klfoot__btn::after { right: 11px; }
    .pb-klfoot__b1 { font-size: 10px; }
    .pb-klfoot__b2 { font-size: 14px; }
    .pb-klfoot--b a.pb-klfoot__link { padding: 5px 6px 6px; }
    .pb-klfoot--b .pb-klfoot__txt { font-size: 9px; gap: .4em; }
    .pb-klfoot--b .pb-klfoot__b1, .pb-klfoot--b .pb-klfoot__b2 { font-size: 14px; }
  }

  /* フッターがあるページ: 末尾の最後の行が隠れないよう下に余白、右下のページトップボタンをフッターの上へ
     .pb-klfoot-page は body_class。SWELL では <body> ではなく #body_wrap に付く（ページトップボタンも #body_wrap の中） */
  .pb-klfoot-page { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
  /* 359px 以下は、ページ最下部の会社情報の段落が既存のブロックからはみ出す（320px で約 80px）ので余白を多めに */
  @media (max-width: 359px) { .pb-klfoot-page { padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px)); } }
  .pb-klfoot-page .p-fixBtnWrap { bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
  /* 共有ブログパーツ 91704 の SP 用バナー（オレンジの画像）は、プラグインが HTML から外す（CSS では隠さない。外せなかったときは今のバナーが残る） */
}