/* ============================================================
   components/mobile-bottom-bar.css
   SP下部固定バー（口コミを書く / マイページ）
   ============================================================ */

.mobile-bottom-bar { display: none; }

@media (max-width: 768px) {
  .mobile-bottom-bar {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 90;
    display: flex; gap: 8px;
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0));
    border-top: 1px solid #f0f0f0;
  }
  .mobile-bottom-bar__btn {
    flex: 1;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 12px 8px;
    border-radius: 50px;
    font-size: 13px; font-weight: 700;
    text-align: center; white-space: nowrap;
    transition: transform .15s, box-shadow .15s;
  }
  .mobile-bottom-bar__btn--primary {
    background: var(--primary); color: #fff;
    box-shadow: 0 2px 6px rgba(212,86,122,0.25);
  }
  .mobile-bottom-bar__btn--primary:hover,
  .mobile-bottom-bar__btn--primary:active { color: #fff; }
  .mobile-bottom-bar__btn--outline {
    background: #fff; color: var(--primary);
    border: 1.5px solid var(--primary);
  }
  /* 下部バー分の余白確保（footerと重ならないように） */
  body { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0)); }
}