/* ============================================================
   pri-injector.css  v2.1
   路徑：your-child-theme/js/pri-injector.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-badge-text  : #7a7370;
  --pri-radius      : 10px;
  --pri-shadow      : 0 2px 10px rgba(0,0,0,.07);
}

/* ═══════════════════════════════════════════════════════════
   區塊 A：第 2、3 段之間 — 上下直排，最寬 600px
   ═══════════════════════════════════════════════════════════ */

.pri-inline-ad {
  display       : block;
  margin        : 1.6em auto;       /* auto 使其在寬版面居中 */
  max-width     : 320px;            /* ★ 最寬 480px */
  border        : 1px solid var(--pri-border);
  border-radius : var(--pri-radius);
  background    : var(--pri-bg);
  overflow      : hidden;
  box-shadow    : var(--pri-shadow);
}

/* 頂部標籤列 */
.pri-inline-ad__label {
  display         : flex;
  align-items     : center;
  justify-content : space-between;
  padding         : 5px 12px;
  background      : var(--pri-badge-bg);
  border-bottom   : 1px solid var(--pri-border);
}

.pri-inline-ad__badge {
  font-size      : 10px;
  font-weight    : 700;
  letter-spacing : .07em;
  text-transform : uppercase;
  color          : var(--pri-accent);
  background     : rgba(232, 80, 26, .1);
  padding        : 2px 7px;
  border-radius  : 4px;
}

.pri-inline-ad__sponsor {
  font-size : 10px;
  color     : var(--pri-badge-text);
}

/* ★ 主體：改為上下直排 */
.pri-inline-ad__body {
  display         : flex;
  flex-direction  : column;         /* ★ 垂直排列 */
  align-items     : stretch;
  gap             : 0;
  padding         : 0;
  text-decoration : none;
  color           : inherit;
  transition      : background .18s;
}

.pri-inline-ad__body:hover {
  background : #f0ede8;
}

/* ★ 圖片：全寬橫幅 */
.pri-inline-ad__img {
  width         : 100%;             /* ★ 全寬 */
  aspect-ratio  : 4 / 3;           /* ★ 固定比例 */          /* ★ 固定高度，視覺整齊 */
  object-fit    : cover;
  border-radius : 0;                /* ★ 直排時不需要圓角（已被容器裁切） */
  flex-shrink   : 0;
  border        : none;
  border-bottom : 1px solid var(--pri-border);
  display       : block;
}

/* 文字區 */
.pri-inline-ad__text {
  padding   : 12px 14px 14px;
  flex      : 1;
  min-width : 0;
}

/* ★ 第一行：產品標題，字號稍小，允許換行 */
.pri-inline-ad__line1 {
  margin         : 0 0 5px;
  font-size      : 14px;            /* ★ 原 15px → 14px */
  font-weight    : 600;
  color          : var(--pri-text);
  line-height    : 1.4;
  white-space    : normal;          /* ★ 允許自動換行 */
  overflow       : visible;
  text-overflow  : unset;
}

/* ★ 第二行：標語，字號更小，允許換行 */
.pri-inline-ad__line2 {
  margin         : 0 0 10px;
  font-size      : 12px;            /* ★ 原 13px → 12px */
  color          : var(--pri-muted);
  line-height    : 1.5;
  white-space    : normal;          /* ★ 允許自動換行 */
  overflow       : visible;
  text-overflow  : unset;
}

.pri-inline-ad__cta {
  font-size   : 12px;
  font-weight : 700;
  color       : var(--pri-accent);
  display     : inline-block;
  float: right;
  margin-right: 35px;
  padding-bottom: 15px;
}

.pri-inline-ad__body:hover .pri-inline-ad__cta {
  color : var(--pri-accent-h);
}

/* ═══════════════════════════════════════════════════════════
   區塊 B：倒數第 2 段前 — 橫排，圖片佔 1/3，手機也橫排
   ═══════════════════════════════════════════════════════════ */

.pri-inline-ad--prelast {
  max-width : none;                 /* ★ B 區塊不限寬，跟隨父容器 */
  margin    : 1.6em;
}

/* ★ B 區塊主體：強制橫排，手機也不換向 */
.pri-inline-ad--prelast .pri-inline-ad__body {
  flex-direction : row;             /* ★ 強制橫排 */
  align-items    : center;
  padding        : 12px 14px;
  gap            : 14px;
}

/* ★ B 區塊圖片：佔容器 1/3 */
.pri-inline-ad--prelast .pri-inline-ad__img {
  width         : 33.333%;         /* ★ 1/3 寬 */
  height        : auto;
  aspect-ratio  : 4 / 3;           /* ★ 固定比例 */
  border-radius : 8px;
  border        : 1px solid var(--pri-border);
  object-fit    : cover;
  flex-shrink   : 0;
}

/* ★ B 區塊文字：允許換行 */
.pri-inline-ad--prelast .pri-inline-ad__text {
  padding   : 0;
  flex      : 1;
  min-width : 0;
}

.pri-inline-ad--prelast .pri-inline-ad__line1 {
  font-size   : 14px;
  white-space : normal;             /* ★ 允許換行 */
  overflow    : visible;
  text-overflow: unset;
}

.pri-inline-ad--prelast .pri-inline-ad__line2 {
  font-size   : 12px;
  white-space : normal;             /* ★ 允許換行 */
  overflow    : visible;
  text-overflow: unset;
}

/* ═══════════════════════════════════════════════════════════
   文末完整推薦卡片（保留，備用）
   ═══════════════════════════════════════════════════════════ */

.pri-full-card {
  margin : 2.5em 0 1.5em;
}

.pri-full-card__heading {
  display     : flex;
  align-items : center;
  gap         : 10px;
  font-size   : 16px;
  font-weight : 700;
  color       : var(--pri-text);
  margin      : 0 0 14px;
}

.pri-full-card__heading-bar {
  display       : inline-block;
  width         : 4px;
  height        : 18px;
  background    : var(--pri-accent);
  border-radius : 2px;
  flex-shrink   : 0;
}

.pri-full-card__inner {
  display         : flex;
  gap             : 18px;
  align-items     : flex-start;
  padding         : 18px;
  background      : var(--pri-bg);
  border          : 1px solid var(--pri-border);
  border-radius   : var(--pri-radius);
  box-shadow      : var(--pri-shadow);
  text-decoration : none;
  color           : inherit;
  transition      : box-shadow .2s, transform .2s;
}

.pri-full-card__inner:hover {
  box-shadow : 0 6px 20px rgba(0,0,0,.12);
  transform  : translateY(-2px);
}

.pri-full-card__img-wrap {
  flex-shrink : 0;
  width       : 140px;
}

.pri-full-card__img {
  width         : 100%;
  aspect-ratio  : 1;
  object-fit    : cover;
  border-radius : 8px;
  border        : 1px solid var(--pri-border);
  display       : block;
}

.pri-full-card__info {
  flex           : 1;
  min-width      : 0;
  display        : flex;
  flex-direction : column;
  gap            : 6px;
}

.pri-full-card__title {
  margin      : 0;
  font-size   : 17px;
  font-weight : 700;
  color       : var(--pri-text);
  line-height : 1.35;
  white-space : normal;
}

.pri-full-card__subtitle {
  margin      : 0;
  font-size   : 14px;
  font-weight : 600;
  color       : var(--pri-accent);
  white-space : normal;
}

.pri-full-card__btn {
  display       : inline-block;
  margin-top    : 10px;
  padding       : 9px 18px;
  background    : var(--pri-accent);
  color         : #fff;
  font-size     : 13px;
  font-weight   : 700;
  border-radius : 6px;
  align-self    : flex-start;
  transition    : background .18s;
}

.pri-full-card__inner:hover .pri-full-card__btn {
  background : var(--pri-accent-h);
}

/* ═══════════════════════════════════════════════════════════
   區塊 C：評論區後完整評測展示
   ═══════════════════════════════════════════════════════════ */

.pri-full-review {
  margin        : 3em 0;
  border        : 1px solid var(--pri-border);
  border-radius : var(--pri-radius);
  overflow      : hidden;
  box-shadow    : var(--pri-shadow);
  background    : var(--pri-bg);
}

/* 頂部標題區 */
.pri-full-review__header {
  padding       : 24px 28px 20px;
  border-bottom : 1px solid var(--pri-border);
}

.pri-full-review__label {
  display        : inline-block;
  font-size      : 11px;
  font-weight    : 700;
  letter-spacing : .08em;
  text-transform : uppercase;
  color          : var(--pri-accent);
  background     : rgba(232,80,26,.1);
  padding        : 3px 9px;
  border-radius  : 4px;
  margin-bottom  : 10px;
}

.pri-full-review__title {
  margin      : 0 0 8px;
  font-size   : 22px;
  font-weight : 700;
  line-height : 1.3;
  white-space : normal;
}

.pri-full-review__title a {
  color           : var(--pri-text);
  text-decoration : none;
  transition      : color .15s;
}

.pri-full-review__title a:hover {
  color : var(--pri-accent);
}

.pri-full-review__subtitle {
  margin      : 0;
  font-size   : 15px;
  color       : var(--pri-muted);
  white-space : normal;
}

/* ★ 特色大圖：max-width 900px，居中 */
.pri-full-review__hero {
  width      : 100%;
  overflow   : hidden;
  text-align : center;              /* ★ 圖片居中 */
  background : #000;               /* 兩側留黑邊（若圖不足寬） */
}

.pri-full-review__hero-img {
  display    : block;
  margin     : 0 auto;             /* ★ 居中 */
  width      : 100%;
  max-width  : 900px;              /* ★ 最寬 900px */
  height     : auto;               /* ★ 高度自動，不裁切 */
  object-fit : contain;
}

/* 全文內容 */
.pri-full-review__content {
  padding     : 24px 28px;
  font-size   : 15px;
  line-height : 1.8;
  color       : var(--pri-text);
}

.pri-full-review__content p    { margin-bottom: 1em; }
.pri-full-review__content h2,
.pri-full-review__content h3,
.pri-full-review__content h4   { margin: 1.4em 0 .6em; font-weight: 700; }
.pri-full-review__content h2   { font-size: 1.25em; }
.pri-full-review__content h3   { font-size: 1.1em; }
.pri-full-review__content ul,
.pri-full-review__content ol   { padding-left: 1.5em; margin-bottom: 1em; }
.pri-full-review__content li   { margin-bottom: .4em; }
.pri-full-review__content a    { color: var(--pri-accent); }

/* ★ 全文內圖片：最寬 900px，居中 */
.pri-full-review__content img {
  display    : block;
  margin     : .5em auto;
  max-width  : 900px;              /* ★ 最寬 900px */
  width      : 100%;
  height     : auto;
  border-radius : 6px;
}

/* 購買按鈕區 */
.pri-full-review__footer {
  display     : flex;
  align-items : center;
  gap         : 20px;
  padding     : 18px 28px;
  border-top  : 1px solid var(--pri-border);
  background  : var(--pri-badge-bg);
  flex-wrap   : wrap;
}

.pri-full-review__buy-btn {
  display         : inline-flex;
  align-items     : center;
  gap             : 7px;
  padding         : 12px 28px;
  background      : var(--pri-accent);
  color           : #fff;
  font-size       : 15px;
  font-weight     : 700;
  border-radius   : 8px;
  text-decoration : none;
  transition      : background .18s, transform .18s;
}

.pri-full-review__buy-btn:hover {
  background : var(--pri-accent-h);
  transform  : translateY(-1px);
}

.pri-full-review__more-link {
  font-size       : 13px;
  color           : var(--pri-muted);
  text-decoration : none;
  transition      : color .15s;
}

.pri-full-review__more-link:hover {
  color : var(--pri-accent);
}

/* ══════════════════════════════════════════════════════════
   響應式
   ══════════════════════════════════════════════════════════ */

/* 區塊 A：手機上高度稍降 */
@media ( max-width: 580px ) {
  .pri-inline-ad__img {
    height : 160px;
  }
}

/* 區塊 B：手機強制保持橫排（不換向）*/
/* .pri-inline-ad--prelast 已設 flex-direction:row，無需額外覆蓋 */
@media ( max-width: 580px ) {
  .pri-inline-ad--prelast .pri-inline-ad__img {
    width        : 33.333%;        /* ★ 手機也保持 1/3 */
    aspect-ratio : 1;              /* 手機小螢幕改正方形比例 */
  }
}

/* 區塊 C：手機 padding 收緊 */
@media ( max-width: 580px ) {
  .pri-full-review__header,
  .pri-full-review__content,
  .pri-full-review__footer { padding-left: 16px; padding-right: 16px; }

  .pri-full-review__title  { font-size: 18px; }
  .pri-full-review__footer { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* 全文卡片備用（手機） */
@media ( max-width: 580px ) {
  .pri-full-card__inner {
    flex-direction : column;
  }
  .pri-full-card__img-wrap {
    width : 100%;
  }
  .pri-full-card__img {
    aspect-ratio : 16 / 9;
  }
}