/* ============================================================
   WinningPC — Night (dark) theme override sheet
   Loaded on EVERY front-end page, after all other styles.
   Every rule is scoped to html[data-theme="dark"] — light mode
   never reads a single declaration from this file.

   Approved dark tokens (design reference, do not invent hues):
     ink        #e9eaed   ink-soft   #a4abb6   ink-faint #79808d
     canvas     #0e1014   surface    #161a20   surface-2 #1d222a
     line       #272d36   line-strong #343b45
     accent     #ff5a2c   accent-ink #ff8159   accent-wash #2b1a13
     win        #8fce2f   win-ink    #a9dd63   win-wash  #1b2510

   Derived neutrals used below (documented once, reused literally):
     muted text            #8b93a0  (light --wpc-muted #7c818c)
     hover surface         #1a1e25  (light #fffdfb/#fafbfc hovers)
     win-tinted border     #2f4315  (light #cfe3a8/#d8e8b8)
     accent-tinted border  #4a2617  (light #ffd6c7/#ffd9c9)
     price / danger red    #f87171  (light #dc2626 is too dim on dark)
     info blue text/wash   #7cb0e8 / #10202b  (light #1d4ed8 / #eff6ff)

   Sections:
     1. token redeclarations (chrome / post / home / store roots)
     2. child hardcoded fixes (chrome, promo, home, store, post,
        blocks, offerbox, legacy child style.css)
     3. rehub core (parent templates: archive, sidebar, comments…)
     4. plugin UIs (giveaway, kk stars, rankmath)
     5. media / ads policy (light chips for product imagery)
   ============================================================ */

/* ============================================================
   1. TOKEN REDECLARATIONS
   ============================================================ */

/* -- chrome roots (assets/css/chrome.css uses --wpc-*) -- */
html[data-theme="dark"] .wpc-hd,
html[data-theme="dark"] .wpc-ft,
html[data-theme="dark"] .wpc-drawer,
html[data-theme="dark"] .wpc-scrim,
html[data-theme="dark"] .wpc-skip {
	--wpc-ink: #e9eaed;
	--wpc-ink-soft: #a4abb6;
	--wpc-faint: #79808d;
	--wpc-canvas: #0e1014;
	--wpc-surface: #161a20;
	--wpc-surface-2: #1d222a;
	--wpc-line: #272d36;
	--wpc-line-strong: #343b45;
	--wpc-accent: #ff5a2c;
	--wpc-accent-ink: #ff8159;
	--wpc-accent-wash: #2b1a13;
	--wpc-win: #8fce2f;
	--wpc-win-ink: #a9dd63;
	--wpc-shadow-md: 0 10px 34px rgba(0, 0, 0, .5);
}

/* -- deal post layout root (assets/css/post.css uses --wpc-*) -- */
html[data-theme="dark"] .wpc-post {
	--wpc-brand: #ff5a2c;
	--wpc-brand-700: #ff8159;
	--wpc-brand-soft: rgba(255, 90, 44, .1);
	--wpc-price: #f87171;
	--wpc-save: #8fce2f;
	--wpc-save-700: #a9dd63;
	--wpc-ink: #e9eaed;
	--wpc-ink-soft: #a4abb6;
	--wpc-muted: #8b93a0;
	--wpc-faint: #79808d;
	--wpc-line: #272d36;
	--wpc-line-soft: #343b45;
	--wpc-bg-soft: #161a20;
	--wpc-panel: #1d222a;
	--wpc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .25);
	--wpc-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4);
}

/* -- homepage root (assets/css/home.css uses unprefixed tokens) -- */
html[data-theme="dark"] .wpc-home {
	--ink: #e9eaed;
	--ink-soft: #a4abb6;
	--ink-faint: #79808d;
	--canvas: #0e1014;
	--surface: #161a20;
	--line: #272d36;
	--line-strong: #343b45;
	--accent: #ff5a2c;
	--accent-ink: #ff8159;
	--accent-wash: #2b1a13;
	--win: #8fce2f;
	--win-ink: #a9dd63;
	--win-wash: #1b2510;
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
	--shadow-md: 0 10px 26px rgba(0, 0, 0, .45);
}

/* -- store page root (assets/css/store.css uses unprefixed tokens) -- */
html[data-theme="dark"] .wpc-store {
	--ink: #e9eaed;
	--ink-soft: #a4abb6;
	--ink-faint: #79808d;
	--canvas: #0e1014;
	--surface: #161a20;
	--line: #272d36;
	--line-strong: #343b45;
	--accent: #ff5a2c;
	--accent-ink: #ff8159;
	--accent-wash: #2b1a13;
	--win: #8fce2f;
	--win-ink: #a9dd63;
	--win-wash: #1b2510;
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
	--shadow-md: 0 10px 26px rgba(0, 0, 0, .45);
}

/* ============================================================
   2. CHILD HARDCODED FIXES
   ============================================================ */

/* ---- 2a. chrome.css ---- */
html[data-theme="dark"] .wpc-hd {
	background: rgba(14, 16, 20, .82); /* keeps the backdrop-blur */
}
html[data-theme="dark"] .wpc-hd.is-stuck {
	box-shadow: 0 6px 24px rgba(0, 0, 0, .45);
}
/* Skip link: --wpc-ink flips to near-white in dark, so the label
   must flip to near-black to stay readable. */
html[data-theme="dark"] .wpc-skip {
	color: #0e1014;
}
/* Approved design: FREE tag text darkens on the bright accent chip. */
html[data-theme="dark"] .wpc-hd .wpc-tag.is-free,
html[data-theme="dark"] .wpc-drawer .wpc-tag.is-free {
	color: #1a0e08;
}
html[data-theme="dark"] .wpc-scrim {
	background: rgba(0, 0, 0, .55);
}
html[data-theme="dark"] .wpc-drawer {
	box-shadow: -16px 0 40px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .wpc-search:focus-within {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] .wpc-news-form input:focus {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .35);
}

/* ---- 2b. promo.css (top promo bar — the site-wide "SAVE70" bar) ---- */
/* Default bar is ink-on-light by design; on the dark canvas it becomes
   a raised surface instead of a black slab. */
html[data-theme="dark"] .wpc-promo-bar {
	background: #1d222a;
	color: #e9eaed;
}
html[data-theme="dark"] .wpc-promo-bar.is-style-sun {
	background: #2b2110;
	color: #ffcf87;
}
html[data-theme="dark"] .wpc-promo-bar.is-style-lime {
	background: #1b2510;
	color: #a9dd63;
}
html[data-theme="dark"] .wpc-promo-bar.is-style-sky {
	background: #10202b;
	color: #8fc9ef;
}
/* Code chips keep their saturated backgrounds + white text (readable
   on dark as-is) — no override needed. */

/* ---- 2c. home.css ---- */
html[data-theme="dark"] .wpc-home .hero {
	background: linear-gradient(180deg, #161a20 0%, var(--canvas) 100%);
}
/* (.eyebrow is a borderless plain label since v1.4.11 — tokens cover it) */
html[data-theme="dark"] .wpc-home .ticket {
	background: #161a20;
}
html[data-theme="dark"] .wpc-home .tk-seal {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-home .tk-actions {
	background: #1d222a;
}
html[data-theme="dark"] .wpc-home .tk-clock {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-home .block.tight-top,
html[data-theme="dark"] .wpc-home .block.band {
	background: #12151b;
}
html[data-theme="dark"] .wpc-home .promo-empty {
	background: repeating-linear-gradient(45deg, #161a20, #161a20 12px, #1d222a 12px, #1d222a 24px);
}
html[data-theme="dark"] .wpc-home .pct-tag {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-home .feat-tag {
	border-color: #4a2617;
}
html[data-theme="dark"] .wpc-home .step .num {
	border-color: #4a2617;
}
/* .tk-thumb keeps its white chip — see section 5 (media policy). */

/* ---- 2d. store.css ---- */
html[data-theme="dark"] .wpc-store .ticket {
	background: linear-gradient(150deg, #1b2510 0%, #161a20 58%);
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-store .ticket.is-deal {
	background: linear-gradient(150deg, #2b1a13 0%, #161a20 58%);
	border-color: #4a2617;
}
html[data-theme="dark"] .wpc-store .t-main .t-eyebrow {
	background: #161a20;
	border-color: #4a2617;
}
html[data-theme="dark"] .wpc-store .t-side {
	background: rgba(22, 26, 32, .6);
}
html[data-theme="dark"] .wpc-store .chip-v {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-store .t-off {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-store .ticket.is-deal .t-off {
	border-color: #4a2617;
}
html[data-theme="dark"] .wpc-store .t-ends {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-store .ticket.is-deal .t-ends {
	border-color: #4a2617;
}
html[data-theme="dark"] .wpc-store .mission {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-store .edu-note {
	border-color: #2f4315;
}
html[data-theme="dark"] .wpc-store .tabs {
	background: #1d222a;
}
html[data-theme="dark"] .wpc-store .cat-chip[aria-pressed="true"] {
	border-color: #4a2617;
}
/* Striped coupon-code face: dark base with a faint accent-tinted stripe
   (light version is white + #fff7f3). Text color follows --accent-ink. */
html[data-theme="dark"] .wpc-store .code-face {
	background: repeating-linear-gradient(90deg, #161a20, #161a20 6px, #241a15 6px, #241a15 12px);
}
/* .pbox-shot gets a light chip — see section 5 (media policy). */

/* ---- 2e. post.css ---- */
html[data-theme="dark"] body.wpc-post-layout {
	background: #0e1014;
}
html[data-theme="dark"] .wpc-post .wpc-post-hero {
	background: #161a20;
}
html[data-theme="dark"] .wpc-post .wpc-post-toc {
	background: #161a20;
}
html[data-theme="dark"] .wpc-post .wpc-post-sidebar .widget {
	background: #161a20;
}
html[data-theme="dark"] .wpc-post .rh-slider__wrapper .rh-slider-arrow {
	background: rgba(29, 34, 42, .92) !important;
	color: #e9eaed;
}
html[data-theme="dark"] .wpc-post .rh-slider__wrapper .rh-slider-arrow:hover {
	background: #1d222a !important;
}
/* Tables: the light theme forces all-white rows with !important to kill
   Rehub/WP zebra striping — mirror that with the dark surface. */
html[data-theme="dark"] .wpc-post .post-inner table tbody tr td,
html[data-theme="dark"] .wpc-post .post-inner table tr:nth-child(2n) td,
html[data-theme="dark"] .wpc-post .post-inner table tr:nth-child(2n+1) td,
html[data-theme="dark"] .wpc-post .wp-block-table table tbody tr td,
html[data-theme="dark"] .wpc-post .wp-block-table table tr:nth-child(2n) td,
html[data-theme="dark"] .wpc-post .wp-block-table table tr:nth-child(2n+1) td {
	background: #161a20 !important;
}
html[data-theme="dark"] .wpc-post .wp-block-table.wpc-buying-table table tbody tr:nth-child(2) td,
html[data-theme="dark"] .wpc-post .wp-block-table.wpc-compare-table table tbody tr:first-child td,
html[data-theme="dark"] .wpc-post .post-inner .wpc-buying-table table tbody tr:nth-child(2) td,
html[data-theme="dark"] .wpc-post .post-inner .wpc-compare-table table tbody tr:first-child td {
	background: color-mix(in srgb, var(--wpc-brand) 12%, #161a20) !important;
}
html[data-theme="dark"] .wpc-post .wpc-post-cta .wpc-cta-secondary {
	background: #1d222a;
}
html[data-theme="dark"] .wpc-post .wpc-post-glance {
	background: #161a20;
}
html[data-theme="dark"] .wpc-post .related .card {
	background: #161a20;
}
html[data-theme="dark"] .wpc-post .related .card:hover {
	border-color: color-mix(in srgb, var(--wpc-brand) 40%, #161a20);
	background: #1a1e25;
}
html[data-theme="dark"] .wpc-post .related .thumb .ph {
	background: repeating-linear-gradient(135deg, #161a20, #161a20 9px, #1d222a 9px, #1d222a 18px);
}
html[data-theme="dark"] .wpc-post #rehub-comments-tabs span.active,
html[data-theme="dark"] .wpc-post #rehub-comments-tabs span:hover {
	background: #1d222a;
}
html[data-theme="dark"] .wpc-post #rehub-comments-tabs .add_user_review_link,
html[data-theme="dark"] .wpc-post .add_user_review_link.def_btn {
	background: #1d222a !important;
}
html[data-theme="dark"] .wpc-post .comment-respond {
	background: #161a20;
}
html[data-theme="dark"] .wpc-post .comment-form textarea,
html[data-theme="dark"] .wpc-post .comment-form input[type="text"],
html[data-theme="dark"] .wpc-post .comment-form input[type="email"],
html[data-theme="dark"] .wpc-post .comment-form input[type="url"] {
	background: #1d222a;
	color: #e9eaed;
}
/* User-review sliders (noUi): light theme paints the track white; on
   dark it needs a visible raised track instead. */
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .user_rating_slider_criteria {
	border-color: #343b45;
	background: #343b45 !important;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .user_rating_slider_criteria::before {
	background: #343b45;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .user_rating_slider_criteria.noUi-connect {
	background: #343b45 !important;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .noUi-target {
	border-color: #343b45 !important;
	background: #343b45 !important;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .noUi-base {
	background: #343b45 !important;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .noUi-origin.noUi-background {
	background: #343b45 !important;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .noUi-horizontal .noUi-handle,
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .noUi-handle {
	border: 2px solid #161a20 !important;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment textarea {
	background: #1d222a;
	color: #e9eaed;
}
html[data-theme="dark"] .wpc-post #user_reviews_in_comment .userstar-rating {
	color: #343b45;
}
html[data-theme="dark"] .wpc-post .wpc-post-trust .wpc-trust-chip {
	background: #1d222a;
}
html[data-theme="dark"] .wpc-post .wpc-share .wpc-share-btn,
html[data-theme="dark"] .wpc-post .wpc-share .wpc-share-save {
	background: #1d222a;
}
html[data-theme="dark"] .wpc-post .wpc-comment-avatar {
	border-color: #272d36;
	background: #1d222a;
}
html[data-theme="dark"] .wpc-post .commentlist .commbox.wpc-comment-privileged > .wpc-comment-avatar,
html[data-theme="dark"] .wpc-post #comments .commbox.wpc-comment-privileged > .wpc-comment-avatar {
	box-shadow: 0 0 0 2px #161a20, 0 0 0 4px var(--wpc-brand);
}
/* Comment text greys (hardcoded slate values in light) */
html[data-theme="dark"] .wpc-post .commentlist .comment-meta,
html[data-theme="dark"] .wpc-post .commentlist .comment-metadata,
html[data-theme="dark"] .wpc-post .commentlist .comment-author span.time,
html[data-theme="dark"] .wpc-post #comments .commbox > .comment-author span.time,
html[data-theme="dark"] .wpc-post .commentlist .comment-author span.time a,
html[data-theme="dark"] .wpc-post #comments .commbox > .comment-author span.time a {
	color: #79808d;
}
html[data-theme="dark"] .wpc-post .commentlist .comment-reply-link,
html[data-theme="dark"] .wpc-post .commentlist .comment-reply-login,
html[data-theme="dark"] .wpc-post #comments .commbox > .comment-author .comment-reply-link,
html[data-theme="dark"] .wpc-post #comments .commbox > .comment-author .comment-reply-login {
	color: #8b93a0;
}
html[data-theme="dark"] .wpc-post .commentlist .comment-content,
html[data-theme="dark"] .wpc-post #comments .commbox > .comment-content {
	color: #a4abb6;
}
html[data-theme="dark"] .wpc-post .wpc-comment-actions {
	color: #8b93a0;
}
html[data-theme="dark"] .wpc-post .wpc-comment-vote {
	color: #8b93a0;
}
html[data-theme="dark"] .wpc-post .wpc-comment-vote .wpc-comment-vote-count-wrap,
html[data-theme="dark"] .wpc-post .wpc-comment-vote .wpc-comment-vote-count {
	color: #79808d;
}
html[data-theme="dark"] .wpc-post .already_commhelp {
	color: #79808d !important;
}
html[data-theme="dark"] .wpc-post .wpc-comment-badge.is-editor {
	border-color: #1c2f4a;
	background: #10202b;
	color: #7cb0e8;
}
html[data-theme="dark"] .wpc-post .wpc-comment-badge.is-author {
	background: color-mix(in srgb, var(--wpc-brand) 16%, #161a20);
	border-color: color-mix(in srgb, var(--wpc-brand) 40%, #161a20);
}
html[data-theme="dark"] .wpc-post .user_reviews_view_box {
	background: #161a20;
}
html[data-theme="dark"] .wpc-post .user_reviews_view_pros,
html[data-theme="dark"] .wpc-post .user_reviews_view_cons {
	color: #a4abb6;
}
html[data-theme="dark"] .wpc-post .rate_bar_wrap.two_rev,
html[data-theme="dark"] .wpc-post .rate_bar_wrap[class*="revbox"] {
	background: #161a20;
}
/* .wpc-post-boxshot (and its placeholder) keeps the white chip —
   see section 5 (media policy). Accent-background elements that carry
   white text (CTA primary, badges, step numbers, overall score chip)
   are intentionally NOT overridden: white-on-accent works in dark. */

/* ---- 2f. blocks.css (block styles/patterns, all singulars) ---- */
html[data-theme="dark"] .wpsm_box.answer_type,
html[data-theme="dark"] .wpsm_box.is-style-wpc-answer,
html[data-theme="dark"] .is-style-wpc-answer .wpsm_box {
	background: rgba(255, 90, 44, .1) !important;
	color: #e9eaed;
}
html[data-theme="dark"] .wpsm_box.answer_type b,
html[data-theme="dark"] .wpsm_box.answer_type strong,
html[data-theme="dark"] .wpsm_box.is-style-wpc-answer b,
html[data-theme="dark"] .wpsm_box.is-style-wpc-answer strong,
html[data-theme="dark"] .is-style-wpc-answer .wpsm_box b,
html[data-theme="dark"] .is-style-wpc-answer .wpsm_box strong {
	color: #e9eaed;
}
html[data-theme="dark"] .wpsm_box.methodology_type,
html[data-theme="dark"] .wpsm_box.is-style-wpc-methodology,
html[data-theme="dark"] .is-style-wpc-methodology .wpsm_box {
	background: rgba(143, 206, 47, .08) !important;
	color: #a4abb6;
}
html[data-theme="dark"] .wpsm_box.methodology_type b,
html[data-theme="dark"] .wpsm_box.methodology_type strong,
html[data-theme="dark"] .wpsm_box.is-style-wpc-methodology b,
html[data-theme="dark"] .wpsm_box.is-style-wpc-methodology strong,
html[data-theme="dark"] .is-style-wpc-methodology .wpsm_box b,
html[data-theme="dark"] .is-style-wpc-methodology .wpsm_box strong {
	color: #e9eaed;
}
html[data-theme="dark"] .wpc-trust-list p.wpc-trust-item,
html[data-theme="dark"] p.wpc-trust-item {
	color: #a4abb6;
	background: #161a20;
	border-color: #272d36;
}
html[data-theme="dark"] .wpc-safety-grid > .wp-block-column {
	border-color: #272d36;
	background: #161a20;
}
html[data-theme="dark"] .wpc-safety-grid > .wp-block-column:nth-child(3)::before {
	background-color: #a4abb6;
}
html[data-theme="dark"] .wpc-safety-grid p.wpc-safety-title {
	color: #e9eaed;
}
html[data-theme="dark"] .wpc-safety-grid p.wpc-safety-text {
	color: #8b93a0;
}
html[data-theme="dark"] .wpsm_box.is-style-wpc-disclosure,
html[data-theme="dark"] .is-style-wpc-disclosure .wpsm_box {
	background: #1d222a !important;
	border: 1px solid #272d36 !important;
	color: #a4abb6;
}
html[data-theme="dark"] .wpsm_box.is-style-wpc-disclosure b,
html[data-theme="dark"] .is-style-wpc-disclosure .wpsm_box b {
	color: #e9eaed;
}
html[data-theme="dark"] .wpc-cta-row .wp-block-button.is-style-outline .wp-block-button__link {
	background: #1d222a;
	color: #e9eaed;
	border-color: #343b45;
}
html[data-theme="dark"] .wpc-features li {
	color: #e9eaed;
}
html[data-theme="dark"] ol.wpc-steps li {
	border-bottom-color: #272d36;
}
html[data-theme="dark"] .wp-block-table.wpc-table table th,
html[data-theme="dark"] .wp-block-table.wpc-table table td {
	border-color: #272d36;
}
html[data-theme="dark"] .wp-block-table.wpc-table table th {
	background: #1d222a;
	color: #e9eaed;
}
html[data-theme="dark"] .wp-block-table.wpc-table table tbody tr td {
	background: #161a20;
}
html[data-theme="dark"] .wp-block-table.wpc-buying-table table tbody tr:nth-child(2) td,
html[data-theme="dark"] .wp-block-table.wpc-compare-table table tbody tr:first-child td {
	background: color-mix(in srgb, #ff5a2c 12%, #161a20);
}
html[data-theme="dark"] .wp-block-table.wpc-tech-table table tbody td:first-child {
	background: #1d222a;
	color: #e9eaed;
}

/* ---- 2g. offerbox.css (child inc/shortcodes/offerbox.php UI) ---- */
html[data-theme="dark"] body .wpc-offerlist {
	background: #161a20;
	border-color: #272d36;
}
html[data-theme="dark"] body .wpc-offerlist-head {
	background: linear-gradient(180deg, #1d222a 0%, #161a20 100%);
	border-bottom-color: #343b45;
}
html[data-theme="dark"] body .wpc-offerlist-title {
	color: #e9eaed;
}
html[data-theme="dark"] body .wpc-offerlist-platform {
	background: #1d222a;
	color: #a4abb6;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] body .wpc-offerlist-count {
	color: #a4abb6;
}
html[data-theme="dark"] body .wpc-offerbox {
	background: #161a20;
}
html[data-theme="dark"] body .wpc-offerbox:hover {
	background: #1a1e25;
}
html[data-theme="dark"] body .wpc-offerlist .wpc-offerbox {
	border-bottom-color: #272d36;
}
/* Featured (amber) / editor-pick (indigo) ribbon gradients → same hue
   families as faint dark washes. */
html[data-theme="dark"] body .wpc-offerbox.is-featured {
	background: linear-gradient(90deg, #2b2110 0%, #241d12 50%, #161a20 100%);
}
html[data-theme="dark"] body .wpc-offerbox.is-featured:hover {
	background: linear-gradient(90deg, #332812 0%, #2b2110 50%, #1a1e25 100%);
}
html[data-theme="dark"] body .wpc-offerbox.is-editor-pick {
	background: linear-gradient(90deg, #1a1d33 0%, #211c33 50%, #161a20 100%);
}
html[data-theme="dark"] body .wpc-offerbox.is-editor-pick:hover {
	background: linear-gradient(90deg, #202440 0%, #272040 50%, #1a1e25 100%);
}
html[data-theme="dark"] body .wpc-offerbox.is-standalone.is-editor-pick {
	border-color: #333a5c;
	box-shadow: 0 1px 0 #1a1d33 inset, 0 1px 3px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] body .wpc-offerbox.is-featured.is-editor-pick {
	background: linear-gradient(90deg, #1a1d33 0%, #2b2110 55%, #161a20 100%);
}
html[data-theme="dark"] body .wpc-offerbox.is-featured.is-editor-pick:hover {
	background: linear-gradient(90deg, #202440 0%, #332812 55%, #1a1e25 100%);
}
html[data-theme="dark"] body .wpc-offerbox.is-standalone {
	border-color: #272d36;
}
html[data-theme="dark"] body .wpc-offerbox.is-standalone:hover {
	border-color: #343b45;
	box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] body .wpc-ob-title {
	color: #e9eaed;
}
html[data-theme="dark"] body .wpc-ob-desc {
	color: #a4abb6;
}
html[data-theme="dark"] body .wpc-ob-desc-toggle {
	color: #7cb0e8;
}
html[data-theme="dark"] body .wpc-ob-desc-toggle:hover {
	color: #9cc3ef;
}
html[data-theme="dark"] body .wpc-ob-meta {
	color: #79808d;
}
html[data-theme="dark"] body .wpc-ob-expiry--expired {
	color: #f87171;
}
html[data-theme="dark"] body .wpc-ob-discount {
	background: #2b1512;
	color: #f87171;
}
/* .wpc-ob-discount.is-top keeps its saturated red bg + white text. */
html[data-theme="dark"] body .wpc-ob-price-now {
	color: #e9eaed;
}
html[data-theme="dark"] body .wpc-ob-price-old {
	color: #79808d;
}
/* Coupon CTA (v1.4.11 redesign: white "ticket" with orange border and
   a striped code face — mirror the store .code-face dark treatment:
   dark base, faint accent-tinted stripe, accent-ink text. The orange
   action chip and the green success check keep their colours). */
html[data-theme="dark"] body .wpc-ob-cta.is-coupon,
html[data-theme="dark"] body a.wpc-ob-cta.is-coupon {
	background: #161a20;
	border-color: #ff5a2c;
	color: #ff8159;
}
html[data-theme="dark"] body .wpc-ob-cta.is-coupon:hover,
html[data-theme="dark"] body a.wpc-ob-cta.is-coupon:hover {
	background: #1a1e25;
	color: #ff8159;
}
html[data-theme="dark"] body .wpc-ob-cta.is-coupon .wpc-ob-cta-code {
	background: repeating-linear-gradient(90deg, #161a20, #161a20 6px, #241a15 6px, #241a15 12px);
	border-right-color: #ff5a2c;
	color: #ff8159;
}
html[data-theme="dark"] body .wpc-ob-cta.is-coupon .reveal-mask {
	color: rgba(255, 129, 89, .55);
}
html[data-theme="dark"] body .wpc-ob-cta.is-coupon.is-revealed {
	background: #161a20;
}
html[data-theme="dark"] body .wpc-ob-cta.is-coupon.is-revealed:hover {
	background: #1a1e25;
}
html[data-theme="dark"] body .wpc-ob-cta.is-coupon.is-revealed .wpc-ob-cta-code {
	background: repeating-linear-gradient(90deg, #161a20, #161a20 6px, #241a15 6px, #241a15 12px);
	border-right-color: #ff5a2c;
	color: #ff8159;
}

/* Success notice (green) */
html[data-theme="dark"] body .wpc-ob-notice {
	background: linear-gradient(90deg, #12271a 0%, #142a18 100%);
	border-color: #1f4028;
	color: #7fd6a0;
}
/* Coupon modal */
html[data-theme="dark"] body .wpc-coupon-modal-dialog {
	background: #161a20;
	box-shadow: 0 20px 50px -10px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] body .wpc-coupon-modal-close {
	color: #79808d;
}
html[data-theme="dark"] body .wpc-coupon-modal-close:hover {
	color: #e9eaed;
}
html[data-theme="dark"] body .wpc-coupon-modal-title {
	color: #a4abb6;
}
html[data-theme="dark"] body .wpc-coupon-modal-code-wrap {
	border-color: #ff5a2c;
	background: #2b1a13;
}
html[data-theme="dark"] body .wpc-coupon-modal-code {
	color: #ff8159;
}
html[data-theme="dark"] body .wpc-coupon-modal-note {
	color: #79808d;
}
/* CTA buttons (accent / blue / green gradients + white text) are kept
   as-is; .wpc-ob-thumb keeps its white chip — see section 5. */

/* ---- 2h. legacy rules in child style.css (theme root) ---- */
html[data-theme="dark"] .wp-block-table td,
html[data-theme="dark"] .wp-block-table th {
	border-color: #272d36;
}
html[data-theme="dark"] .disclosure {
	background-color: #161a20;
	color: #a4abb6;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .disclosure strong {
	color: #7cb0e8;
}
html[data-theme="dark"] .wpc-wpform {
	border-color: #1c2f3f !important;
	background-color: #10202b !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .4) !important;
}
html[data-theme="dark"] div.wpforms-container-full .wpforms-confirmation-container-full {
	background-color: #10202b !important;
}
html[data-theme="dark"] .wpsm_box.transparent_type {
	background: rgba(255, 90, 44, .1) !important;
}
html[data-theme="dark"] #rank-math-faq .rank-math-list-item {
	border-bottom-color: #272d36;
}
/* .rh-label-string / .rh-cat-label-title keep their solid label colors
   (#585757 / #ff4e0c) — both read fine on the dark canvas. */

/* ============================================================
   3. REHUB CORE (parent templates: archive/category/tag/search/
      author/404/page/single-default + comments + sidebar + misc)
   Sources: parent style.css, css/comments.css, css/userreviews.css,
   css/single.css, plus the inline <style> blocks emitted by
   rh_generate_incss() (functions/helper_functions.php) — those are
   style ELEMENTS, so the html[data-theme="dark"] prefix outranks
   them on specificity; !important is repeated only where the source
   uses it.
   NOTE (trap): no generic `a { color }` override here — a prefixed
   bare-link rule gains specificity and would repaint button/CTA text
   (the old `#wpc a{color:inherit}` incident). Link colors are fixed
   surgically per cluster instead.
   ============================================================ */

/* ---- 3a. global canvas, typography, base forms ---- */
html[data-theme="dark"] body {
	background-color: #0e1014;
	color: #e9eaed;
}
html[data-theme="dark"] .rh-boxed-container .rh-outer-wrap {
	background: #0e1014;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
	color: #e9eaed;
}
html[data-theme="dark"] h1 a,
html[data-theme="dark"] h2 a,
html[data-theme="dark"] h3 a,
html[data-theme="dark"] h4 a,
html[data-theme="dark"] h5 a,
html[data-theme="dark"] h6 a {
	color: #e9eaed;
}
/* Parent sets a:hover/:active to #000 (invisible on dark). :where()
   keeps this at minimal specificity so ANY classed hover rule (buttons,
   CTAs, .btn-submit…) still wins — see trap note above. */
html[data-theme="dark"] :where(a:hover, a:active) {
	color: #e9eaed;
}
/* Base form controls (parent style.css:843+) — also skins the login
   popup and comment forms. Search inputs inside the WPC chrome keep
   working: same values as the token-driven surfaces. */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] textarea {
	color: #e9eaed;
	background: #1d222a;
	border-color: #343b45;
}
html[data-theme="dark"] input[type="text"]:focus,
html[data-theme="dark"] input[type="tel"]:focus,
html[data-theme="dark"] input[type="password"]:focus,
html[data-theme="dark"] input[type="email"]:focus,
html[data-theme="dark"] input[type="url"]:focus,
html[data-theme="dark"] input[type="number"]:focus,
html[data-theme="dark"] textarea:focus {
	border-color: #79808d;
}
html[data-theme="dark"] .re-form-group select {
	background: #1d222a;
	color: #e9eaed;
	border-color: #343b45;
}
/* Neutral buttons only — accent CTAs and the giveaway .btn-submit are
   never touched by this sheet. */
html[data-theme="dark"] .def_btn,
html[data-theme="dark"] input[type="submit"].def_btn,
html[data-theme="dark"] input[type="button"].def_btn,
html[data-theme="dark"] input[type="reset"].def_btn {
	color: #e9eaed;
	background-color: #1d222a;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .def_btn:active {
	background: #272d36;
}

/* ---- 3b. archive / grid cards ---- */
html[data-theme="dark"] .news-community,
html[data-theme="dark"] .rh_offer_list {
	border-color: #272d36;
	background-color: #161a20;
}
html[data-theme="dark"] .rh-cartbox {
	background: #161a20;
	box-shadow: rgba(0, 0, 0, .4) 0 1px 2px;
	border-top-color: #272d36;
}
html[data-theme="dark"] .rh-cartbox:hover {
	box-shadow: rgba(0, 0, 0, .5) 0 3px 4px;
}
html[data-theme="dark"] .rh-cartbox .widget-inner-title {
	color: #e9eaed;
	background: #1d222a;
}
html[data-theme="dark"] .post-meta {
	color: #79808d;
}
html[data-theme="dark"] .post-meta span a,
html[data-theme="dark"] a.admin,
html[data-theme="dark"] a.cat,
html[data-theme="dark"] .post-meta-big a {
	color: #e9eaed;
}
html[data-theme="dark"] .post-meta-big span.postview_meta {
	color: #f87171;
}
/* .text_in_thumb h2 a stays #fff (text over image). Expired coupons
   keep their grayscale filter. */

/* Inline-emitted grid skins (rh_generate_incss: offergrid / masonry /
   gridmart) */
html[data-theme="dark"] .offer_grid {
	background-color: #161a20;
}
html[data-theme="dark"] .offer_grid.col_item {
	border-color: #272d36;
}
html[data-theme="dark"] .offer_grid:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .55);
}
html[data-theme="dark"] .offer_grid .price_count del {
	color: #79808d;
}
html[data-theme="dark"] .offer_grid .cat_link_meta a {
	color: #a4abb6;
}
html[data-theme="dark"] .date_for_grid,
html[data-theme="dark"] .date_ago {
	color: #79808d;
}
html[data-theme="dark"] .btn_act_for_grid {
	color: #a4abb6;
}
html[data-theme="dark"] .btn_act_for_grid:hover {
	background-color: #1d222a;
}
html[data-theme="dark"] .offer_grid .not_masked_coupon {
	background: #1b2510;
	border-color: #2f4315;
	color: #a9dd63;
}
html[data-theme="dark"] .no_padding_wrap .offer_grid.col_item,
html[data-theme="dark"] .eq_grid {
	border-color: #272d36;
}
html[data-theme="dark"] .small_post {
	background-color: #161a20;
}
html[data-theme="dark"] .small_post > p {
	color: #a4abb6;
}
html[data-theme="dark"] .masonry_grid_fullwidth .small_post {
	border-color: #272d36;
}
html[data-theme="dark"] .grid_mart .product {
	border-color: #272d36;
	background-color: #161a20;
}

/* ---- 3c. sidebar widgets ---- */
html[data-theme="dark"] .widget .title,
html[data-theme="dark"] .widget h2,
html[data-theme="dark"] .elementor-widget .title {
	color: #e9eaed;
	border-bottom-color: #272d36;
}
html[data-theme="dark"] .widget .title:after {
	border-bottom-color: #e9eaed;
}
html[data-theme="dark"] .widget_categories li a,
html[data-theme="dark"] .widget_archive li a,
html[data-theme="dark"] .widget_nav_menu li a,
html[data-theme="dark"] .widget_recent_entries li a,
html[data-theme="dark"] .widget_pages li a,
html[data-theme="dark"] .widget_meta li a,
html[data-theme="dark"] .widget_recent_comments li a {
	color: #e9eaed;
}
html[data-theme="dark"] .widget_nav_menu ul.sub-menu li a,
html[data-theme="dark"] .widget_product_categories ul.children li a {
	color: #a4abb6;
}
html[data-theme="dark"] .tagcloud a {
	border-color: #343b45;
	color: #e9eaed;
}
html[data-theme="dark"] .tagcloud a:hover {
	background-color: #272d36;
	border-color: #343b45;
	color: #fff;
}
html[data-theme="dark"] .footer-bottom .widget_search #searchform {
	background-color: #161a20;
}

/* ---- 3d. comments (parent css/comments.css — non-deal templates) ---- */
html[data-theme="dark"] #comments .title_comments {
	color: #e9eaed;
}
html[data-theme="dark"] .commbox {
	background: #161a20;
	border-color: #272d36;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .commentlist ul.children .commbox:before {
	color: #343b45;
}
html[data-theme="dark"] .comment-author .fn a {
	color: #e9eaed;
}
html[data-theme="dark"] .comment-author .fn .url:hover {
	color: #a4abb6;
}
html[data-theme="dark"] .comment-author span.time a {
	color: #79808d;
}
html[data-theme="dark"] .comment-content p {
	color: #a4abb6;
}
html[data-theme="dark"] .comment-content small {
	color: #79808d;
}
html[data-theme="dark"] .comment-respond {
	background: #161a20;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
}
html[data-theme="dark"] #cancel-comment-reply-link {
	border-bottom-color: #a4abb6;
}
html[data-theme="dark"] .comment-respond .usr_re input,
html[data-theme="dark"] .comment-respond .email_re input,
html[data-theme="dark"] .comment-respond .site_re input {
	border-color: #343b45;
}
html[data-theme="dark"] #comments_pagination a {
	color: #e9eaed;
}
html[data-theme="dark"] #comments_pagination span.page-numbers.current {
	background: #1d222a;
}

/* ---- 3e. user reviews (parent css/userreviews.css — non-deal pages) ---- */
html[data-theme="dark"] .rate_bar_wrap {
	box-shadow: 0 2px 20px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] .rate_bar_wrap .review-criteria,
html[data-theme="dark"] .rate_bar_wrap_two_reviews,
html[data-theme="dark"] .pros_cons_values_in_rev {
	border-top-color: #343b45;
	border-bottom-color: #343b45;
}
html[data-theme="dark"] .rate_bar_wrap.only_user_reviews {
	border-color: #343b45;
	box-shadow: 0 0 20px rgba(0, 0, 0, .45);
	background-color: #161a20;
}
html[data-theme="dark"] .user_reviews_view_box {
	border-color: #272d36;
}
html[data-theme="dark"] .userstar-rating:before {
	color: #343b45;
}
html[data-theme="dark"] #user_reviews_in_comment textarea {
	background-color: #1d222a;
}
/* Amber score bars (#ff9800) and pros/cons icon colors stay as-is. */

/* ---- 3f. pagination ---- */
html[data-theme="dark"] ul.page-numbers {
	border-color: #272d36;
}
html[data-theme="dark"] ul.page-numbers li {
	border-right-color: #272d36;
}
html[data-theme="dark"] ul.page-numbers li a {
	color: #a4abb6;
}
html[data-theme="dark"] ul.page-numbers li span.current,
html[data-theme="dark"] ul.page-numbers li a:hover,
html[data-theme="dark"] ul.page-numbers li.active a,
html[data-theme="dark"] .page-link > span {
	background: #1d222a;
}

/* ---- 3g. breadcrumbs (css/single.css + inline woobreadcrumbs) ---- */
html[data-theme="dark"] .breadcrumb {
	color: #79808d;
}
html[data-theme="dark"] .breadcrumb a {
	color: #a4abb6;
}
html[data-theme="dark"] nav.woocommerce-breadcrumb a {
	color: #e9eaed;
}
html[data-theme="dark"] .woocommerce-breadcrumb span.delimiter + a {
	background-color: #1d222a;
	color: #e9eaed !important;
}

/* ---- 3h. search form / toolbar / header top line ---- */
html[data-theme="dark"] form.search-form input[type="text"] {
	border-color: #343b45;
	background-color: #1d222a;
}
html[data-theme="dark"] .litesearchstyle form.search-form [type="submit"] {
	color: #a4abb6 !important;
}
html[data-theme="dark"] .search-header-contents form.search-form [type="submit"] {
	background: #161a20 !important;
	color: #e9eaed !important;
}
html[data-theme="dark"] #rhNavToolWrap {
	background: #161a20;
}
html[data-theme="dark"] .header-top {
	border-bottom-color: #272d36;
}
html[data-theme="dark"] .header-top .top-nav a {
	color: #e9eaed;
}
html[data-theme="dark"] .top-nav ul.sub-menu > li > a:hover {
	background-color: #1d222a;
}

/* ---- 3i. tables / code / quotes (parent + gutenberg defaults) ---- */
html[data-theme="dark"] .wp-block-table.is-style-regular,
html[data-theme="dark"] .wp-block-table.is-style-regular tr td,
html[data-theme="dark"] .wp-block-table.is-style-regular tr th {
	border-color: #272d36;
}
html[data-theme="dark"] .wpsm-table-grey table tr th,
html[data-theme="dark"] .table-condensed table tr th,
html[data-theme="dark"] .wp-block-table tr th {
	background: #1d222a;
	color: #e9eaed !important;
}
html[data-theme="dark"] .wpsm-table table tbody td,
html[data-theme="dark"] .wp-block-table td,
html[data-theme="dark"] .table-condensed td {
	background: #161a20;
}
html[data-theme="dark"] .wpsm-table table tr:nth-child(2n+1) td,
html[data-theme="dark"] .wp-block-table tr:nth-child(2n+1) td,
html[data-theme="dark"] .table-condensed tr:nth-child(2n+1) td {
	background: #161a20;
}
/* body .wpsm-table th (#222 bg, #fff text) already reads fine on dark. */
html[data-theme="dark"] .wp-block-preformatted,
html[data-theme="dark"] .wp-block-code {
	color: #d5dae2;
	background: #1d222a;
}
html[data-theme="dark"] .wp-block-code {
	background: none;
	border-color: #343b45;
}
html[data-theme="dark"] pre.wp-block-verse {
	color: #d5dae2;
}
html[data-theme="dark"] blockquote.wpsm-quote cite {
	color: #79808d;
}

/* ---- 3j. login/register modal (#pgwModal, inc/user-login.php) ---- */
html[data-theme="dark"] #pgwModal .pm-body {
	background-color: #161a20;
	box-shadow: 0 0 15px #000;
}
html[data-theme="dark"] #pgwModal .pm-title {
	background: #1d222a;
	border-bottom-color: #272d36;
	color: #e9eaed;
}
html[data-theme="dark"] #pgwModal .pm-content {
	background: #161a20;
}
html[data-theme="dark"] .re-form-input.error {
	border-color: #f87171;
}
html[data-theme="dark"] .wpsm-button {
	background: #343b45;
	border-color: #343b45;
	color: #e9eaed;
}
html[data-theme="dark"] .wpsm-button.white {
	background-color: #1d222a;
	color: #e9eaed;
}
html[data-theme="dark"] .rehub-login-popup-footer {
	border-top-color: #272d36;
}
html[data-theme="dark"] .user-dropdown-intop-menu {
	background-color: #161a20 !important;
	border-color: #272d36;
}
html[data-theme="dark"] .user-dropdown-intop-menu li a {
	color: #e9eaed;
}
html[data-theme="dark"] .user-dropdown-intop-menu li a:hover {
	background-color: #1d222a;
}

/* ---- 3k. wpsm_box shortcode skins (colored washes → dark washes,
        ink lifted per hue; icon accent colors stay) ---- */
html[data-theme="dark"] .wpsm_box {
	color: #a4abb6;
}
html[data-theme="dark"] .wpsm_box.gray_type {
	color: #a4abb6;
	background: #1d222a;
}
html[data-theme="dark"] .wpsm_box.red_type {
	color: #f28b82;
	background: #2b1512;
}
html[data-theme="dark"] .wpsm_box.green_type {
	color: #a9dd63;
	background: #1b2510;
}
html[data-theme="dark"] .wpsm_box.blue_type {
	color: #7cb0e8;
	background: #10202b;
}
html[data-theme="dark"] .wpsm_box.yellow_type {
	color: #ffcf87;
	background: #2b2110;
}
html[data-theme="dark"] .wpsm_box.dashed_border_type {
	border-color: #343b45;
}
html[data-theme="dark"] .wpsm_box.solid_border_type {
	border-color: #343b45;
}
html[data-theme="dark"] .wpsm_box.warning_type {
	background-color: #2b1512;
	color: #f28b82;
}
html[data-theme="dark"] .wpsm_box.standart_type {
	background-color: #1d222a;
}
html[data-theme="dark"] .wpsm_box.info_type {
	background-color: #1b2510;
}
html[data-theme="dark"] .wpsm_box.error_type {
	background-color: #3a1414;
	color: #ff7b7b;
}
html[data-theme="dark"] .wpsm_box.download_type {
	background-color: #10202b;
}
html[data-theme="dark"] .wpsm_box.note_type {
	background-color: #2b2110;
}

/* ============================================================
   4. PLUGIN UIS
   ============================================================ */

/* ---- 4a. winningpc-giveaway (hwgw_*) ----
   As of plugin v0.4.55 the giveaway UI carries its own dark theme
   (token redeclarations + pinned dark buttons appended to its
   assets/css/giveaway-form.css, same html[data-theme="dark"] scope
   and the same approved token values) — nothing to override here.
   TRAP still applies: never touch .btn-submit text color (white on
   orange gradient); keep any generic link/text rule away from it
   with :not(.btn-submit). */

/* ---- 4b. kk Star Ratings ----
   Stars are already amber/orange (fine on dark); only the vote-count
   caption around them needs lifting. */
html[data-theme="dark"] .kk-star-ratings .kksr-legend {
	color: #a4abb6;
}

/* ---- 4c. RankMath FAQ (question borders handled in 2h) ---- */
html[data-theme="dark"] .rank-math-question {
	color: #e9eaed;
}

/* ============================================================
   5. MEDIA / ADS POLICY
   No image inversion anywhere. Product boxshots usually ship with
   white backgrounds — keep/give them a light "chip" with a border so
   artwork doesn't glue to the dark canvas (standard dark-store
   pattern). Ad zones + third-party iframes stay light; only their
   surroundings go dark (canvas overrides above take care of that).
   ============================================================ */
html[data-theme="dark"] .wpc-home .tk-thumb,
html[data-theme="dark"] .wpc-post .wpc-post-boxshot,
html[data-theme="dark"] body .wpc-ob-thumb {
	background: #fff; /* same as light — restated to guard against generic surface overrides */
	border-color: #272d36;
}
html[data-theme="dark"] .wpc-store .pbox-shot {
	background: #f4f4f4;
	border: 1px solid #272d36;
}