/* 旺餃 Google 評論輪播 — 配色沿用網站主色（米黃底、橘色重點、深咖啡字） */
.wjgr{
  --wjgr-accent:#ff6210;
  --wjgr-ink:#1c0d0a;
  --wjgr-muted:#7a685d;
  --wjgr-card:#fff;
  --wjgr-line:#f1e4d3;
  --wjgr-star:#fbbc05;
  --wjgr-gap:16px;
  --wjgr-per:3;
  max-width:1200px;margin:0 auto;padding:8px 0;color:var(--wjgr-ink);
}
.wjgr *,.wjgr *::before,.wjgr *::after{box-sizing:border-box;}

/* 標題與評分摘要 */
.wjgr-head{text-align:center;margin-bottom:24px;}
.wjgr-title{margin:0 0 10px;font-size:clamp(22px,4vw,30px);line-height:1.35;color:var(--wjgr-ink);}
.wjgr-summary{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;
  padding:8px 16px;border-radius:999px;background:var(--wjgr-card);border:1px solid var(--wjgr-line);}
.wjgr-summary-score{font-size:20px;font-weight:700;line-height:1;}
.wjgr-summary-count{font-size:14px;color:var(--wjgr-muted);text-decoration:none;}
a.wjgr-summary-count:hover{color:var(--wjgr-accent);text-decoration:underline;}

/* 星星 */
.wjgr-stars{color:var(--wjgr-star);letter-spacing:2px;font-size:17px;line-height:1;white-space:nowrap;}
.wjgr-stars-off{color:#e2d8cc;}

/* 輪播軌道：原生捲動＋scroll-snap，手機可直接滑 */
/* 左右各留 30px 給箭頭，箭頭只會壓到卡片內距，不會蓋到文字 */
.wjgr-viewport{position:relative;padding:0 30px;}
.wjgr-track{
  display:flex;gap:var(--wjgr-gap);margin:0;padding:4px 2px 12px;list-style:none;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
}
.wjgr-track::-webkit-scrollbar{display:none;}
.wjgr-track:focus-visible{outline:2px solid var(--wjgr-accent);outline-offset:4px;border-radius:12px;}

.wjgr-card{
  flex:0 0 calc((100% - var(--wjgr-gap) * (var(--wjgr-per) - 1)) / var(--wjgr-per));
  scroll-snap-align:start;margin:0;
  display:flex;flex-direction:column;gap:10px;
  padding:20px;border-radius:16px;background:var(--wjgr-card);
  border:1px solid var(--wjgr-line);box-shadow:0 4px 14px rgba(28,13,10,.05);
}
.wjgr-card-head{display:flex;align-items:center;gap:12px;}
/* 加 .wjgr 前綴與 !important：網站的 .entry-content img 圓角規則會蓋掉頭像的圓形 */
.wjgr .wjgr-avatar{width:44px;height:44px;border-radius:50% !important;object-fit:cover;flex:none;background:#f3eadf;margin:0;}
.wjgr-avatar--initial{display:inline-flex;align-items:center;justify-content:center;
  background:var(--wjgr-accent);color:#fff;font-weight:700;font-size:18px;}
.wjgr-who{display:flex;flex-direction:column;min-width:0;flex:1;}
.wjgr-name{font-weight:700;font-size:15px;color:var(--wjgr-ink);text-decoration:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
a.wjgr-name:hover{color:var(--wjgr-accent);}
.wjgr-time{font-size:13px;color:var(--wjgr-muted);}
.wjgr-card-g{flex:none;}

/* 內文：預設最多 5 行，太長的可展開 */
.wjgr-text{margin:0;font-size:15px;line-height:1.8;color:#3d2c25;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;
  word-break:normal;overflow-wrap:anywhere;}
.wjgr-card.is-open .wjgr-text{-webkit-line-clamp:unset;display:block;}
.wjgr-more{align-self:flex-start;margin-top:auto;padding:6px 0;border:0;background:none;
  color:var(--wjgr-accent);font-size:14px;font-weight:600;cursor:pointer;min-height:36px;}
.wjgr-more:hover{text-decoration:underline;}

/* 左右箭頭 */
.wjgr-nav{
  position:absolute;top:calc(50% - 6px);transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border-radius:50%;border:1px solid var(--wjgr-line);
  background:#fff;color:var(--wjgr-ink);font-size:26px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0 0 3px;
  box-shadow:0 4px 12px rgba(28,13,10,.12);transition:opacity .2s,background .2s;
}
.wjgr-nav:hover{background:var(--wjgr-accent);color:#fff;border-color:var(--wjgr-accent);}
.wjgr-nav:focus-visible{outline:2px solid var(--wjgr-accent);outline-offset:2px;}
.wjgr-prev{left:0;}
.wjgr-next{right:0;}

/* 底部：來源標示與留評論按鈕 */
.wjgr-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:16px;}
.wjgr-source{font-size:13px;color:var(--wjgr-muted);}
.wjgr-write{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:8px;
  border:2px solid var(--wjgr-ink);color:var(--wjgr-ink);font-weight:600;font-size:15px;text-decoration:none;}
.wjgr-write:hover{background:var(--wjgr-ink);color:#fff;}

/* 平板：一次 2 則 */
@media (max-width:1024px){
  .wjgr{--wjgr-per:2;}
}
/* 手機：一次 1 則，露出下一張邊緣提示可以滑 */
@media (max-width:640px){
  .wjgr{--wjgr-gap:12px;}
  .wjgr-card{flex-basis:86%;padding:18px;}
  .wjgr-nav{display:none !important;}
  .wjgr-viewport{padding:0;}
  .wjgr-text{font-size:15px;-webkit-line-clamp:6;}
}

@media (prefers-reduced-motion:reduce){
  .wjgr-track{scroll-behavior:auto;}
}