/**
 * @file
 * Wares Point - Drupal Forum Theme Stylesheet.
 *
 * Polished, modernized classic discussion forum styling matching Wares Point's
 * warm editorial/business design language.
 */

/* ==========================================================================
   1. FORUM ROOT & PALETTE VARIABLES
   ========================================================================== */
:root {
  --wp-cream-light: #FFF2E0;
  --wp-beige-light: #EED6B5;
  --wp-sand-primary: #C8A97E;
  --wp-tan-dark: #A88554;
  --wp-brown-deep: #896432;
  --wp-text: #24211E;
  --wp-text-muted: #6B6259;
  --wp-white: #FFFFFF;
  --wp-border-soft: #DECDB5;

  /* Forum Visual Effects & Color Cascade Default Tokens */
  --wp-forum-seed-color: #C8A97E;
  --wp-forum-seed-rgb: 200, 169, 126;
  --wp-forum-container-title-color: #896432;
  --wp-forum-radius: 0px;
  --wp-forum-row-radius: 0px;
  --wp-forum-container-bg: linear-gradient(90deg, rgba(200, 169, 126, 0.22) 0%, rgba(200, 169, 126, 0.10) 65%, rgba(255, 242, 224, 0.50) 100%);
  --wp-forum-container-border-left: 4px solid var(--wp-forum-seed-color, #C8A97E);
  --wp-forum-container-border-top: 2px solid rgba(200, 169, 126, 0.5);
  --wp-forum-container-border-bottom: 1px solid var(--wp-border-soft, #DECDB5);
  --wp-forum-hover-bg: rgba(200, 169, 126, 0.18);

  /* Cascading Step Backgrounds (Fading down to brighter shades until next container) */
  --wp-forum-step-1: rgba(200, 169, 126, 0.14);
  --wp-forum-step-2: rgba(200, 169, 126, 0.095);
  --wp-forum-step-3: rgba(200, 169, 126, 0.06);
  --wp-forum-step-4: rgba(200, 169, 126, 0.035);
  --wp-forum-step-5: rgba(200, 169, 126, 0.015);
  --wp-forum-step-6: #FFFFFF;

  /* Cascading Left Border Accents (Sharp hint continuing down from container) */
  --wp-forum-border-left-step-1: 3px solid rgba(200, 169, 126, 0.50);
  --wp-forum-border-left-step-2: 3px solid rgba(200, 169, 126, 0.35);
  --wp-forum-border-left-step-3: 3px solid rgba(200, 169, 126, 0.22);
  --wp-forum-border-left-step-4: 3px solid rgba(200, 169, 126, 0.12);
  --wp-forum-border-left-step-5: 3px solid rgba(200, 169, 126, 0.06);
}

/* ==========================================================================
   2. FORUM ACTIONS & BREADCRUMBS
   ========================================================================== */

/* Breadcrumb refinement on forum pages */
.path-forum .breadcrumb,
.forum-breadcrumb {
  margin-bottom: var(--wp-space-md, 1rem);
  font-size: var(--wp-text-sm, 0.875rem);
  color: var(--wp-text-muted, #6B6259);
}

.path-forum .breadcrumb a,
.forum-breadcrumb a {
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  transition: color 0.15s ease;
}

.path-forum .breadcrumb a:hover,
.forum-breadcrumb a:hover {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/* Action Links ("Add new Forum topic", etc.) */
.path-forum .action-links,
ul.action-links:has(a[href*="forum"]) {
  list-style: none;
  padding: 0;
  margin: var(--wp-space-md, 1rem) 0 var(--wp-space-lg, 1.5rem) 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--wp-space-sm, 0.5rem);
}

/* Hide action links completely on forum overview (/community, /forum) and container pages */
body.wp-forum-container-page .action-links,
body.wp-forum-container .action-links,
.wp-forum-container-page .action-links,
.wp-forum-container .action-links {
  display: none !important;
}

.path-forum .action-links li,
ul.action-links:has(a[href*="forum"]) li {
  margin: 0;
  padding: 0;
}

.path-forum .action-links a,
ul.action-links a[href*="forum"] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--wp-brown-deep, #896432);
  color: var(--wp-cream-light, #FFF2E0) !important;
  font-family: var(--wp-font-ui, var(--wp-font-body, system-ui, -apple-system, sans-serif));
  font-size: var(--wp-text-sm, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 0.65rem 1.25rem;
  border-radius: var(--wp-radius-md, 6px);
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(36, 33, 30, 0.12);
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.path-forum .action-links a:hover,
ul.action-links a[href*="forum"]:hover {
  background-color: var(--wp-tan-dark, #A88554);
  color: var(--wp-white, #FFFFFF) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(36, 33, 30, 0.16);
  text-decoration: none;
}

.path-forum .action-links a:focus-visible,
ul.action-links a[href*="forum"]:focus-visible {
  outline: 2px solid var(--wp-sand-primary, #C8A97E);
  outline-offset: 2px;
}

/* Plus/Pencil SVG icon prefix for new topic button */
.path-forum .action-links a::before,
ul.action-links a[href*="forum"]::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

/* ==========================================================================
   3. FORUM TABLES & CONTAINERS
   ========================================================================== */

/* Main forum table card wrapper */
.path-forum table,
table[id^="forum-topic"],
table.forum-topic-list,
.forum-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: var(--wp-forum-radius, 0px);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(36, 33, 30, 0.05);
  margin-bottom: var(--wp-space-xl, 2rem);
}

/* Table Header */
.path-forum table thead,
table[id^="forum-topic"] thead,
.path-forum table thead tr,
table[id^="forum-topic"] thead tr {
  background: linear-gradient(180deg, #FFF7EB 0%, #EED7B8 100%);
}

.path-forum table thead th,
table[id^="forum-topic"] thead th {
  background: linear-gradient(180deg, #FFF7EB 0%, #EED7B8 100%);
  padding: 0.95rem 1.25rem;
  font-family: var(--wp-font-forum-title, var(--wp-font-heading, Georgia, serif));
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--wp-brown-deep, #896432);
  border-top: none;
  border-bottom: 2px solid var(--wp-sand-primary, #C8A97E);
  vertical-align: middle;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 0 !important;
}

/* Header alignments and column widths */
.path-forum table thead th:first-child,
table[id^="forum-topic"] thead th:first-child {
  text-align: left;
}

.path-forum table thead th:nth-child(2),
table[id^="forum-topic"] thead th:nth-child(2) {
  text-align: center;
  width: 105px;
}

.path-forum table thead th:nth-child(3) {
  text-align: center;
  width: 90px;
}

.path-forum table thead th:last-child,
table[id^="forum-topic"] thead th:last-child {
  text-align: left;
  width: 240px;
}

/* ==========================================================================
   4. FORUM CONTAINER ROWS (CATEGORY BANNERS)
   ========================================================================== */

/* Container rows (e.g. td colspan="4" in forum list) */
.path-forum table tbody td[colspan="4"],
.path-forum table tbody tr.forum-row--container td,
table tbody tr.forum-row--container td {
  background: var(--wp-forum-container-bg, linear-gradient(90deg, rgba(200, 169, 126, 0.22) 0%, rgba(200, 169, 126, 0.10) 65%, rgba(255, 242, 224, 0.50) 100%)) !important;
  border-top: var(--wp-forum-container-border-top, 2px solid rgba(200, 169, 126, 0.5)) !important;
  border-bottom: var(--wp-forum-container-border-bottom, 1px solid var(--wp-border-soft, #DECDB5)) !important;
  border-left: var(--wp-forum-container-border-left, 4px solid var(--wp-forum-seed-color, #C8A97E)) !important;
  padding: 1.125rem 1.25rem;
  vertical-align: middle;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -1px 0 rgba(200, 169, 126, 0.2), 0 1px 2px rgba(36, 33, 30, 0.03);
  transition: background 0.2s ease, border-left-color 0.2s ease, box-shadow 0.2s ease;
}

/* Container row hover effect: subtle illuminated warmth and glowing accent border */
.path-forum table tbody tr:has(td[colspan="4"]):hover td[colspan="4"],
.path-forum table tbody tr.forum-row--container:hover td,
table tbody tr.forum-row--container:hover td {
  background: linear-gradient(90deg, rgba(var(--wp-forum-seed-rgb, 200, 169, 126), 0.32) 0%, rgba(var(--wp-forum-seed-rgb, 200, 169, 126), 0.16) 65%, rgba(255, 242, 224, 0.65) 100%) !important;
  border-left: 4px solid var(--wp-tan-dark, #A88554) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(200, 169, 126, 0.28), 0 2px 4px rgba(36, 33, 30, 0.05);
}

/* Category header title */
.path-forum table tbody td[colspan="4"] a,
.path-forum table tbody td[colspan="4"] > div:nth-child(2) a,
.path-forum table tbody td[colspan="4"] > div:nth-child(3) a,
.path-forum table tbody .forum-container-title a {
  font-family: var(--wp-font-forum-title, var(--wp-font-heading, Georgia, serif));
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--wp-forum-container-title-color, var(--wp-brown-deep, #896432));
  text-decoration: none;
  line-height: 1.35;
  transition: color 0.15s ease;
}

.path-forum table tbody td[colspan="4"] a:hover,
.path-forum table tbody .forum-container-title a:hover {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/* Category header description */
.path-forum table tbody td[colspan="4"] > div:last-child,
.path-forum table tbody .forum-container-description {
  font-family: var(--wp-font-forum-body, var(--wp-font-body, system-ui, -apple-system, sans-serif));
  font-size: 0.85rem;
  color: var(--wp-text-muted, #6B6259);
  margin-top: 0.25rem;
  line-height: 1.45;
}

/* Hide empty icon divs and visually-hidden wrappers in category containers */
.path-forum table tbody td[colspan="4"] > div[title]:empty,
.path-forum table tbody td[colspan="4"] > div[title]:not(:has(a)):not(:has(img)):not(:has(svg)),
.path-forum table tbody td[colspan="4"] .indent > div[title]:not(:has(a)):not(:has(img)):not(:has(svg)) {
  display: none !important;
}

/* ==========================================================================
   5. FORUM ROWS & CELLS (LEAF FORUMS) - DYNAMIC CASCADING HIERARCHY
   ========================================================================== */

.path-forum table tbody tr,
table[id^="forum-topic"] tbody tr {
  transition: background-color 0.15s ease, border-left-color 0.15s ease, box-shadow 0.15s ease;
  border-bottom: 1px solid rgba(222, 205, 181, 0.45);
  border-radius: var(--wp-forum-row-radius, 0px) !important;
}

.path-forum table tbody tr:last-child,
table[id^="forum-topic"] tbody tr:last-child {
  border-bottom: none;
}

/* --------------------------------------------------------------------------
   Dynamic Cascading Fading Steps (From Container down through Leaf Forums)
   Dual-layer targeting: class-based AND direct sibling combinator fallbacks
   -------------------------------------------------------------------------- */

/* Step 1: 1st row directly below container - richest seed tint hint */
.path-forum table tbody tr.forum-row--step-1,
.path-forum table tbody tr:has(td[colspan="4"]) + tr:not(:has(td[colspan="4"])) {
  background-color: var(--wp-forum-step-1, rgba(200, 169, 126, 0.14)) !important;
  border-left: var(--wp-forum-border-left-step-1, 3px solid rgba(200, 169, 126, 0.50)) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(200, 169, 126, 0.12);
}

/* Step 2: 2nd row below container - fading to brighter shade */
.path-forum table tbody tr.forum-row--step-2,
.path-forum table tbody tr:has(td[colspan="4"]) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) {
  background-color: var(--wp-forum-step-2, rgba(200, 169, 126, 0.095)) !important;
  border-left: var(--wp-forum-border-left-step-2, 3px solid rgba(200, 169, 126, 0.35)) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(200, 169, 126, 0.1);
}

/* Step 3: 3rd row below container - lighter subtle hint */
.path-forum table tbody tr.forum-row--step-3,
.path-forum table tbody tr:has(td[colspan="4"]) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) {
  background-color: var(--wp-forum-step-3, rgba(200, 169, 126, 0.06)) !important;
  border-left: var(--wp-forum-border-left-step-3, 3px solid rgba(200, 169, 126, 0.22)) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(200, 169, 126, 0.08);
}

/* Step 4: 4th row below container - soft warm tint */
.path-forum table tbody tr.forum-row--step-4,
.path-forum table tbody tr:has(td[colspan="4"]) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) {
  background-color: var(--wp-forum-step-4, rgba(200, 169, 126, 0.035)) !important;
  border-left: var(--wp-forum-border-left-step-4, 3px solid rgba(200, 169, 126, 0.12)) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(200, 169, 126, 0.06);
}

/* Step 5: 5th row below container - subtle luminous tint */
.path-forum table tbody tr.forum-row--step-5,
.path-forum table tbody tr:has(td[colspan="4"]) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) {
  background-color: var(--wp-forum-step-5, rgba(200, 169, 126, 0.015)) !important;
  border-left: var(--wp-forum-border-left-step-5, 3px solid rgba(200, 169, 126, 0.06)) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

/* Step 6 and beyond: 6th+ row below container - clean surface */
.path-forum table tbody tr.forum-row--step-6,
.path-forum table tbody tr:has(td[colspan="4"]) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) + tr:not(:has(td[colspan="4"])) {
  background-color: var(--wp-forum-step-6, #FFFFFF) !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Row Hover (excluding category container headers) - Sharp illuminated highlight */
.path-forum table tbody tr.forum-row--leaf:hover,
.path-forum table tbody tr:not(:has(td[colspan="4"])):hover,
table[id^="forum-topic"] tbody tr:hover {
  background-color: var(--wp-forum-hover-bg, rgba(200, 169, 126, 0.18)) !important;
  border-left-color: var(--wp-forum-seed-color, #C8A97E) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(200, 169, 126, 0.2) !important;
}

/* Cells padding and alignment */
.path-forum table tbody td,
table[id^="forum-topic"] tbody td {
  padding: 1rem 1.25rem;
  vertical-align: middle;
  border-bottom: 1px solid rgba(222, 205, 181, 0.4);
  font-size: var(--wp-text-sm, 0.875rem);
  color: var(--wp-text, #24211E);
  border-radius: 0 !important;
}

/* Forum list first column (Title, icon, description) */
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child {
  position: relative;
  min-width: 240px;
}

/* Forum folder icon in forum list (supporting direct children and .indent wrapper) */
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title],
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child .indent > div[title] {
  float: left;
  width: 38px;
  height: 38px;
  margin-right: 0.875rem;
  border-radius: 6px;
  background-color: var(--wp-cream-light, #FFF2E0);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(36, 33, 30, 0.05);
}

.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title]::before,
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child .indent > div[title]::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--wp-sand-primary, #C8A97E);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
}

/* If forum has new posts, highlight the icon */
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title*="New"]::before,
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title*="new"]::before,
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child .indent > div[title*="New"]::before,
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child .indent > div[title*="new"]::before {
  background-color: var(--wp-brown-deep, #896432);
}

.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title*="New"]::after,
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title*="new"]::after,
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child .indent > div[title*="New"]::after,
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child .indent > div[title*="new"]::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 7px;
  height: 7px;
  background-color: #16A34A;
  border-radius: 50%;
  border: 1px solid var(--wp-white, #FFFFFF);
}

/* Forum title link */
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child a {
  font-family: var(--wp-font-forum-title, var(--wp-font-heading, Georgia, serif));
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  line-height: 1.35;
  transition: color 0.15s ease;
}

.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child a:hover {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/* Forum description */
.path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child div:last-child {
  font-family: var(--wp-font-forum-body, var(--wp-font-body, system-ui, -apple-system, sans-serif));
  font-size: 0.85rem;
  color: var(--wp-text-muted, #6B6259);
  line-height: 1.45;
  margin-top: 0.2rem;
}

/* Indented subforums */
.path-forum table .indent {
  margin-left: 1.25rem;
  padding-left: 0.5rem;
  border-left: 2px solid var(--wp-beige-light, #EED6B5);
}

/* ==========================================================================
   6. COUNT COLUMNS (TOPICS & POSTS)
   ========================================================================== */

.path-forum table tbody td:nth-child(2),
.path-forum table tbody td:nth-child(3),
table[id^="forum-topic"] tbody td.forum__replies {
  text-align: center;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--wp-text, #24211E);
}

/* New topics / new posts badge */
.path-forum table tbody td a[href*="new"],
table[id^="forum-topic"] tbody td.forum__replies a {
  display: inline-block;
  margin-top: 0.3rem;
  padding: 0.15rem 0.5rem;
  font-family: var(--wp-font-forum-body, var(--wp-font-body, system-ui, -apple-system, sans-serif));
  font-size: 0.725rem;
  font-weight: 600;
  border-radius: 9999px;
  background-color: var(--wp-cream-light, #FFF2E0);
  border: 1px solid var(--wp-sand-primary, #C8A97E);
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  transition: all 0.15s ease;
}

.path-forum table tbody td a[href*="new"]:hover,
table[id^="forum-topic"] tbody td.forum__replies a:hover {
  background-color: var(--wp-sand-primary, #C8A97E);
  color: var(--wp-white, #FFFFFF);
  text-decoration: none;
}

/* ==========================================================================
   7. LAST POST INFORMATION
   ========================================================================== */

.path-forum table tbody td:last-child,
table[id^="forum-topic"] tbody td.forum__last-reply {
  font-size: 0.825rem;
  color: var(--wp-text-muted, #6B6259);
  line-height: 1.45;
}

.path-forum table tbody td:last-child a,
table[id^="forum-topic"] tbody td.forum__last-reply a {
  font-weight: 600;
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  transition: color 0.15s ease;
}

.path-forum table tbody td:last-child a:hover,
table[id^="forum-topic"] tbody td.forum__last-reply a:hover {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/* ==========================================================================
   8. TOPICS LISTING TABLE (TOPIC ROWS & METADATA)
   ========================================================================== */

table[id^="forum-topic"] tbody td.forum__topic {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}

/* Topic Title */
table[id^="forum-topic"] .forum__title {
  flex: 1;
  min-width: 0;
}

table[id^="forum-topic"] .forum__title div:first-child a {
  font-family: var(--wp-font-forum-title, var(--wp-font-heading, Georgia, serif));
  font-size: 1.025rem;
  font-weight: 600;
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  line-height: 1.35;
  transition: color 0.15s ease;
}

table[id^="forum-topic"] .forum__title div:first-child a:hover {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/* Topic Submitted Info (Author, date) */
table[id^="forum-topic"] .forum__title div:last-child {
  font-family: var(--wp-font-forum-body, var(--wp-font-body, system-ui, -apple-system, sans-serif));
  font-size: 0.8rem;
  color: var(--wp-text-muted, #6B6259);
  margin-top: 0.25rem;
}

table[id^="forum-topic"] .forum__title div:last-child a {
  color: var(--wp-text, #24211E);
  font-weight: 600;
  text-decoration: none;
}

table[id^="forum-topic"] .forum__title div:last-child a:hover {
  color: var(--wp-brown-deep, #896432);
  text-decoration: underline;
}

/* Sticky Topic Row Highlight */
table[id^="forum-topic"] tbody tr:has([title*="Sticky"]),
table[id^="forum-topic"] tbody tr:has(.forum-icon--sticky) {
  background-color: rgba(200, 169, 126, 0.08);
  border-left: 3px solid var(--wp-sand-primary, #C8A97E);
}

/* ==========================================================================
   9. FORUM STATUS ICONS (NORMAL, NEW, HOT, STICKY, CLOSED)
   ========================================================================== */

/* Base Forum Icon Wrapper */
.forum-icon,
table[id^="forum-topic"] td.forum__topic > div[title] {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 2px;
  background-color: var(--wp-cream-light, #FFF2E0);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  transition: all 0.2s ease;
}

/* Shared Icon Mask Element */
.forum-icon::before,
table[id^="forum-topic"] td.forum__topic > div[title]::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-color: var(--wp-tan-dark, #A88554);
}

/* 1. Normal / Default Topic Icon */
.forum-icon--default::before,
table[id^="forum-topic"] td.forum__topic > div[title*="Normal"]::before,
table[id^="forum-topic"] td.forum__topic > div[title*="normal"]::before,
table[id^="forum-topic"] td.forum__topic > div[title=""]::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
}

/* 2. New Posts Icon */
.forum-icon--new,
.forum-icon--hot-new,
table[id^="forum-topic"] td.forum__topic > div[title*="New"] {
  border-color: var(--wp-sand-primary, #C8A97E);
  background-color: #FAF4EB;
}

.forum-icon--new::before,
.forum-icon--hot-new::before,
table[id^="forum-topic"] td.forum__topic > div[title*="New"]::before {
  background-color: var(--wp-brown-deep, #896432);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
}

/* Green unread indicator pip */
.forum-icon--new::after,
.forum-icon--hot-new::after,
table[id^="forum-topic"] td.forum__topic > div[title*="New"]::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  width: 7px;
  height: 7px;
  background-color: #16A34A;
  border-radius: 50%;
  border: 1px solid var(--wp-white, #FFFFFF);
}

/* 3. Hot Topic Icon */
.forum-icon--hot,
table[id^="forum-topic"] td.forum__topic > div[title*="Hot"]:not([title*="New"]):not([title*="new"]) {
  background-color: rgba(217, 119, 6, 0.12);
  border-color: #F59E0B;
}

.forum-icon--hot::before,
table[id^="forum-topic"] td.forum__topic > div[title*="Hot"]:not([title*="New"]):not([title*="new"])::before {
  background-color: #D97706;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 3z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 3z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
}

/* 4. Sticky Topic Icon */
.forum-icon--sticky,
table[id^="forum-topic"] td.forum__topic > div[title*="Sticky"],
table[id^="forum-topic"] td.forum__topic > div[title*="sticky"] {
  background-color: rgba(168, 133, 84, 0.2);
  border-color: var(--wp-brown-deep, #896432);
}

.forum-icon--sticky::before,
table[id^="forum-topic"] td.forum__topic > div[title*="Sticky"]::before,
table[id^="forum-topic"] td.forum__topic > div[title*="sticky"]::before {
  background-color: var(--wp-brown-deep, #896432);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v8'%3E%3C/path%3E%3Cpath d='m4.93 10.93 1.41 1.41'%3E%3C/path%3E%3Cpath d='M2 18h20'%3E%3C/path%3E%3Cpath d='M12 18v4'%3E%3C/path%3E%3Cpath d='m19.07 10.93-1.41 1.41'%3E%3C/path%3E%3Cpath d='M8 10h8'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v8'%3E%3C/path%3E%3Cpath d='m4.93 10.93 1.41 1.41'%3E%3C/path%3E%3Cpath d='M2 18h20'%3E%3C/path%3E%3Cpath d='M12 18v4'%3E%3C/path%3E%3Cpath d='m19.07 10.93-1.41 1.41'%3E%3C/path%3E%3Cpath d='M8 10h8'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
}

/* 5. Closed Topic Icon */
.forum-icon--closed,
table[id^="forum-topic"] td.forum__topic > div[title*="Closed"],
table[id^="forum-topic"] td.forum__topic > div[title*="closed"] {
  background-color: rgba(107, 98, 89, 0.12);
  border-color: var(--wp-text-muted, #6B6259);
}

.forum-icon--closed::before,
table[id^="forum-topic"] td.forum__topic > div[title*="Closed"]::before,
table[id^="forum-topic"] td.forum__topic > div[title*="closed"]::before {
  background-color: var(--wp-text-muted, #6B6259);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
}

/* ==========================================================================
   10. FORUM POSTING FORMS & TOPIC DETAIL PAGE
   ========================================================================== */

/* Forum topic node view */
.node--type-forum {
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: var(--wp-radius-md, 8px);
  padding: var(--wp-space-lg, 1.5rem);
  box-shadow: 0 2px 6px rgba(36, 33, 30, 0.04);
  margin-bottom: var(--wp-space-xl, 2rem);
}

.node--type-forum .node__meta {
  font-size: 0.85rem;
  color: var(--wp-text-muted, #6B6259);
  padding-bottom: 0.875rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--wp-border-soft, #DECDB5);
}

.node--type-forum .node__meta a {
  color: var(--wp-brown-deep, #896432);
  font-weight: 600;
  text-decoration: none;
}

.node--type-forum .node__content {
  line-height: 1.65;
  color: var(--wp-text, #24211E);
}

/* ==========================================================================
   11. RESPONSIVE DESIGN (TABLES COLLAPSE ON MOBILE)
   ========================================================================== */

@media (max-width: 768px) {
  /* Forum Page Container & Spacing */
  .path-forum .main-content-wrapper,
  body:has(.wp-forum-thread) .main-content-wrapper {
    padding-top: 0.65rem !important;
    padding-bottom: 1.5rem !important;
  }

  .path-forum .container,
  body:has(.wp-forum-thread) .container {
    padding-inline: 8px !important;
  }

  /* Forum Breadcrumb */
  .path-forum .breadcrumb,
  .forum-breadcrumb {
    margin-bottom: 0.45rem !important;
    font-size: 0.775rem !important;
    line-height: 1.3 !important;
  }

  /* Action Links ("Add new Forum topic", etc.) */
  .path-forum .action-links,
  ul.action-links:has(a[href*="forum"]) {
    margin: 0.35rem 0 0.75rem 0 !important;
    gap: 0.35rem !important;
    justify-content: stretch !important;
  }

  .path-forum .action-links a,
  ul.action-links a[href*="forum"] {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.45rem 0.85rem !important;
    font-size: 0.775rem !important;
    border-radius: 4px !important;
  }

  /* Forum Titles & Category Descriptions */
  .path-forum h1.page-title,
  .path-forum .page-title,
  .path-forum h1 {
    font-size: 1.2rem !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.25 !important;
  }

  .path-forum .taxonomy-term-description,
  .path-forum .forum-top-description,
  .path-forum .forum-description {
    font-size: 0.775rem !important;
    line-height: 1.35 !important;
    margin-bottom: 0.65rem !important;
    padding: 0.5rem 0.65rem !important;
    border-radius: 4px !important;
  }

  /* Hide traditional table headers on mobile */
  .path-forum table thead,
  table[id^="forum-topic"] thead {
    display: none !important;
  }

  /* Base table structures collapse into full-width card containers */
  .path-forum table,
  .path-forum table tbody,
  table[id^="forum-topic"],
  table[id^="forum-topic"] tbody {
    display: block !important;
    width: 100% !important;
    margin-bottom: 1rem !important;
    border-collapse: separate !important;
  }

  /* Category headers remain prominent, compact full-width banners */
  .path-forum table tbody tr:has(td[colspan="4"]),
  .path-forum table tbody tr.forum-row--container {
    display: block !important;
  }

  .path-forum table tbody td[colspan="4"],
  .path-forum table tbody tr.forum-row--container td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.5rem 0.65rem !important;
    border-left: 3px solid var(--wp-forum-seed-color, #C8A97E) !important;
    border-top: 1px solid rgba(200, 169, 126, 0.4) !important;
    border-bottom: 1px solid var(--wp-border-soft, #DECDB5) !important;
  }

  .path-forum table tbody td[colspan="4"] a,
  .path-forum table tbody td[colspan="4"] > div:nth-child(2) a,
  .path-forum table tbody td[colspan="4"] > div:nth-child(3) a,
  .path-forum table tbody .forum-container-title a {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin-bottom: 0.1rem !important;
    display: inline-block !important;
  }

  .path-forum table tbody td[colspan="4"] > div:last-child,
  .path-forum table tbody td[colspan="4"] .forum-container-description {
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
    margin-top: 0.15rem !important;
    margin-bottom: 0 !important;
  }

  .path-forum table tbody td[colspan="4"] .forum-container-description p {
    margin: 0 !important;
  }

  /* -------------------------------------------------------------------------
     LEAF FORUM ROWS: Tight 2-line Card Layout
     Line 1: Icon + Title + Description
     Line 2: Inline Metadata (Topics count, Posts count, Last post)
     ------------------------------------------------------------------------- */
  .path-forum table tbody tr:not(:has(td[colspan="4"])):not(.forum-row--container) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 0.5rem 0.65rem !important;
    gap: 0.25rem 0.5rem !important;
    border-bottom: 1px solid rgba(222, 205, 181, 0.45) !important;
    background-color: var(--wp-white, #FFFFFF) !important;
    box-sizing: border-box !important;
  }

  /* Forum title & icon block */
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child {
    display: block !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) .indent {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: none !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title],
  .path-forum table tbody tr:not(:has(td[colspan="4"])) .indent > div[title] {
    float: left !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin-right: 0.5rem !important;
    margin-top: 1px !important;
    border-radius: 4px !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child > div[title]::before,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) .indent > div[title]::before {
    width: 13px !important;
    height: 13px !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) .forum-leaf-title a,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child a {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    display: inline !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) .forum-leaf-description,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child div:last-child {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
    color: var(--wp-text-muted, #6B6259) !important;
    margin-top: 0.15rem !important;
    margin-bottom: 0 !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) .forum-leaf-description p {
    margin: 0 !important;
  }

  /* Compact Metadata Row inline */
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td.forum-topics-count,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:nth-child(2) {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.725rem !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--wp-text-muted, #6B6259) !important;
    font-weight: 500 !important;
    border: none !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td.forum-topics-count::before,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:nth-child(2)::before {
    content: "Topics: " !important;
    font-weight: 600 !important;
    margin-right: 2px !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td.forum-posts-count,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:nth-child(3) {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.725rem !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--wp-text-muted, #6B6259) !important;
    font-weight: 500 !important;
    border: none !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td.forum-posts-count::before,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:nth-child(3)::before {
    content: "• Posts: " !important;
    font-weight: 600 !important;
    margin-right: 2px !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td.forum-last-reply,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:last-child {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.725rem !important;
    padding: 0 !important;
    margin: 0 0 0 auto !important;
    color: var(--wp-text-muted, #6B6259) !important;
    border: none !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td.forum-last-reply::before,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:last-child::before {
    display: none !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) .wp-forum-submitted-wrapper {
    gap: 4px !important;
    font-size: 0.725rem !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) .wp-forum-submitted-avatar,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) .wp-forum-submitted-avatar-link,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) .wp-forum-avatar-32-img,
  .path-forum table tbody tr:not(:has(td[colspan="4"])) .wp-forum-avatar-img {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) .wp-forum-submitted-time {
    color: var(--wp-text-muted, #6B6259) !important;
    font-size: 0.7rem !important;
  }

  /* -------------------------------------------------------------------------
     TOPIC LISTINGS TABLE: Tight Responsive Cards
     ------------------------------------------------------------------------- */
  table[id^="forum-topic"] tbody tr {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 0.55rem 0.65rem !important;
    gap: 0.2rem 0.5rem !important;
    border-bottom: 1px solid var(--wp-border-soft, #DECDB5) !important;
    background-color: var(--wp-white, #FFFFFF) !important;
    box-sizing: border-box !important;
  }

  table[id^="forum-topic"] tbody td.forum__topic {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .forum-icon,
  table[id^="forum-topic"] td.forum__topic > div[title] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin-top: 1px !important;
    border-radius: 50% !important;
  }

  .forum-icon::before,
  table[id^="forum-topic"] td.forum__topic > div[title]::before {
    width: 12px !important;
    height: 12px !important;
  }

  table[id^="forum-topic"] .forum__title {
    flex: 1 !important;
    min-width: 0 !important;
  }

  table[id^="forum-topic"] .forum__title div:first-child a {
    font-size: 0.925rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: var(--wp-brown-deep, #896432) !important;
    display: inline !important;
  }

  table[id^="forum-topic"] .forum__title div:last-child {
    font-size: 0.725rem !important;
    margin-top: 0.15rem !important;
    line-height: 1.25 !important;
  }

  table[id^="forum-topic"] .forum__title .wp-forum-submitted-wrapper {
    gap: 4px !important;
  }

  table[id^="forum-topic"] .forum__title .wp-forum-submitted-avatar,
  table[id^="forum-topic"] .forum__title .wp-forum-avatar-32-img,
  table[id^="forum-topic"] .forum__title .wp-forum-avatar-img {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
  }

  table[id^="forum-topic"] tbody td.forum__replies {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.725rem !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--wp-text-muted, #6B6259) !important;
    border: none !important;
    font-weight: 500 !important;
  }

  table[id^="forum-topic"] tbody td.forum__replies::before {
    content: "Replies: " !important;
    font-weight: 600 !important;
    margin-right: 2px !important;
  }

  table[id^="forum-topic"] tbody td.forum__last-reply {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.725rem !important;
    padding: 0 !important;
    margin: 0 0 0 auto !important;
    color: var(--wp-text-muted, #6B6259) !important;
    border: none !important;
  }

  table[id^="forum-topic"] tbody td.forum__last-reply::before {
    display: none !important;
  }

  /* -------------------------------------------------------------------------
     FORUM TOPIC DETAIL VIEW: Tighter Proportions
     ------------------------------------------------------------------------- */
  .node--type-forum,
  .wp-forum-discussion-thread {
    margin: 0.35rem 0 1.25rem 0 !important;
  }

  .wp-forum-card.wp-forum-topic-card {
    padding: 12px 10px !important;
    border-radius: 4px !important;
    margin-bottom: 0.85rem !important;
  }

  .wp-forum-card-topbar {
    margin-bottom: 6px !important;
    gap: 6px !important;
  }

  .wp-forum-category-pill {
    font-size: 11px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
  }

  .wp-forum-topic-title,
  .node--type-forum .node__title {
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
    margin: 4px 0 6px 0 !important;
  }

  .wp-forum-topic-subtitle {
    font-size: 12.5px !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
  }

  .wp-forum-author-meta-row {
    margin: 8px 0 10px 0 !important;
    gap: 8px !important;
  }

  .wp-forum-avatar-col img,
  .wp-forum-avatar-fallback {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 13px !important;
  }

  .wp-forum-author-info-col {
    gap: 2px !important;
  }

  .wp-forum-author-badges-line {
    gap: 4px !important;
  }

  .wp-forum-author-name {
    font-size: 13.5px !important;
  }

  .wp-forum-badge-op,
  .wp-forum-badge-role {
    font-size: 9.5px !important;
    padding: 1px 4px !important;
    border-radius: 3px !important;
  }

  .wp-forum-meta-details-line {
    font-size: 11px !important;
    gap: 3px !important;
    color: var(--wp-text-muted, #6B6259) !important;
    line-height: 1.3 !important;
  }

  .wp-forum-post-body {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    margin: 10px 0 !important;
  }

  .wp-forum-post-body p {
    margin-bottom: 8px !important;
  }

  .wp-forum-tags-row {
    margin: 8px 0 10px 0 !important;
    gap: 4px !important;
  }

  .wp-forum-tag-pill {
    font-size: 11px !important;
    padding: 2px 7px !important;
    border-radius: 10px !important;
  }

  .wp-forum-card-bottom-actions {
    margin-top: 10px !important;
    padding-top: 8px !important;
    gap: 6px !important;
  }

  .action-group-left {
    gap: 6px !important;
    flex-wrap: wrap !important;
  }

  .wp-forum-action-btn {
    padding: 5px 8px !important;
    font-size: 11.5px !important;
    border-radius: 4px !important;
    gap: 4px !important;
  }

  .wp-forum-action-btn .icon {
    font-size: 12px !important;
  }

  /* -------------------------------------------------------------------------
     COMMENT CARDS (Replies): Tighter Proportions
     ------------------------------------------------------------------------- */
  .wp-forum-replies-section {
    margin-top: 0.85rem !important;
  }

  .wp-forum-replies-container {
    border-radius: 4px !important;
    margin-bottom: 0.85rem !important;
  }

  .wp-forum-comment-card {
    padding: 10px 10px !important;
  }

  .wp-forum-comment-author-wrap {
    gap: 8px !important;
  }

  .wp-forum-comment-author-wrap .wp-forum-avatar-col img,
  .wp-forum-comment-author-wrap .wp-forum-avatar-fallback {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 12px !important;
  }

  .wp-forum-comment-author-name {
    font-size: 13px !important;
  }

  .wp-forum-comment-date {
    font-size: 11px !important;
  }

  .wp-forum-comment-body {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 6px 0 8px 0 !important;
  }

  .wp-forum-comment-bottom-actions {
    padding-top: 6px !important;
    margin-top: 6px !important;
  }

  .wp-forum-reply-btn {
    padding: 3px 7px !important;
    font-size: 11px !important;
  }

  /* -------------------------------------------------------------------------
     QUICK REPLY FORM: Tighter Mobile Box
     ------------------------------------------------------------------------- */
  .wp-vb-quick-reply-wrapper,
  #wp-forum-quick-reply {
    margin: 0.85rem 0 !important;
  }

  .wp-vb-qr-card,
  .wp-forum-comment-form-card {
    border-radius: 4px !important;
  }

  .wp-vb-qr-header {
    padding: 5px 8px !important;
  }

  .wp-vb-qr-title {
    font-size: 0.775rem !important;
  }

  .wp-vb-qr-header-right {
    display: none !important;
  }

  .wp-vb-toolbar {
    padding: 3px 6px !important;
    gap: 2px !important;
  }

  .wp-vb-tb-btn {
    padding: 2px 5px !important;
    font-size: 10.5px !important;
  }

  .wp-vb-qr-body,
  .wp-vb-qr-body-inner,
  .wp-forum-reply-form-section {
    padding: 8px 8px !important;
  }

  .wp-vb-qr-body textarea,
  .wp-vb-qr-body-inner textarea,
  .wp-forum-reply-form-section textarea,
  .wp-forum-comment-form-card textarea {
    min-height: 80px !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
  }

  .wp-vb-qr-actions,
  form.comment-form .form-actions,
  form[id^="comment"] .form-actions {
    padding: 6px 8px !important;
    margin: 8px -8px -8px -8px !important;
  }

  .wp-vb-qr-actions input[type="submit"],
  form.comment-form input[type="submit"],
  form[id^="comment"] input[type="submit"] {
    padding: 5px 12px !important;
    font-size: 12px !important;
  }
}

/* Extra-small mobile screen refinements (< 480px) */
@media (max-width: 480px) {
  .path-forum table tbody tr:not(:has(td[colspan="4"])):not(.forum-row--container),
  table[id^="forum-topic"] tbody tr {
    padding: 0.45rem 0.55rem !important;
  }

  .path-forum table tbody td[colspan="4"] {
    padding: 0.45rem 0.55rem !important;
  }

  .path-forum table tbody td[colspan="4"] a,
  .path-forum table tbody .forum-container-title a {
    font-size: 0.9rem !important;
  }

  .path-forum table tbody td[colspan="4"] > div:last-child {
    font-size: 0.725rem !important;
  }

  .path-forum table tbody tr:not(:has(td[colspan="4"])) td:first-child a {
    font-size: 0.875rem !important;
  }

  table[id^="forum-topic"] .forum__title div:first-child a {
    font-size: 0.885rem !important;
  }

  .wp-forum-card.wp-forum-topic-card {
    padding: 10px 8px !important;
  }

  .wp-forum-topic-title {
    font-size: 1.075rem !important;
  }
}

/* ==========================================================================
   vBulletin Style Quick Reply Comment Form
   ========================================================================== */

.wp-vb-quick-reply-wrapper,
#wp-forum-quick-reply {
  margin: 2rem 0;
  width: 100%;
}

.wp-vb-qr-card,
.wp-forum-comment-form-card {
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(36, 33, 30, 0.07);
}

/* Classic vBulletin Header Strip */
.wp-vb-qr-header {
  background-color: var(--wp-brown-deep, #896432);
  color: var(--wp-cream-light, #FFF2E0);
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid var(--wp-sand-primary, #C8A97E);
}

.wp-vb-qr-header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.wp-vb-qr-icon {
  font-size: 1.1rem;
  line-height: 1;
}

.wp-vb-qr-title {
  font-family: var(--wp-font-ui, system-ui, -apple-system, sans-serif);
  font-size: 0.95rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--wp-cream-light, #FFF2E0);
}

.wp-vb-qr-header-right .wp-vb-qr-sub {
  font-size: 0.8rem;
  color: var(--wp-beige-light, #EED6B5);
  opacity: 0.9;
  font-style: italic;
}

/* vBulletin BBCode / Formatting Toolbar */
.wp-vb-toolbar {
  background-color: var(--wp-cream-light, #FFF2E0);
  border-bottom: 1px solid var(--wp-border-soft, #DECDB5);
  padding: 0.45rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.wp-vb-tb-btn {
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: 4px;
  padding: 0.3rem 0.6rem;
  font-family: var(--wp-font-ui, system-ui, sans-serif);
  font-size: 0.825rem;
  font-weight: 700;
  color: var(--wp-brown-deep, #896432);
  cursor: pointer;
  line-height: 1;
  transition: all 0.15s ease;
  user-select: none;
}

.wp-vb-tb-btn:hover {
  background-color: var(--wp-beige-light, #EED6B5);
  border-color: var(--wp-sand-primary, #C8A97E);
  color: var(--wp-brown-deep, #896432);
}

.wp-vb-tb-btn:active {
  transform: translateY(1px);
}

.wp-vb-tb-sep {
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: var(--wp-border-soft, #DECDB5);
  margin: 0 0.25rem;
}

.wp-forum-save-btn.is-active {
  color: var(--wp-brown-deep, #896432) !important;
  background-color: var(--wp-beige-light, #EED6B5) !important;
  border: 1px solid var(--wp-sand-primary, #C8A97E) !important;
  font-weight: 700 !important;
}

.wp-forum-replies-section {
  margin-top: 1.5rem;
}

.wp-forum-replies-container:empty {
  display: none !important;
}


/* Inner Body & Form Elements */
.wp-vb-qr-body,
.wp-vb-qr-body-inner,
.wp-forum-reply-form-section {
  padding: 1.25rem 1.5rem;
  background-color: var(--wp-white, #FFFFFF);
}

.wp-vb-qr-body textarea,
.wp-vb-qr-body-inner textarea,
.wp-forum-reply-form-section textarea,
.wp-forum-comment-form-card textarea {
  width: 100%;
  min-height: 160px;
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: 6px;
  padding: 0.85rem 1rem;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  box-sizing: border-box;
  background-color: var(--wp-white, #FFFFFF);
  color: var(--wp-text, #24211E);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wp-vb-qr-body textarea:focus,
.wp-vb-qr-body-inner textarea:focus,
.wp-forum-reply-form-section textarea:focus,
.wp-forum-comment-form-card textarea:focus {
  outline: none;
  border-color: var(--wp-sand-primary, #C8A97E);
  box-shadow: 0 0 0 3px rgba(200, 169, 126, 0.25);
}

/* Actions Footer Bar */
.wp-vb-qr-actions,
form.comment-form .form-actions,
form[id^="comment"] .form-actions {
  background-color: var(--wp-cream-light, #FFF2E0);
  border-top: 1px solid var(--wp-border-soft, #DECDB5);
  margin: 1.25rem -1.5rem -1.25rem -1.5rem;
  padding: 0.85rem 1.5rem;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}

.wp-vb-btn-submit,
.wp-forum-btn-save,
form.comment-form .form-actions input[type="submit"].button--primary,
form[id^="comment"] .form-actions input[type="submit"].button--primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--wp-brown-deep, #896432) !important;
  color: var(--wp-cream-light, #FFF2E0) !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif) !important;
  font-size: 0.925rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  padding: 0.65rem 1.6rem !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(36, 33, 30, 0.15);
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.wp-vb-btn-submit:hover,
.wp-forum-btn-save:hover,
form.comment-form .form-actions input[type="submit"].button--primary:hover,
form[id^="comment"] .form-actions input[type="submit"].button--primary:hover {
  background-color: var(--wp-tan-dark, #A88554) !important;
  color: var(--wp-white, #FFFFFF) !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(36, 33, 30, 0.2);
}

.wp-vb-btn-preview,
.wp-forum-btn-return-edit,
form.comment-form .form-actions input[type="submit"]:not(.button--primary),
form[id^="comment"] .form-actions input[type="submit"]:not(.button--primary) {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--wp-white, #FFFFFF) !important;
  color: var(--wp-brown-deep, #896432) !important;
  border: 1px solid var(--wp-sand-primary, #C8A97E) !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif) !important;
  font-size: 0.925rem !important;
  font-weight: 600 !important;
  padding: 0.65rem 1.35rem !important;
  border-radius: 6px !important;
  cursor: pointer;
  transition: all 0.15s ease;
}

.wp-vb-btn-preview:hover,
.wp-forum-btn-return-edit:hover,
form.comment-form .form-actions input[type="submit"]:not(.button--primary):hover,
form[id^="comment"] .form-actions input[type="submit"]:not(.button--primary):hover {
  background-color: var(--wp-beige-light, #EED6B5) !important;
  color: var(--wp-brown-deep, #896432) !important;
}

/* Guest / Anonymous Quick Reply Prompt */
.wp-vb-guest-prompt {
  background-color: var(--wp-cream-light, #FFF2E0);
  padding: 2.25rem 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wp-vb-guest-icon {
  font-size: 2.25rem;
  margin-bottom: 0.5rem;
  opacity: 0.85;
}

.wp-vb-guest-heading {
  font-family: var(--wp-font-heading, Georgia, serif);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--wp-brown-deep, #896432);
  margin: 0 0 0.4rem 0;
}

.wp-vb-guest-text {
  font-size: 0.95rem;
  color: var(--wp-text-muted, #6B6259);
  margin: 0 0 1.35rem 0;
  max-width: 480px;
}

.wp-vb-guest-actions {
  display: inline-flex;
  gap: 0.85rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.wp-vb-btn-login {
  background-color: var(--wp-brown-deep, #896432) !important;
  color: var(--wp-cream-light, #FFF2E0) !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif);
  font-size: 0.925rem;
  font-weight: 700;
  padding: 0.7rem 1.75rem;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(36, 33, 30, 0.15);
  transition: all 0.15s ease;
}

.wp-vb-btn-login:hover {
  background-color: var(--wp-tan-dark, #A88554) !important;
  color: var(--wp-white, #FFFFFF) !important;
  transform: translateY(-1px);
}

.wp-vb-btn-register {
  background-color: var(--wp-white, #FFFFFF) !important;
  color: var(--wp-brown-deep, #896432) !important;
  border: 1px solid var(--wp-sand-primary, #C8A97E) !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif);
  font-size: 0.925rem;
  font-weight: 600;
  padding: 0.7rem 1.5rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.15s ease;
}

.wp-vb-btn-register:hover {
  background-color: var(--wp-beige-light, #EED6B5) !important;
}

/* Locked Notice */
.wp-vb-locked-notice {
  margin: 0;
  padding: 1.25rem 1.5rem;
  font-weight: 600;
  color: var(--wp-brown-deep, #896432);
}

/* ==========================================================================
   Node Preview Bar & View Mode Controls
   ========================================================================== */

.node-preview-container {
  position: sticky !important;
  top: var(--drupal-displace-offset-top, 0) !important;
  z-index: 500 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: var(--wp-cream-light, #FFF2E0) !important;
  border-bottom: 2px solid var(--wp-sand-primary, #C8A97E) !important;
  box-shadow: 0 4px 16px rgba(137, 100, 50, 0.16) !important;
  padding: 0.65rem 1.5rem !important;
  margin: 0 !important;
  transition: top var(--wp-transition-fast, 0.2s ease) !important;
}

body.toolbar-horizontal.toolbar-fixed .node-preview-container {
  top: var(--drupal-displace-offset-top, 39px) !important;
}

body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open .node-preview-container {
  top: var(--drupal-displace-offset-top, 79px) !important;
}

.node-preview-form-select {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.75rem 1.5rem !important;
  width: 100% !important;
  max-width: var(--wp-selected-width, 1280px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.node-preview-backlink,
.node-preview-form-select a.node-preview-backlink {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.5rem 1.15rem !important;
  background-color: var(--wp-white, #FFFFFF) !important;
  color: var(--wp-brown-deep, #896432) !important;
  border: 1.5px solid var(--wp-sand-primary, #C8A97E) !important;
  border-radius: var(--wp-radius-sm, 6px) !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all var(--wp-transition-fast, 0.2s ease) !important;
  box-shadow: 0 1px 3px rgba(137, 100, 50, 0.08) !important;
  margin: 0 !important;
}

.node-preview-backlink::before {
  content: "←";
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 700;
  transition: transform var(--wp-transition-fast, 0.2s ease);
}

.node-preview-backlink:hover,
.node-preview-form-select a.node-preview-backlink:hover {
  background-color: var(--wp-sand-primary, #C8A97E) !important;
  color: var(--wp-white, #FFFFFF) !important;
  border-color: var(--wp-tan-dark, #A88554) !important;
  box-shadow: 0 2px 8px rgba(137, 100, 50, 0.25) !important;
  text-decoration: none !important;
}

.node-preview-backlink:hover::before {
  transform: translateX(-3px);
}

.node-preview-backlink:focus-visible {
  outline: 2px solid var(--wp-brown-deep, #896432) !important;
  outline-offset: 2px !important;
}

.node-preview-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: var(--wp-brown-deep, #896432) !important;
  background-color: var(--wp-beige-light, #EED6B5) !important;
  border: 1px solid var(--wp-sand-primary, #C8A97E) !important;
  border-radius: 9999px !important;
  padding: 0.35rem 0.85rem !important;
  letter-spacing: 0.02em !important;
}

.node-preview-pill::before {
  content: "📝";
  font-size: 0.95rem;
}

.node-preview-form-select .form-item,
.node-preview-form-select .form-item-view-mode,
.node-preview-form-select .js-form-item-view-mode {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.node-preview-form-select label,
.node-preview-form-select .form-item label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--wp-brown-deep, #896432) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.node-preview-form-select label::before {
  content: "👁";
  font-size: 0.95rem;
}

.node-preview-form-select select,
.node-preview-form-select .form-select {
  display: inline-block !important;
  width: auto !important;
  min-width: 130px !important;
  max-width: 200px !important;
  padding: 0.45rem 2.25rem 0.45rem 0.9rem !important;
  margin: 0 !important;
  background-color: var(--wp-white, #FFFFFF) !important;
  border: 1.5px solid var(--wp-sand-primary, #C8A97E) !important;
  border-radius: var(--wp-radius-sm, 6px) !important;
  color: var(--wp-text, #24211E) !important;
  font-family: var(--wp-font-ui, system-ui, sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  box-shadow: 0 1px 3px rgba(137, 100, 50, 0.08) !important;
  transition: all var(--wp-transition-fast, 0.2s ease) !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23896432' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 0.85rem !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.node-preview-form-select select:hover,
.node-preview-form-select .form-select:hover {
  border-color: var(--wp-tan-dark, #A88554) !important;
  box-shadow: 0 2px 6px rgba(137, 100, 50, 0.18) !important;
}

.node-preview-form-select select:focus,
.node-preview-form-select .form-select:focus {
  outline: none !important;
  border-color: var(--wp-brown-deep, #896432) !important;
  box-shadow: 0 0 0 3px rgba(200, 169, 126, 0.35) !important;
}

.node-preview-container .js-hide,
.node-preview-form-select input[type="submit"] {
  display: none !important;
}

@media (max-width: 768px) {
  .node-preview-container {
    padding: 0.5rem 1rem !important;
  }

  .node-preview-form-select {
    gap: 0.5rem 1rem !important;
    justify-content: space-between !important;
  }

  .node-preview-pill {
    order: 3;
    width: 100%;
    justify-content: center;
    font-size: 0.75rem !important;
    padding: 0.25rem 0.6rem !important;
  }
}

@media (max-width: 480px) {
  .node-preview-backlink,
  .node-preview-form-select a.node-preview-backlink {
    font-size: 0.8125rem !important;
    padding: 0.4rem 0.75rem !important;
  }

  .node-preview-form-select .form-item-view-mode {
    gap: 0.4rem !important;
  }

  .node-preview-form-select select,
  .node-preview-form-select .form-select {
    min-width: 100px !important;
    max-width: 130px !important;
    font-size: 0.8125rem !important;
    padding: 0.4rem 1.8rem 0.4rem 0.65rem !important;
  }
}

/* ==========================================================================
   Topic Action Bar & Buttons (Reply, Bookmark)
   ========================================================================== */
.wp-forum-card-bottom-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 1rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--wp-border-soft, #DECDB5);
}

.action-group-left,
.action-group-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.wp-forum-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  color: var(--wp-text, #24211E);
  font-family: var(--wp-font-ui, var(--wp-font-body, system-ui, -apple-system, sans-serif));
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  padding: 0.5rem 1rem;
  border-radius: var(--wp-radius-md, 6px);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(36, 33, 30, 0.05);
}

.wp-forum-action-btn:hover {
  background-color: var(--wp-cream-light, #FFF2E0);
  border-color: var(--wp-sand-primary, #C8A97E);
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(36, 33, 30, 0.1);
}

.wp-forum-action-btn .icon {
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.wp-forum-action-btn.is-active,
.wp-forum-save-btn.is-active {
  background-color: var(--wp-beige-light, #EED6B5) !important;
  border-color: var(--wp-sand-primary, #C8A97E) !important;
  color: var(--wp-brown-deep, #896432) !important;
  font-weight: 700 !important;
}

.wp-forum-action-btn.is-active .icon,
.wp-forum-save-btn.is-active .icon {
  color: var(--wp-brown-deep, #896432);
}

@media (max-width: 768px) {
  .wp-forum-card-bottom-actions {
    margin-top: 10px !important;
    padding-top: 8px !important;
    gap: 6px !important;
  }
  .wp-forum-action-btn {
    padding: 5px 8px !important;
    font-size: 11.5px !important;
    gap: 4px !important;
  }
  .wp-forum-action-btn .icon {
    font-size: 12px !important;
  }
}