/* カスタムCSS - Bootstrap上書き用 */

/* リンクの色をピンクに統一（強力なセレクタ） */
a,
a:link,
a:visited,
a:hover,
a:active {
  color: #e91e63 !important;
}

/* 特定のリンククラスもピンクに */
.text-reservation,
.text-primary,
.btn-outline-primary {
  color: #e91e63 !important;
}

/* フォーカス時の色もピンクに */
.form-control:focus {
  border-color: #e91e63 !important;
  box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25) !important;
}

/* アウトラインボタンのピンク版 */
.btn-outline-reservation {
  color: #e91e63 !important;
  border-color: #e91e63 !important;
}

.btn-outline-reservation:hover {
  color: #fff !important;
  background-color: #e91e63 !important;
  border-color: #e91e63 !important;
}

/* テキスト色のピンク版 */
.text-reservation {
  color: #e91e63 !important;
}

/* プライマリカラーのピンク版 */
.text-primary {
  color: #e91e63 !important;
}

.btn-primary {
  background-color: #e91e63 !important;
  border-color: #e91e63 !important;
}

.btn-primary:hover {
  background-color: #c2185b !important;
  border-color: #c2185b !important;
}

/* フォームチェックボックスのピンク版 */
.form-check-input:checked {
  background-color: #e91e63 !important;
  border-color: #e91e63 !important;
}

.form-check-input:focus {
  border-color: #e91e63 !important;
  box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25) !important;
}

/* ログインページの特定リンクを強制的にピンクに */
.card a,
.card-body a,
.container a {
  color: #e91e63 !important;
}

.card a:hover,
.card-body a:hover,
.container a:hover {
  color: #c2185b !important;
}

/* カテゴリーメニューの数字整列 */
.category-menu .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.category-menu .badge {
  min-width: 30px;
  text-align: center;
  margin-left: auto;
}

.category-menu .list-group-item::after {
  content: ">";
  color: #6c757d;
  margin-left: 8px;
  font-weight: bold;
}