/*お気に入り機能基幹部分*/
/* 右上フローティングにしたい親要素に position:relative; を付けておくとGood */
/* 例）.kikaku-card { position: relative; } */

.fav-btn{
  position: absolute; /* 親が relative の想定。相対配置でなければ static でもOK */
  top: 1.0rem;
  right: .7rem;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .4rem .6rem;
  font-size: .95rem;
  line-height: 1;
  border: none;
  border-radius: 999px;
  background: none;
  color: #fff;
  cursor: pointer;
  user-select: none;
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
  backdrop-filter: blur(4px);
}
.fav-btn:hover { transform: translateY(-1px); }
.fav-btn:active{ transform: translateY(0); }

.fav-btn .fav-icon{
  font-size: 1.1rem;
  transition: transform .25s ease, filter .25s ease, text-shadow .25s ease;
}

/* 登録済み（.is-active）が付いたら★化＆色強調 */
.fav-btn.is-active{
  border-color: #ffd166;
  background: rgba(255, 209, 102, 0.15);
}
.fav-btn.is-active .fav-icon{
  /* ほんのり発光っぽく */
  text-shadow: 0 0 6px rgba(255, 209, 102, .8);
}

/* キーボード操作 */
.fav-btn:focus{ outline: 2px solid #6ab0ff; outline-offset: 2px; }


/* Toolbar */
.fav-toolbar{
  display:flex; align-items:center; gap:1rem; margin:.5rem 0 1.25rem;
  flex-wrap:wrap;
}

/* Segmented control */
.seg-toggle{
  display:inline-flex; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18); border-radius:999px;
  backdrop-filter: blur(6px); padding:.25rem; box-shadow: 0 4px 20px rgba(0,0,0,.15) inset;
}
.seg-btn{
  appearance:none; border:0; background:transparent;
  color:#e8f1ff; font-weight:600; letter-spacing:.02em;
  padding:.5rem .9rem; border-radius:999px; cursor:pointer;
  transition: transform .12s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
.seg-btn:hover{ transform: translateY(-1px); }
.seg-btn.is-active{
  background: radial-gradient(120% 140% at 10% 20%, rgba(110,170,255,.28), rgba(110,170,255,.14) 60%, rgba(110,170,255,.08));
  box-shadow: 0 0 16px rgba(110,170,255,.25), inset 0 0 0 1px rgba(180,220,255,.35);
  color:#fff;
}
.seg-count{
  margin-left:.4rem; opacity:.9; font-weight:700; font-variant-numeric: tabular-nums; color: #fff;
}

/* 件数テキスト */
.fav-count{ font-size:.9rem; opacity:.85; color:#fff; }

/* 非表示用（JSが付与） */
.text.is-hidden{ display:none !important; }

/* 親カードに右上★を重ねるなら（任意） */
.kikaku-card{ position: relative; }