/* 画面下の「WEB予約」「LINEで相談・予約」ボタン（2026-11-08 岡さん「下のボタンが安っぽい」）
 * mu-plugin hiro-line-cta の LINE ボタンは隠して、ここで2つを同じ形で並べる。
 * hiro-line-cta の JS は画面下の固定バーを見つけると幅50%にするが、transform があるバーは触らない。
 * そのため .aga-cta-bar には transform を付けておく。
 * LP（.cv-button がある＝body.has-lp-cv）は今までどおり hiro-line-cta に任せる。 */
.aga-cta-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .94);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-top: 1px solid rgba(31, 138, 76, .15);
    box-shadow: 0 -6px 20px rgba(0, 0, 0, .07);
    box-sizing: border-box;
    transform: translateZ(0);
}
.aga-cta-bar__btn {
    flex: 1 1 0;
    max-width: 340px;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 54px;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff !important;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: .04em;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .25);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.aga-cta-bar__btn i { font-size: 1.25em; }
.aga-cta-bar__btn--web { background: linear-gradient(135deg, #2fa866 0%, #1f8a4c 55%, #17703d 100%); }
.aga-cta-bar__btn--line { background: linear-gradient(135deg, #10d064 0%, #06c755 55%, #05ad4a 100%); }
.aga-cta-bar__btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .25);
}
.aga-cta-bar__btn:active { transform: translateY(1px); box-shadow: 0 2px 6px rgba(0, 0, 0, .16); }
.aga-cta-bar__btn:focus-visible { outline: 3px solid #f5c542; outline-offset: 2px; }

/* バーの裏にページの最後が隠れないように */
body { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }

@media screen and (max-width: 600px) {
    .aga-cta-bar { gap: 8px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); }
    .aga-cta-bar__btn { height: 50px; font-size: 15px; gap: 6px; padding: 0 8px; letter-spacing: .02em; }
    body { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
}

/* 継続治療の方はこちら（RM199549）→アプリの購入可能商品。3つ目のボタン */
.aga-cta-bar__btn--cont { background: #fff; color: #1f8a4c !important; border: 2px solid #1f8a4c; box-shadow: 0 4px 10px rgba(0, 0, 0, .08); }
.aga-cta-bar__stack { display: flex; flex-direction: column; align-items: center; line-height: 1.25; }
.aga-cta-bar__stack small { font-size: 11px; font-weight: 600; letter-spacing: 0; opacity: .85; }
.aga-cta-bar__sp { display: none; }
@media screen and (max-width: 600px) {
    .aga-cta-bar { gap: 6px; padding-left: 8px; padding-right: 8px; }
    .aga-cta-bar__btn { font-size: 13px; white-space: normal; text-align: center; padding: 0 6px; letter-spacing: 0; }
    .aga-cta-bar__btn i { font-size: 1.15em; }
    .aga-cta-bar__btn--cont { font-size: 12px; line-height: 1.2; }
    .aga-cta-bar__sp { display: inline; }
    .aga-cta-bar__stack small { font-size: 9px; margin-top: 1px; }
}

/* LINE ボタンは上のバーにあるので、mu-plugin のものは出さない（LP は除く） */
body:not(.has-lp-cv) .hiro-line-cta { display: none !important; }
body.has-lp-cv .aga-cta-bar { display: none; }
body.has-lp-cv { padding-bottom: 0; }

/* スマホ（2026-11-08 岡さん「3つ並ぶと窮屈」）: アイコンを上・短い名前を下に。文字は折り返さない */
.aga-cta-bar__spi { display: none; }
@media screen and (max-width: 600px) {
    .aga-cta-bar__pc { display: none; }
    .aga-cta-bar__spi { display: inline-block; }
    .aga-cta-bar__btn {
        flex-direction: column; gap: 2px; height: 56px; padding: 0 4px;
        font-size: 12.5px; white-space: nowrap; border-radius: 14px; line-height: 1.15;
    }
    .aga-cta-bar__btn i { font-size: 17px; }
    .aga-cta-bar__btn--cont { font-size: 12.5px; }
    .aga-cta-bar__stack small { font-size: 9px; margin-top: 0; }
    body { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
}