/* ============================================================
   Tutor LMS pages — Cue Design School restyle
   (アーカイブ / シングル講座 / ダッシュボードの見た目を
    テーマのトーンに寄せる。クラス名は Tutor のバージョンで
    多少変わるため、必要に応じて調整してください)
   ============================================================ */

/* 固定ヘッダーに隠れないよう上に余白 */
.tutor-page-wrap,
.tutor-wrap,
body.tutor-course-archive .site-main,
body.single-courses .site-main {
  padding-top: 110px;
}

/* 見出し・本文フォントをテーマに合わせる */
.tutor-wrap, .tutor-wrap p, .tutor-wrap li,
.tutor-course-name, .tutor-course-title, .tutor-segment-title,
.tutor-course-details-title {
  font-family: "Zen Kaku Gothic New", system-ui, sans-serif !important;
  color: #4a4a4a;
  letter-spacing: .03em;
}
.tutor-course-name, .tutor-course-title,
.tutor-course-details-title, .tutor-segment-title {
  font-weight: 500 !important;
}

/* 講座カード（アーカイブ一覧） */
.tutor-course-listing .tutor-course,
.tutor-courses .tutor-course,
.tutor-course-card {
  border: 1px solid #eeece7 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(90,90,90,.06) !important;
  transition: transform .3s, box-shadow .3s !important;
}
.tutor-course-listing .tutor-course:hover,
.tutor-course-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(90,90,90,.10) !important;
}

/* カテゴリ・バッジ */
.tutor-course-loop-level, .tutor-badge-label, .tutor-course-price {
  border-radius: 999px !important;
}

/* ボタン類をテーマのチャコール pill に */
.tutor-btn.tutor-btn-primary,
.tutor-btn-primary,
.tutor-enroll-course-button,
button.tutor-course-wishlist-btn + .tutor-btn {
  background: #4a4a4a !important;
  border-color: #4a4a4a !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  box-shadow: 0 14px 30px rgba(74,74,74,.22) !important;
}
.tutor-btn.tutor-btn-primary:hover,
.tutor-btn-primary:hover,
.tutor-enroll-course-button:hover {
  opacity: .9 !important;
}

.tutor-btn.tutor-btn-outline-primary,
.tutor-btn-outline-primary {
  border-radius: 999px !important;
  border-color: rgba(74,74,74,.35) !important;
  color: #4a4a4a !important;
}

/* 価格の色 */
.tutor-course-price, .price ins, .tutor-amount {
  color: #4a4a4a !important;
  font-weight: 500 !important;
}

/* リンク・アクセントカラー */
.tutor-wrap a:not(.tutor-btn) {
  color: #6aa6ab;
}

/* プログレスバー等のアクセント */
.tutor-progress-bar span, .tutor-ratings-stars i.tutor-icon-star-full {
  color: #99ccd0 !important;
}