/**
 * 栗色アクセント — pages.css / mypage.css 向け
 * --green / --green-dark は theme-chestnut.css で栗色化済み。
 * ここでは直書き緑と、緑のまま残したい大きな背景だけ調整。
 */

/* 大きな緑背景を維持（公開サイトの入学案内・LINE系） */
.enrollment-cta,
.enrollment-banner {
  background: linear-gradient(135deg, #2d5a27 0%, #1e3d1a 100%);
}

.enrollment-step__num {
  background: #1e3d1a;
}

/* 直書き #1c482f / #2d5a27 の文字・枠を栗色へ */
.breadcrumb a,
.about-access__item a,
.page-intro a,
.detail-content a {
  color: var(--chestnut, #6f4e37);
}

.archive-card__body h3,
.archive-card__more,
.archive-row__title,
.about-access__title,
.about-access__item dt,
.page-intro h2,
.faq-category__title,
.enrollment-step__title,
.detail-content h2,
.detail-content h3,
.detail-content h4,
.facility-meta__label,
.club-detail__label,
.mypage-card__title,
.legal-table th,
.cancellation-policy__title,
.company-basic-info__title {
  color: var(--chestnut-dark, #523a28);
}

/* フォームフォーカス */
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus,
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--chestnut, #6f4e37);
  box-shadow: 0 0 0 3px rgba(111, 78, 55, 0.12);
}

/* カレンダー選択枠 */
.availability-calendar__day--selected,
.calendar-day--selected {
  border-color: var(--chestnut, #6f4e37);
}

.availability-calendar__nav-link,
.availability-calendar__legend-item--available {
  color: var(--chestnut-dark, #523a28);
}

/* ========== マイページメニュー（サイドバー）を栗色に ========== */
.mypage-sidebar {
  background: linear-gradient(180deg, #6f4e37 0%, #523a28 100%);
}

.mypage-sidebar__link.is-current {
  background: #d4a85a;
  color: #3f2d1f;
}

.mypage-sidebar__link.is-current .mypage-sidebar__icon {
  color: #3f2d1f;
}

.mypage-sidebar-toggle {
  background: #6f4e37;
}

.mypage-sidebar-toggle:hover {
  background: #523a28;
}

.mypage-mobile-header__title {
  color: var(--chestnut-dark, #523a28);
}

/* ========== マイページ お知らせ・イベントカードを栗色に ========== */
.mypage-feed-banner {
  background: linear-gradient(135deg, #6f4e37 0%, #8a6348 100%);
}

.mypage-feed-banner--events {
  background: linear-gradient(135deg, #5c3f2c 0%, #7a5640 100%);
}

.mypage-feed-banner .tag--target-club {
  color: var(--chestnut-dark, #523a28);
}

.mypage-feed-banner__more {
  color: var(--chestnut-dark, #523a28);
}