/* ========== 基本排版 / 訊息 ========== */
.chspa-section-title{font-size:22px;margin:24px 0 12px}
.chspa-muted{color:#6b7280}
.chspa-alert{padding:10px 12px;border-radius:8px;margin:12px 0}
.chspa-alert--success{background:#ecfdf5;border:1px solid #a7f3d0}
.chspa-alert--error{background:#fef2f2;border:1px solid #fecaca}

/* ========== 表單（服務頁） ========== */
.chspa-form{display:grid;gap:12px;max-width:640px}
.chspa-field label{display:block;margin:0 0 6px}
.chspa-field input,.chspa-field textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px}
.chspa-stars label{margin-right:8px}
.chspa-btn{background:#111827;color:#fff;border:0;border-radius:12px;padding:10px 16px;cursor:pointer}
.chspa-btn:hover{opacity:.9}
.req{color:#ef4444}

/* ========== 服務頁：評論列表卡片 ========== */
.chspa-reviews{margin-top:24px}
.chspa-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.chspa-review-card{
  background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04)
}
.chspa-review-head{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.chspa-author{font-weight:700;line-height:1.25}
.chspa-review-stars{margin:0}
.chspa-stars-wrap{font-size:18px;line-height:1}
.chspa-star{color:#d1d5db;margin-right:2px}
.chspa-star.filled{color:#f59e0b}
.chspa-review-content{color:#111827;margin:8px 0 10px}
.chspa-review-meta{display:flex;justify-content:space-between;align-items:center;color:#6b7280;font-size:14px}
.chspa-review-meta .chspa-staff{margin-left:8px;white-space:nowrap}

/* =========================================================
   首頁 / 短碼：評論卡片（白底、兩顆底部按鈕）
   ========================================================= */
.chspa-reviews-grid--home .chspa-review-card{
  background:#ffffff;color:#111827;border:1px solid #e5e7eb;border-radius:14px;padding:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);position:relative;overflow:hidden
}
.chspa-reviews-grid--home .chspa-review-card--home{
  display:flex;flex-direction:column;min-height:300px
}

/* 移除多餘元素（防止主題插入按鈕） */
.chspa-reviews-grid--home .chspa-review-card--home > :not(header):not(.chspa-review-content):not(.chspa-review-meta):not(footer){
  display:none !important;
}

/* 抬頭：服務名稱 → 星號 → 技師名 */
.chspa-reviews-grid--home .chspa-svc--head{
  font-weight:800;font-size:16px;color:#0f766e;text-decoration:none
}
.chspa-reviews-grid--home .chspa-svc--head:hover{ text-decoration:underline }
.chspa-reviews-grid--home .chspa-review-stars{ margin:4px 0 }
.chspa-review-head .chspa-review-staff{
  margin-top:4px;font-size:13px;font-weight:600;color:#374151;letter-spacing:.02em
}

/* 內容：限制3行 */
.chspa-reviews-grid--home .chspa-review-content{
  color:#111827;margin:8px 0 12px;overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:3;-webkit-box-orient:vertical
}

/* 客戶 + 日期 → 左右對齊 */
.chspa-reviews-grid--home .chspa-review-meta{
  color:#6b7280;font-size:13px;display:flex;justify-content:space-between;
  align-items:center;margin-top:auto
}
.chspa-reviews-grid--home .chspa-review-meta .chspa-author{margin-right:auto}
.chspa-reviews-grid--home .chspa-review-meta .chspa-date{margin-left:auto}

/* 底部：左右兩顆按鈕固定在兩側 */
.chspa-reviews-grid--home .chspa-review-footer{
  margin-top:8px;display:flex;justify-content:space-between;align-items:center
}
.chspa-reviews-grid--home .chspa-review-actions{display:flex;justify-content:space-between;width:100%}

/* 按鈕共同樣式 */
.chspa-reviews-grid--home .chspa-review-actions .chspa-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:120px;border-radius:8px;padding:8px 14px;font-size:14px !important;
  font-weight:700;line-height:1;text-decoration:none !important;box-sizing:border-box;
  transition:all .2s ease
}
.chspa-reviews-grid--home .chspa-review-actions .chspa-btn .chspa-btn-label{
  display:inline-block !important;color:inherit !important;font:inherit !important
}

/* 服務頁面（白底綠字 → hover 綠底白字） */
.chspa-reviews-grid--home .chspa-btn--svc{
  background:#fff;color:#0f766e !important;border:1px solid #0f766e
}
.chspa-reviews-grid--home .chspa-btn--svc:hover{
  background:#0f766e;color:#fff !important
}

/* 完整評論（綠底白字 → hover 白底綠字） */
.chspa-reviews-grid--home .chspa-btn--reviews{
  background:#0f766e;color:#fff !important;border:1px solid #0f766e
}
.chspa-reviews-grid--home .chspa-btn--reviews:hover{
  background:#fff;color:#0f766e !important;border-color:#0f766e
}

/* 響應式：小螢幕下堆疊 */
@media (max-width:640px){
  .chspa-reviews-grid--home .chspa-review-footer{
    flex-direction:column;align-items:flex-start;gap:6px
  }
  .chspa-reviews-grid--home .chspa-review-actions{flex-direction:column;gap:6px}
  .chspa-reviews-grid--home .chspa-review-actions .chspa-btn{width:100%}
}