/* HARDWOOD 1.0.10 candidate — B-109-1, U-109-2 and U-109-3.
 * Load after content-palette.css and content-typography.css.
 * Exact post IDs and comparison components verified in fresh staging HTML.
 * No text, semantic marker content, table layout, forms or desktop grid changes.
 */

/* B-109-1: override three inline column declarations only below 600px.
 * minmax(0,1fr) prevents a card's intrinsic minimum from widening the grid. */
@media (max-width: 599.98px) {
  body.hw-grafit.single-post:is(.postid-77626,.postid-84010,.postid-80372) .hw-content .post-text .product-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0;
    max-width: 100%;
  }
  body.hw-grafit.single-post:is(.postid-77626,.postid-84010,.postid-80372) .hw-content .post-text .product-grid > .product-card {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
}

/* U-109-3: seven matched pros/cons pairs on two posts. Both surfaces and
 * borders are neutral; only the existing labels and check/cross marks differ.
 * No ::before content is replaced, and other verdict categories are untouched. */
body.hw-grafit.single-post:is(.postid-77157,.postid-77193) .hw-content .post-text :is(.products-comparison,.materials-comparison) .comparison-table .pros-cons-section > :is(.pros-list,.cons-list) {
  background: #f0ede7 !important;
  border-left-color: #d8d4cc !important;
  color: #252522 !important;
}
body.hw-grafit.single-post:is(.postid-77157,.postid-77193) .hw-content .post-text :is(.products-comparison,.materials-comparison) .comparison-table .pros-cons-section > :is(.pros-list,.cons-list) > .feature-item {
  color: #252522 !important;
}
body.hw-grafit.single-post:is(.postid-77157,.postid-77193) .hw-content .post-text :is(.products-comparison,.materials-comparison) .comparison-table .pros-cons-section > .pros-list > .pros-title,
body.hw-grafit.single-post:is(.postid-77157,.postid-77193) .hw-content .post-text :is(.products-comparison,.materials-comparison) .comparison-table .pros-cons-section > .pros-list > .feature-item::before {
  color: #705c3e !important;
}
body.hw-grafit.single-post:is(.postid-77157,.postid-77193) .hw-content .post-text :is(.products-comparison,.materials-comparison) .comparison-table .pros-cons-section > .cons-list > .cons-title,
body.hw-grafit.single-post:is(.postid-77157,.postid-77193) .hw-content .post-text :is(.products-comparison,.materials-comparison) .comparison-table .pros-cons-section > .cons-list > .feature-item::before {
  color: #9b2f2f !important;
}
body.hw-grafit.single-post.postid-77157 .hw-content .post-text .products-comparison .comparison-table .product-verdict.verdict-excellent,
body.hw-grafit.single-post.postid-77193 .hw-content .post-text .materials-comparison .comparison-table .material-verdict.verdict-excellent {
  background: #f0ede7 !important;
  color: #705c3e !important;
}

/* U-109-2: only the four species descriptions inside the pool comparison.
 * These paragraphs are intentionally inside table cells and were excluded
 * from the general post typography rules. Keep table and card geometry. */
body.hw-grafit.single-post.postid-77193 .hw-content .post-text .materials-comparison .comparison-table .wood-types-grid > .wood-type-card > p {
  color: #252522 !important;
  text-align: left !important;
}

/* HARDWOOD 1.0.11: approved verdict and card-price refinements.
 * All selectors stay inside post content. Original wording, emoji, links,
 * forms and table layout are unchanged. The 1.0.10 rules above are retained.
 */
body.hw-grafit.single-post .hw-content .post-text .product-verdict,
body.hw-grafit.single-post.postid-77193 .hw-content .post-text .materials-comparison .comparison-table .material-verdict {
  background: #f0ede7 !important;
  color: #705c3e !important;
}
body.hw-grafit.single-post .hw-content .post-text .product-verdict.verdict-poor,
body.hw-grafit.single-post.postid-77193 .hw-content .post-text .materials-comparison .comparison-table .material-verdict.verdict-poor {
  color: #9b2f2f !important;
}

/* One badge pattern for three product verdicts and all four pool verdicts.
 * Request text-style emoji without replacing characters or generated content.
 * Native emoji painting is also checked visually; color alone is not evidence. */
body.hw-grafit.single-post .hw-content .post-text .product-verdict,
body.hw-grafit.single-post.postid-77193 .hw-content .post-text .materials-comparison .comparison-table .material-verdict {
  box-sizing: border-box;
  max-width: 100%;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-family: Arial, 'Segoe UI Symbol', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-variant-emoji: text;
}

/* Numeric prices only: the adjacent CTA/link keeps its existing treatment. */
body.hw-grafit.single-post .hw-content .post-text .product-grid .product-card-price > :is(.price-value,strong) {
  color: #705c3e !important;
}

/* The renovation comparison's prose must not stretch words across a cell. */
body.hw-grafit.single-post.postid-77157 .hw-content .post-text .products-comparison .comparison-table :is(td,p,li) {
  text-align: left !important;
}

/* WordPress replaces verdict emoji with images. Tint their existing pixels;
 * preserve src, alt, alpha and geometry. Solid-pixel targets are approximately
 * #705c3e and #9b2f2f; screenshots verify actual browser rendering. */
body.hw-grafit.single-post .hw-content .post-text .product-verdict img.emoji,
body.hw-grafit.single-post.postid-77193 .hw-content .post-text .materials-comparison .comparison-table .material-verdict img.emoji {
  filter: brightness(0) invert(30.362471%) sepia(100%) saturate(153.299574%) hue-rotate(-3.170677deg) !important;
}
body.hw-grafit.single-post .hw-content .post-text .product-verdict.verdict-poor img.emoji,
body.hw-grafit.single-post.postid-77193 .hw-content .post-text .materials-comparison .comparison-table .material-verdict.verdict-poor img.emoji {
  filter: brightness(0) invert(21.402551%) sepia(100%) saturate(771.428168%) hue-rotate(-37.502904deg) !important;
}