/* =====================================================================
   WinningPC · old-template.css
   Styles the Rehub-owned article frame and the shared child footer/comments.
   Scope: tested Rehub meta_outside singles via body.wpc-old-template.
   Parent Rehub still owns the article markup and routing.
   Fonts and palette come from the child theme's site-wide tokens.
   ===================================================================== */

/* Site tokens already include light and dark values; keep only local aliases. */
body.wpc-old-template {
  --wo-font:var(--font-body); --wo-mono:var(--font-mono);
  --wo-bg:var(--c-bg); --wo-surface:var(--c-surface); --wo-band:var(--c-band);
  --wo-ink:var(--c-ink); --wo-text:var(--c-text); --wo-muted:var(--c-muted);
  --wo-line:var(--c-line); --wo-line-strong:var(--c-line-strong);
  --wo-control:var(--c-control); --wo-chip:#E7ECF2;
  --wo-action:var(--c-action); --wo-action-hover:var(--c-action-hover);
  --wo-action-soft:var(--c-action-soft); --wo-action-line:var(--zone-line);
  --wo-on-action:var(--c-on-action); --wo-deal:var(--c-deal);
  --wo-on-deal:var(--c-on-deal); --wo-free:var(--c-price-free);
  --wo-r-sm:var(--r-sm); --wo-r-md:var(--r-md); --wo-r-lg:var(--r-lg);
  --wo-plate:var(--plate);
}
body.wpc-old-template { background:var(--wo-bg) }
html[data-theme="dark"] body.wpc-old-template { --wo-chip:#1B2638 }
/* The late generic night.css body rule must not repaint old posts. */
html[data-theme="dark"] body.wpc-old-template { background:var(--wo-bg) }
/* Rehub gives its content wrapper a hard-coded white background. */
body.wpc-old-template .rh-post-wrapper { background:var(--wo-bg) }

/* ---------- header band: breadcrumb, categories, title, meta, share, boxshot ---------- */
/* Rehub's mb20 utility is !important; this band needs the design's 40px gap. */
body.wpc-old-template #rh_woo_layout_inimage { background:var(--wo-band); border-bottom:1px solid var(--wo-line); margin-bottom:40px!important }
body.wpc-old-template #rh_woo_layout_inimage .pt20 { padding-top:32px; padding-bottom:32px }
body.wpc-old-template .title_single_area .breadcrumb { margin:0 0 14px; font-size:13px; line-height:1.5; color:var(--wo-muted) }
body.wpc-old-template .title_single_area .breadcrumb a { color:var(--wo-muted); text-decoration:none }
body.wpc-old-template .title_single_area .breadcrumb a:hover { color:var(--wo-ink); text-decoration:underline; text-underline-offset:3px }
body.wpc-old-template .title_single_area .breadcrumb .separator { color:var(--wo-line-strong); margin:0 4px }
body.wpc-old-template .title_single_area .breadcrumb .last { color:var(--wo-muted) }
body.wpc-old-template .title_single_area .mb15.clearfix { display:none }
/* category labels: filled grey chips, set apart from the breadcrumb above and from the outlined share buttons;
   the store link (Rehub puts it last) moves to the front as the one highlighted link, with a store icon */
body.wpc-old-template .rh-cat-list-title { display:flex; flex-wrap:wrap; align-items:center; gap:8px }
/* Parent Rehub marks chip font, padding and line-height !important. */
body.wpc-old-template .rh-cat-list-title .rh-cat-label-title { display:inline-flex; align-items:center; height:28px; margin:0; padding:0 10px!important; border:1px solid transparent; border-radius:6px; background:var(--wo-chip); color:var(--wo-text); font-size:13px!important; font-weight:500; line-height:1!important; text-decoration:none; white-space:nowrap }
body.wpc-old-template .rh-cat-list-title .rh-cat-label-title:hover { background:var(--wo-action-soft); color:var(--wo-action) }
body.wpc-old-template .rh-cat-list-title .rh-dealstore-cat { order:-1; gap:6px; margin-right:6px; padding:0 12px 0 10px!important; border-color:var(--wo-action-line); background:var(--wo-action-soft); color:var(--wo-action); font-weight:600 }
body.wpc-old-template .rh-cat-list-title .rh-dealstore-cat::before { content:""; flex:none; width:16px; height:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4.5 11v8a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-8'/%3E%3Cpath d='M3.5 8.5 5 4.8A1.3 1.3 0 0 1 6.2 4h11.6a1.3 1.3 0 0 1 1.2.8l1.5 3.7a2.6 2.6 0 0 1-5 .9 2.6 2.6 0 0 1-5.1 0 2.6 2.6 0 0 1-5-.9z'/%3E%3Cpath d='M10 20v-4.5h4V20'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4.5 11v8a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-8'/%3E%3Cpath d='M3.5 8.5 5 4.8A1.3 1.3 0 0 1 6.2 4h11.6a1.3 1.3 0 0 1 1.2.8l1.5 3.7a2.6 2.6 0 0 1-5 .9 2.6 2.6 0 0 1-5.1 0 2.6 2.6 0 0 1-5-.9z'/%3E%3Cpath d='M10 20v-4.5h4V20'/%3E%3C/svg%3E") center/contain no-repeat }
body.wpc-old-template .rh-cat-list-title .rh-dealstore-cat:hover { border-color:var(--wo-action); color:var(--wo-action-hover) }
body.wpc-old-template .title_single_area h1 { margin:10px 0 14px; font-size:clamp(28px,1.4vw + 16px,36px); line-height:1.22; font-weight:700; letter-spacing:-.015em; color:var(--wo-ink) }
body.wpc-old-template .title_single_area .post-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0 0 20px; font-size:14px; line-height:1.5; color:var(--wo-muted) }
body.wpc-old-template .title_single_area .post-meta > span { margin:0; padding:0; font-style:normal; color:var(--wo-muted); font-size:14px }
body.wpc-old-template .title_single_area .post-meta .admin_meta { display:inline-flex; align-items:center }
body.wpc-old-template .title_single_area .post-meta .admin_meta a { display:inline-flex; align-items:center; gap:8px; color:var(--wo-ink); font-weight:600; text-decoration:none }
body.wpc-old-template .title_single_area .post-meta .wpc-verified-label { margin:0; color:var(--wo-text);font-weight:400 }
body.wpc-old-template .title_single_area .post-meta .wpc-byline-dot { color:var(--wo-control);font-size:14px }
body.wpc-old-template .title_single_area .post-meta .date_meta::before { display:none }
body.wpc-old-template .title_single_area .post-meta .avatar { width:24px; height:24px; border-radius:50% }
body.wpc-old-template .title_single_area .post-meta a { color:inherit }
body.wpc-old-template .title_single_area .post-meta .wpc-old-byline-rating { display:inline-flex; align-items:center; gap:5px; font-weight:600; white-space:nowrap }
body.wpc-old-template .title_single_area .post-meta .wpc-old-byline-rating span { margin:0 }
body.wpc-old-template .title_single_area .post-meta .wpc-old-byline-rating strong { color:var(--wo-ink); font-weight:600 }
body.wpc-old-template .title_single_area .post-meta .wpc-old-byline-rating strong::before { content:"\2605"; margin-right:4px; color:var(--c-star) }
body.wpc-old-template .title_single_area .post-meta .wpc-old-byline-readtime { display:inline-flex; align-items:center; gap:5px; white-space:nowrap }
body.wpc-old-template .title_single_area .post-meta .wpc-old-byline-readtime svg { width:14px; height:14px; flex:none }
body.wpc-old-template .wpc-post-progress{position:fixed;top:calc(var(--wpc-ab) + var(--promo-h) + var(--hd-h) - 3px);left:0;width:100%;height:3px;z-index:1100;background:var(--c-action);transform:scaleX(0);transform-origin:left center;pointer-events:none}
body.wpc-old-template .post-head-image-part { align-self:center; padding:16px; background:var(--wo-plate); border:1px solid var(--wo-line); border-radius:var(--wo-r-lg) }
body.wpc-old-template .post-head-image-part img { display:block; max-width:100%; height:auto }

/* share row (top and bottom): neutral outline buttons, Save first */
body.wpc-old-template .post_share .social_icon { display:flex; flex-wrap:wrap; align-items:center; gap:8px }
body.wpc-old-template .post_share .share-link-image { display:inline-flex; align-items:center; gap:6px; height:36px; margin:0; padding:0 12px; border:1px solid var(--wo-line-strong); border-radius:var(--wo-r-sm); background:var(--wo-surface); color:var(--wo-ink); box-shadow:none; font-size:13px; font-weight:600; line-height:1; cursor:pointer }
/* Rehub forces white on the link; its generated label needs its own ink. */
body.wpc-old-template .post_share .share-link-image::after { color:var(--wo-ink) }
body.wpc-old-template .post_share .share-link-image:hover::after { color:var(--wo-action) }
body.wpc-old-template .post_share .share-link-image i { color:var(--wo-muted) }
body.wpc-old-template .post_share .share-link-image:hover { border-color:var(--wo-action); color:var(--wo-action) }
body.wpc-old-template .post_share .share-link-image:hover i { color:var(--wo-action) }
body.wpc-old-template .post_share .favour_in_row { margin:0 }
body.wpc-old-template .post_share .favour_btn_red .heart_thumb_wrap { display:inline-flex; align-items:center; height:36px; padding:0 12px; border:1px solid var(--wo-line-strong); border-radius:var(--wo-r-sm); background:var(--wo-surface); color:var(--wo-ink); font-size:13px; font-weight:600; box-shadow:none }
body.wpc-old-template .post_share .favour_btn_red .heart_thumb_wrap * { color:var(--wo-ink) }
body.wpc-old-template .post_share .favour_btn_red .heart_thumb_wrap .thumbscount { position:static; display:inline-flex; align-items:center; margin-left:6px; padding:0; background:none; color:var(--wo-muted); font-size:13px; font-weight:500; box-shadow:none }
body.wpc-old-template .post_share .favour_btn_red .heart_thumb_wrap:hover { border-color:var(--wo-action) }
/* Rehub nudges share links down 2px on hover (top:2px), which cut off the bottom border: keep them still */
body.wpc-old-template .share-link-image:hover, body.wpc-old-template .social_icon a:hover { top:0 }

/* ---------- article column ---------- */
body.wpc-old-template .rh-post-wrapper .post-inner { border-color:var(--wo-line); font-size:17px; line-height:1.7; color:var(--wo-text) }
body.wpc-old-template .post-inner > p, body.wpc-old-template .post-inner > ul li, body.wpc-old-template .post-inner > ol li { font-size:17px; line-height:1.7; color:var(--wo-text) }
body.wpc-old-template .post-inner > p { margin:0 0 20px }
body.wpc-old-template .post-inner strong { color:var(--wo-ink); font-weight:600 }
body.wpc-old-template .post-inner a:not([class]) { color:var(--wo-action); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px }
body.wpc-old-template .post-inner a:not([class]):hover { color:var(--wo-action-hover) }
body.wpc-old-template .post-inner > p:first-child a { font-weight:600 }
/* The owner chose the new design palette, including over old inline editor colours. */
body.wpc-old-template .post-inner h2, body.wpc-old-template .post-inner h2.has-text-color { margin:48px 0 16px; font-size:clamp(23px,.8vw + 15px,28px); line-height:1.28; font-weight:700; letter-spacing:-.015em; color:var(--wo-ink)!important }
body.wpc-old-template .post-inner h3:not([class]) { margin:28px 0 10px; font-size:20px; line-height:1.35; font-weight:600; color:var(--wo-ink) }
body.wpc-old-template .post-inner > ul, body.wpc-old-template .post-inner > ol { margin:0 0 24px; padding-left:22px }
body.wpc-old-template .post-inner > ul li, body.wpc-old-template .post-inner > ol li { margin:0 0 8px; padding-left:4px }
/* Preserve the badge gutter of saved WPC Steps patterns on legacy posts. */
body.wpc-old-template .post-inner > ol.wpc-steps > li { padding-left:46px }
body.wpc-old-template .post-inner > ul li::marker { color:var(--wo-muted) }
body.wpc-old-template .post-inner > p:has(> em:only-child) { color:var(--wo-muted); font-size:15px }
body.wpc-old-template .post-inner figure.wp-block-image { margin:24px 0 }

/* coupon note box (Rehub wpsm_box): the pale blue "quick answer" panel of the new template */
body.wpc-old-template .post-inner .wpsm_box { margin:0 0 24px; padding:16px 20px; background:var(--wo-action-soft); border:1px solid var(--wo-action-line); border-radius:var(--wo-r-md); color:var(--wo-ink); font-size:16px; line-height:1.6 }
body.wpc-old-template .post-inner .wpsm_box > i { display:none }
body.wpc-old-template .post-inner .wpsm_box em { font-style:normal }

/* ---------- FAQ (Rank Math): ruled questions, chevron-like marker ---------- */
body.wpc-old-template #rank-math-faq { margin:0 0 8px; border-bottom:1px solid var(--wo-line) }
body.wpc-old-template #rank-math-faq .rank-math-list-item { margin:0; padding:0; border-top:1px solid var(--wo-line) }
body.wpc-old-template #rank-math-faq .rank-math-question { margin:0; padding:18px 32px 18px 0; font-size:17px; line-height:1.45; font-weight:600; color:var(--wo-ink) }
body.wpc-old-template #rank-math-faq .rank-math-question strong { font-weight:600; color:inherit }
body.wpc-old-template #rank-math-faq .rank-math-question::after { top:50%; right:4px; margin-top:-.75em; font-size:16px; line-height:1.5; color:var(--wo-muted) }
body.wpc-old-template #rank-math-faq .rank-math-answer { padding:0 0 18px; font-size:16px; line-height:1.65; color:var(--wo-text) }

/* ---------- "Why choose WinningPC" box (Rehub colour title box): neutral band panel ---------- */
/* Design tokens override background/radius set inline in legacy post content. */
body.wpc-old-template .post-inner .rh-colortitlebox { margin:0 0 28px; background:var(--wo-band)!important; border:1px solid var(--wo-line); border-radius:var(--wo-r-md)!important; box-shadow:none!important; font-size:16px; line-height:1.6 }
body.wpc-old-template .post-inner .rh-colortitlebox .rh-colortitle-inbox:has(.rh-colortitle-inbox-label:empty) { display:none }
body.wpc-old-template .post-inner .rh-colortitlebox .rh-colortitle-inbox { background:none!important; border-radius:0!important }
body.wpc-old-template .post-inner .rh-colortitlebox .rh-colortitlebox-text { padding:20px 24px }
body.wpc-old-template .post-inner .rh-colortitlebox ul { margin:0; padding-left:20px }
body.wpc-old-template .post-inner .rh-colortitlebox li { margin:0 0 8px; font-size:16px; line-height:1.6; color:var(--wo-text) }
body.wpc-old-template .post-inner .rh-colortitlebox li:last-child { margin-bottom:0 }

/* ---------- tables: ruled rows, muted label column, no zebra ---------- */
body.wpc-old-template .post-inner figure.wp-block-table { margin:0 0 28px; border:0 }
body.wpc-old-template .post-inner figure.wp-block-table table { width:100%; border-collapse:collapse; border-top:1px solid var(--wo-line) }
body.wpc-old-template .post-inner figure.wp-block-table tr, body.wpc-old-template .post-inner .is-style-stripes tbody tr:nth-child(odd) { background:none }
body.wpc-old-template .post-inner figure.wp-block-table td, body.wpc-old-template .post-inner figure.wp-block-table th { padding:14px 16px 14px 0; border:0; border-bottom:1px solid var(--wo-line); background:none; font-size:15px; line-height:1.55; color:var(--wo-text); vertical-align:top; text-align:left }
body.wpc-old-template .post-inner figure.wp-block-table td:first-child { width:36%; font-size:14px; font-weight:600; color:var(--wo-muted) }

/* ---------- review box (Rehub): bordered panel, score tile, ink bars ---------- */
body.wpc-old-template .post-inner .rate_bar_wrap { margin:0 0 20px; padding:24px; background:var(--wo-surface); border:1px solid var(--wo-line); border-radius:var(--wo-r-md); box-shadow:none }
body.wpc-old-template .rate_bar_wrap .review-top { display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start; gap:24px }
body.wpc-old-template .rate_bar_wrap .overall-score { display:grid;align-content:center;justify-items:center;gap:3px;width:116px;min-height:116px;height:auto;margin:0;padding:14px 8px;background:var(--wo-band);border-radius:var(--wo-r-sm);text-align:center }
body.wpc-old-template .rate_bar_wrap .overall-score .overall { display:block; margin:0; padding:0; background:none; font:700 48px/1 var(--font-display); color:var(--wo-ink); letter-spacing:-.02em }
body.wpc-old-template .rate_bar_wrap .overall-score .overall-text { display:block; margin:3px 0 0; padding:0; background:none; color:var(--wo-muted); font-size:13px; line-height:1.62; font-weight:400; text-transform:none; letter-spacing:0 }
body.wpc-old-template .rate_bar_wrap .overall-score .wpc-score-word{display:block;margin:6px 0 6px;padding:2px 8px;border-radius:var(--wo-r-sm);background:var(--c-success-soft);color:var(--c-success);font:700 13px/1.5 var(--font-body)}
body.wpc-old-template .rate_bar_wrap.wpc-verdict-low .overall-score .wpc-score-word{background:var(--c-deal-soft);color:var(--c-deal-ink)}
body.wpc-old-template .rate_bar_wrap .review-text { flex:1 1 auto; min-width:0 }
body.wpc-old-template .rate_bar_wrap .review-header { display:inline-block; margin:0 0 6px; font-size:20px; line-height:1.3; font-weight:700; color:var(--wo-ink) }
body.wpc-old-template .rate_bar_wrap .review-header.wpc-old-score-duplicate{display:none}
body.wpc-old-template .rate_bar_wrap .review-criteria .wpc-criteria-heading{margin:0 0 12px;color:var(--wo-muted);font-size:13px;font-weight:600}
body.wpc-old-template .rate_bar_wrap .review-text p { margin:0; font-size:16px; line-height:1.65; color:var(--wo-text) }
body.wpc-old-template .rate_bar_wrap .review-criteria { margin-top:20px; padding-top:16px; border-top:1px solid var(--wo-line); border-bottom:0 }
body.wpc-old-template .rate_bar_wrap .rate-bar { height:8px; margin:30px 0 0; background:var(--wo-line); border-radius:999px }
body.wpc-old-template .rate_bar_wrap .rate-bar-bar { height:8px; background:var(--wo-deal); border-radius:999px }
body.wpc-old-template .rate_bar_wrap .rate-bar-title, body.wpc-old-template .rate_bar_wrap .rate-bar-title span { font-size:14px; font-weight:600; color:var(--wo-ink); background:none }
body.wpc-old-template .rate_bar_wrap .rate-bar-percent { font-size:14px; font-weight:600; color:var(--wo-ink); font-variant-numeric:tabular-nums }
body.wpc-old-template .rate_bar_wrap .wpc-old-review-row { display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:0; margin-top:20px; padding-top:18px; border-top:1px solid var(--wo-line) }
body.wpc-old-template .rate_bar_wrap .wpc-old-review-row .review-criteria { min-width:0; margin:0; padding:0 24px 0 0; border:0 }
body.wpc-old-template .rate_bar_wrap .wpc-review-reader { display:grid; align-content:start; gap:6px; padding:0 0 0 24px; border-left:1px solid var(--wo-line) }
body.wpc-old-template .rate_bar_wrap > .wpc-review-reader { margin-top:20px; padding:18px 0 0; border-top:1px solid var(--wo-line) }
body.wpc-old-template .rate_bar_wrap .wpc-review-reader-label { color:var(--wo-muted); font-size:13px; font-weight:600 }
body.wpc-old-template .rate_bar_wrap .wpc-review-reader-score { display:flex; align-items:baseline; gap:6px; margin:0; color:var(--wo-muted); font-size:14px }
body.wpc-old-template .rate_bar_wrap .wpc-review-reader-score b { color:var(--wo-ink); font:700 30px/1 var(--font-display); font-variant-numeric:tabular-nums }
body.wpc-old-template .rate_bar_wrap .wpc-review-reader-stars { width:max-content; background:linear-gradient(90deg,var(--c-star) var(--wpc-rating-fill),var(--wo-line) var(--wpc-rating-fill)); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:20px; letter-spacing:2px; line-height:1 }
body.wpc-old-template .rate_bar_wrap .wpc-review-reader-votes { color:var(--wo-muted); font-size:13px }
body.wpc-old-template .rate_bar_wrap .wpc-review-reader a { margin-top:8px; color:var(--wo-action); font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:3px }
@media (forced-colors: active) { body.wpc-old-template .rate_bar_wrap .wpc-review-reader-stars { background:none; color:CanvasText } }
/* reader stars (kk Star Ratings) under the box */
body.wpc-old-template .post-inner .kk-star-ratings { margin:4px 0 32px }
body.wpc-old-template .post-inner .kk-star-ratings .kksr-legend { font-size:14px; color:var(--wo-muted); font-weight:500 }

/* ---------- affiliate disclosure: a quiet note, not a shadowed box ---------- */
body.wpc-old-template .single_custom_bottom { margin:8px 0 24px; text-align:left }
body.wpc-old-template .single_custom_bottom .disclosure { margin:0; padding:16px 0 0; background:none; border:0; border-top:1px solid var(--wo-line); box-shadow:none; font-size:13px; line-height:1.6; color:var(--wo-muted) }
body.wpc-old-template .single_custom_bottom .disclosure strong { color:var(--wo-text); font-weight:600 }

/* ---------- tags: plain text links split by a dot, as in the new template ---------- */
body.wpc-old-template .tags { margin:20px 0 28px }
body.wpc-old-template .tags p { display:flex; flex-wrap:wrap; align-items:baseline; gap:0; margin:0 }
body.wpc-old-template .tags .tags-title-post { margin:0 14px 0 0; padding:0; background:none; color:var(--wo-muted); font-size:13px; font-weight:600; line-height:1.5; text-transform:none }
body.wpc-old-template .tags a { display:inline-block; margin:0; padding:3px 0; border:0; border-radius:0; background:none; color:var(--wo-text); font-size:14px; font-weight:400; line-height:1.5; text-decoration:none }
body.wpc-old-template .tags a:not(:last-child)::after { content:"\00B7"; display:inline-block; margin:0 9px; color:var(--wo-control); text-decoration:none }
body.wpc-old-template .tags a:hover { color:var(--wo-action); text-decoration:underline; text-underline-offset:3px }

/* Rehub keeps the author link, bio and social links. Match the final new
   template's compact 56px author row without overriding parent markup. */
body.wpc-old-template .author_detail_box { position:relative; min-height:0; margin:0 0 40px; padding:24px 0 0; background:none; border:0; border-top:1px solid var(--wo-line) }
body.wpc-old-template .author_detail_box .avatar { position:absolute; left:0; top:24px; width:56px; height:56px; border-radius:50%; object-fit:cover }
body.wpc-old-template .author_detail_box > div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:16px; padding:0 }
body.wpc-old-template .author_detail_box > div::before, body.wpc-old-template .author_detail_box > div::after { display:none }
body.wpc-old-template .author_detail_box > div > strong { grid-column:1; display:flex; flex-direction:column; justify-content:center; min-height:56px; margin:0; padding-left:72px; font-size:18px; font-weight:600; line-height:1.3; color:var(--wo-ink) }
body.wpc-old-template .author_detail_box strong a { color:var(--wo-ink); text-decoration:none }
body.wpc-old-template .author_detail_box strong a:hover { color:var(--wo-action); text-decoration:underline; text-underline-offset:3px }
body.wpc-old-template .author_detail_box div .social_icon { grid-column:2; grid-row:1; display:flex; gap:6px; margin:0; padding:0; border:0 }
body.wpc-old-template .author_detail_box .comm_meta_cred:not(:has(*)) { display:none }
body.wpc-old-template .author_detail_box .social_icon .author-social { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; margin:0; border:1px solid var(--wo-line-strong); border-radius:var(--wo-r-sm); background:var(--wo-surface); color:var(--wo-muted); font-size:14px; line-height:1 }
body.wpc-old-template .author_detail_box .social_icon .author-social:hover { border-color:var(--wo-action); color:var(--wo-action) }
body.wpc-old-template .author_detail_box .author-social i { color:var(--wo-muted) }
body.wpc-old-template .author_detail_box .author-social:hover i { color:var(--wo-action) }
body.wpc-old-template .author_detail_box div p { grid-column:1 / -1; margin:0; font-size:15px; line-height:1.65; color:var(--wo-text) }
body.wpc-old-template .author_detail_box div .social_icon + p { margin-top:16px }

/* ---------- related posts: the new card ---------- */
body.wpc-old-template .wpc-old-related { margin-top:44px; padding-top:32px; border-top:1px solid var(--wo-line) }
body.wpc-old-template .wpc-old-related .related-head { margin:0 0 20px }
body.wpc-old-template .wpc-old-related .related-head h2 { margin:0; font-size:var(--fs-h2); line-height:var(--lh-h2) }
body.wpc-old-template .wpc-old-related .related_articles .related_title { display:none }
body.wpc-old-template .wpc-old-related .related_articles { margin:0!important; padding-top:0!important; border-top:0 }
/* Rehub's pt25 and mb35 utilities are !important on these elements. */
body.wpc-old-template .related_articles { padding-top:32px!important; border-top:1px solid var(--wo-line) }
body.wpc-old-template .related_articles .related_title { margin:0 0 20px!important; font-size:clamp(23px,.8vw + 15px,28px); line-height:1.28; font-weight:700; letter-spacing:-.015em; color:var(--wo-ink) }
body.wpc-old-template .related_articles .col_item.column_grid { background:var(--wo-surface); border:1px solid var(--wo-line); border-radius:var(--wo-r-md); box-shadow:none; overflow:hidden; transition:border-color .15s }
body.wpc-old-template .related_articles .col_item.column_grid:hover { border-color:var(--wo-action) }
body.wpc-old-template .related_articles .col_item figure { margin:0 0 14px; padding:12px 0; background:var(--wo-plate); border-bottom:1px solid var(--wo-line) }
body.wpc-old-template .related_articles .col_item figure a { margin:0 12px }
body.wpc-old-template .related_articles .col_item h2, body.wpc-old-template .related_articles .col_item h2 a { margin:0 0 10px; font-size:15px; line-height:1.4; font-weight:600; color:var(--wo-ink); text-decoration:none }
body.wpc-old-template .related_articles .col_item:hover h2 a { color:var(--wo-action) }
body.wpc-old-template .related_articles .content_constructor { padding:0 16px 16px }
body.wpc-old-template .related_articles .rh_price_wrapper, body.wpc-old-template .related_articles .rh_price_wrapper * { color:var(--wo-ink); font-size:17px; font-weight:700 }
body.wpc-old-template .related_articles .rh_price_wrapper del, body.wpc-old-template .related_articles .rh_price_wrapper del * { color:var(--wo-muted); font-size:14px; font-weight:400 }
body.wpc-old-template .related_articles .button_action .heart_thumb_wrap, body.wpc-old-template .related_articles .button_action .heartplus { color:var(--wo-muted) }

/* ---------- sidebar banners: as uploaded, even spacing ---------- */
body.wpc-old-template aside.sidebar .widget { margin-bottom:20px }

/* ---------- phones ---------- */
@media (max-width:767px) {
  body.wpc-old-template #rh_woo_layout_inimage .pt20 { padding-top:20px; padding-bottom:24px }
  body.wpc-old-template .post-head-image-part { padding:12px; margin-top:16px }
  body.wpc-old-template .rh-post-wrapper .post-inner, body.wpc-old-template .post-inner > p, body.wpc-old-template .post-inner > ul li, body.wpc-old-template .post-inner > ol li { font-size:16px }
  body.wpc-old-template .post-inner h2, body.wpc-old-template .post-inner h2.has-text-color { margin-top:36px }
  body.wpc-old-template .rate_bar_wrap .review-top { gap:16px }
  body.wpc-old-template .rate_bar_wrap .review-top{grid-template-columns:92px minmax(0,1fr)}
  body.wpc-old-template .rate_bar_wrap .overall-score { width:92px;min-height:92px }
  body.wpc-old-template .rate_bar_wrap .overall-score .overall { font-size:36px }
  body.wpc-old-template .rate_bar_wrap .wpc-old-review-row { grid-template-columns:1fr }
  body.wpc-old-template .rate_bar_wrap .wpc-old-review-row .review-criteria { padding:0 }
  body.wpc-old-template .rate_bar_wrap .wpc-old-review-row .wpc-review-reader { margin-top:18px; padding:18px 0 0; border-left:0; border-top:1px solid var(--wo-line) }
  body.wpc-old-template .author_detail_box .avatar { width:48px; height:48px }
  body.wpc-old-template .author_detail_box > div > strong { min-height:48px; padding-left:62px }
}
/* Rehub's <=479px body background is !important; keep this override
   confined to dark old posts instead of changing the global night sheet. */
@media (max-width:479px) {
  html[data-theme="dark"] body.wpc-old-template { background:var(--wo-bg)!important }
}