/* ============================================================
   pri-injector.css
   路徑：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);
}

/* ═══════════════════════════════════════════════════════════
   廣告插入區塊（第 2、3 段之間）
   ═══════════════════════════════════════════════════════════ */

.pri-inline-ad {
  display       : block;
  margin        : 1.6em 0;
  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;
  align-items     : center;
  gap             : 14px;
  padding         : 12px 14px;
  text-decoration : none;
  color           : inherit;
  transition      : background .18s;
}

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

/* 圖片 */
.pri-inline-ad__img {
  width         : 78px;
  height        : 78px;
  object-fit    : cover;
  border-radius : 8px;
  flex-shrink   : 0;
  border        : 1px solid var(--pri-border);
  display       : block;
}

/* 文字 */
.pri-inline-ad__text {
  flex      : 1;
  min-width : 0;
}

/* 第一行：產品標題 */
.pri-inline-ad__line1 {
  margin         : 0 0 4px;
  font-size      : 15px;
  font-weight    : 600;
  color          : var(--pri-text);
  line-height    : 1.3;
  white-space    : nowrap;
  overflow       : hidden;
  text-overflow  : ellipsis;
}

/* 第二行：標語/副標題 */
.pri-inline-ad__line2 {
  margin         : 0 0 8px;
  font-size      : 13px;
  color          : var(--pri-muted);
  line-height    : 1.4;
  white-space    : nowrap;
  overflow       : hidden;
  text-overflow  : ellipsis;
}

.pri-inline-ad__cta {
  font-size   : 12px;
  font-weight : 700;
  color       : var(--pri-accent);
  display     : inline-block;
}

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

/* ═══════════════════════════════════════════════════════════
   文末完整推薦卡片（PHP 或 JS 輸出）
   ═══════════════════════════════════════════════════════════ */

.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;
}

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

.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);
}

/* 響應式 */
@media ( max-width: 580px ) {
  .pri-inline-ad__body {
    flex-direction : column;
    align-items    : flex-start;
  }
  .pri-inline-ad__img {
    width  : 100%;
    height : 160px;
  }
  .pri-full-card__inner {
    flex-direction : column;
  }
  .pri-full-card__img-wrap {
    width : 100%;
  }
  .pri-full-card__img {
    aspect-ratio : 16 / 9;
  }
}

/* ═══════════════════════════════════════════════════════════
   區塊 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);
  font-family   : var(--pri-font);
}

/* 頂部標題區 */
.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;
}

.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);
}

/* 特色大圖 */
.pri-full-review__hero {
  width      : 100%;
  max-height : 420px;
  overflow   : hidden;
}

.pri-full-review__hero-img {
  width      : 100%;
  height     : 100%;
  object-fit : cover;
  display    : block;
}

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

/* 讓 product-review 全文內的常見元素樣式正常 */
.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 img  { max-width: 100%; height: auto; border-radius: 6px; }
.pri-full-review__content a    { color: var(--pri-accent); }

/* 購買按鈕區 */
.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);
}

/* 響應式 */
@media ( max-width: 580px ) {
  .pri-full-review__header,
  .pri-full-review__content,
  .pri-full-review__footer { padding-left: 18px; padding-right: 18px; }

  .pri-full-review__title  { font-size: 18px; }
  .pri-full-review__hero   { max-height: 240px; }

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