/* ============================================================
   archive-product-review.css
   路徑：your-child-theme/css/archive-product-review.css
   （或直接在 functions.php 用 wp_enqueue_style 載入）

   沿用 pri-injector.css 的 CSS 變數，保持整站設計一致
   ============================================================ */

/* 若尚未在其他地方定義這些變數，可取消注釋：
:root {
  --pri-accent   : #e8501a;
  --pri-accent-h : #c93e0e;
  --pri-bg       : #fafaf8;
  --pri-border   : #e5e0da;
  --pri-text     : #1a1a1a;
  --pri-muted    : #6b6560;
  --pri-badge-bg : #f0ede8;
  --pri-radius   : 10px;
  --pri-shadow   : 0 2px 10px rgba(0,0,0,.07);
}
*/

/* ── 卡片網格：桌面 2 欄，平板 1 欄 ────────────────────── */
.pr-card-grid {
  list-style  : none;
  margin      : 0;
  padding     : 0;
  display     : grid;
  grid-template-columns : repeat(2, 1fr);
  gap         : 20px;
}

@media (max-width: 720px) {
  .pr-card-grid {
    grid-template-columns : 1fr;
  }
}

/* ── 單張卡片 ───────────────────────────────────────────── */
.pr-card {
  display        : flex;
  flex-direction : column;
  border         : 1px solid var(--pri-border);
  border-radius  : var(--pri-radius);
  background     : var(--pri-bg);
  overflow       : hidden;
  box-shadow     : var(--pri-shadow);
  transition     : box-shadow .2s, transform .2s;
}

.pr-card:hover {
  box-shadow : 0 6px 20px rgba(0,0,0,.12);
  transform  : translateY(-3px);
}

/* ── 圖片區 ─────────────────────────────────────────────── */
.pr-card__img-wrap {
  position     : relative;
  width        : 100%;
  aspect-ratio : 16 / 10;
  overflow     : hidden;
  background   : #f0ede8;
}

.pr-card__img {
  width      : 100%;
  height     : 100%;
  object-fit : cover;
  display    : block;
  transition : transform .3s ease;
}

.pr-card:hover .pr-card__img {
  transform : scale(1.03);
}

.pr-card__img-placeholder {
  width       : 100%;
  height      : 100%;
  display     : flex;
  align-items : center;
  justify-content : center;
  font-size   : 48px;
  color       : #ccc;
}

/* 評測 badge（圖片右上角） */
.pr-card__badge {
  position      : absolute;
  top           : 10px;
  right         : 10px;
  background    : var(--pri-accent);
  color         : #fff;
  font-size     : 11px;
  font-weight   : 700;
  letter-spacing: .06em;
  padding       : 3px 8px;
  border-radius : 4px;
}

/* ── 文字主體 ───────────────────────────────────────────── */
.pr-card__body {
  display        : flex;
  flex-direction : column;
  flex           : 1;
  padding        : 14px 16px 16px;
}

/* 標題 */
.pr-card__title {
  margin      : 0 0 6px;
  font-size   : 16px;
  font-weight : 700;
  line-height : 1.4;
  color       : var(--pri-text);
}

.pr-card__title a {
  color           : inherit;
  text-decoration : none;
  transition      : color .15s;
}

.pr-card__title a:hover {
  color : var(--pri-accent);
}

/* 副標題（標語） */
.pr-card__subtitle {
  margin      : 0 0 8px;
  font-size   : 13px;
  font-weight : 500;
  color       : var(--pri-accent);
  line-height : 1.4;
}

/* 摘要 */
.pr-card__excerpt {
  margin      : 0 0 12px;
  font-size   : 13px;
  color       : var(--pri-muted);
  line-height : 1.65;
  flex        : 1;                 /* 撐開底部，使按鈕對齊 */
}

/* ── 底部：人氣 / 日期 / 按鈕 ───────────────────────────── */
.pr-card__footer {
  display        : flex;
  flex-direction : column;
  gap            : 10px;
  border-top     : 1px solid var(--pri-border);
  padding-top    : 10px;
  margin-top     : auto;
}

.pr-card__meta {
  display   : flex;
  gap       : 12px;
  font-size : 12px;
  color     : var(--pri-muted);
}

.pr-card__meta strong {
  color : var(--pri-text);
}

/* 按鈕列 */
.pr-card__actions {
  display : flex;
  gap     : 8px;
}

.pr-card__btn {
  flex            : 1;
  display         : inline-flex;
  align-items     : center;
  justify-content : center;
  padding         : 8px 10px;
  font-size       : 13px;
  font-weight     : 600;
  border-radius   : 6px;
  text-decoration : none;
  transition      : background .18s, color .18s;
  text-align      : center;
}

/* 查看評測：空心 */
.pr-card__btn--review {
  border : 1.5px solid var(--pri-accent);
  color  : var(--pri-accent);
  background : transparent;
}

.pr-card__btn--review:hover {
  background : rgba(232,80,26,.08);
}

/* 立即購買：實心 */
.pr-card__btn--buy {
  background : var(--pri-accent);
  color      : #fff;
  border     : 1.5px solid var(--pri-accent);
}

.pr-card__btn--buy:hover {
  background : var(--pri-accent-h);
  border-color: var(--pri-accent-h);
}

/* ── list_wrapper 上方間距修正 ─────────────────────────── */
.pr-list-wrapper {
  padding-top : 16px;
}

/* ── 手機：卡片按鈕改縱向 ───────────────────────────────── */
@media (max-width: 420px) {
  .pr-card__actions {
    flex-direction : column;
  }
}

/* ── 在 functions.php 載入此 CSS 的範例 ──────────────────
   貼到子佈景主題 functions.php：

add_action('wp_enqueue_scripts', function(){
    if ( is_post_type_archive('product-review') || is_singular('product-review') ) {
        wp_enqueue_style(
            'pr-archive-style',
            get_stylesheet_directory_uri() . '/css/archive-product-review.css',
            [],
            '1.0.0'
        );
    }
});
──────────────────────────────────────────────────────── */