/* ==========================================================================
   YYCforum Theme Switcher — SHARED BASE STYLESHEET
   --------------------------------------------------------------------------
   HOW TO CHANGE THINGS LATER (read this first):
   - Change something on EVERY theme at once  -> edit a rule in THIS file.
     Example: "make the forum cells wider" = change the padding on
     `.wpforo-forum` below (it uses --yyc-rowpad).
   - Change something on ONE FAMILY of themes -> edit that archetype's
     section in THIS file (e.g. the "card themes" section affects Card Grid
     Trio, Big Cards Duo, Masonry Boards, Feed Magazine, Editorial Posters).
   - Change something on ONE theme only      -> edit that theme's file in
     assets/css/themes/<slug>.css (it only sets variables).
   - Change a theme's colours                  -> edit its variable file.
   Core rules carry a body[class*="yyc-theme-"] prefix so they beat
   wpForo's dynamic colors.css, which loads LAST with equal-or-higher
   specificity — without it every theme's links/backgrounds would be
   wpForo's blue/white. Flag/arch sections already have a body-class
   prefix, so they beat colors.css too.
   Variables are scoped to body.yyc-theme-<slug> so they never leak into
   the rest of WordPress. Archetype/flag rules are gated by body classes
   (yyc-arch-*, yyc-flag-*) that the plugin sets from the active theme.
   Selectors are wpForo's documented hooks, verified against the live
   Simplified-layout (wpfl-2) markup. NOTE: wpForo's per-forum layout is a
   database setting, not per-visitor, so every theme renders on the live
   Simplified markup — card/Q&A/threaded looks are CSS approximations
   of the preview, not different wpForo layouts.
   ========================================================================== */

/* --- base text, links, page chrome --- */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap { color: var(--yyc-text); background: var(--yyc-bg); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a:link,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a:visited { color: var(--yyc-pri); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a:hover,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a:active { color: var(--yyc-acc); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-menu { background: var(--yyc-pri); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-menu li a,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-menu li a:link,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-menu li a:visited { color: var(--yyc-pri-ink); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-menu li a:hover { color: var(--yyc-pri-ink); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-menu li.wpforo-active,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-menu li:hover { border-bottom-color: var(--yyc-acc); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-title { color: var(--yyc-text); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-breadcrumb a { color: var(--yyc-mut); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-breadcrumb a.active { color: var(--yyc-acc); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-header,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-poweredby { background: var(--yyc-pri); color: var(--yyc-pri-ink); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-poweredby a { color: var(--yyc-pri-ink); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-poweredby { border-top: none; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-header .wpf-footer-title { border-bottom: none; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-body { background: var(--yyc-surf); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-body .wpf-footer-box { background: transparent; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item { border-right-color: var(--yyc-bord); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-body .wpf-all-read i { color: var(--yyc-acc); }

/* --- buttons (Color #12 bg, #14 border/hover) --- */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-button { background-color: var(--yyc-pri); border: 1px solid var(--yyc-acc); color: var(--yyc-pri-ink); border-radius: var(--yyc-rad); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-button:hover { background: var(--yyc-acc); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a.wpf-button,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a.wpf-button:link,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a.wpf-button:visited { color: var(--yyc-pri-ink); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap a.wpf-button:hover { color: var(--yyc-pri-ink); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-search i { color: var(--yyc-acc); }
/* Add Topic button: strong rule — its text/icon kept falling through to wpForo blue */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button { background-color: var(--yyc-pri) !important; color: var(--yyc-pri-ink) !important; border-color: var(--yyc-acc) !important; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button i { color: var(--yyc-pri-ink) !important; }

/* --- category + head bars (Color #12) --- */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-category { background-color: var(--yyc-cat-bg) !important; color: var(--yyc-cat-ink); border-radius: var(--yyc-rad) var(--yyc-rad) 0 0; border-bottom: none !important; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-topic-head,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-post-head { background-color: var(--yyc-cat-bg) !important; color: var(--yyc-cat-ink); border-bottom: none !important; }

/* --- forum rows / descriptions / muted meta --- */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-forum-title { font-size: 18px !important; color: var(--yyc-text); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-topic-title a { font-size: 16px !important; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-description,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-description { color: var(--yyc-mut); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-subforum i { color: var(--yyc-mut); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-value,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-label { color: var(--yyc-mut); border-top-color: var(--yyc-bord); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-action { color: var(--yyc-pri); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpf-action:hover { color: var(--yyc-acc); }

/* --- post body --- */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p { font-size: 15.5px; line-height: 1.65; color: var(--yyc-text); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-code,
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-post .wpf-right blockquote { background: var(--yyc-surf2); border-radius: var(--yyc-rad); }

/* --- live-markup extras: cell spacing, category panel, icon accent --- */
/* The "cell" = one forum row. Padding comes from --yyc-rowpad (per-theme);
   to widen cells on EVERY theme, change the padding rule below once. */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-forum { padding: var(--yyc-rowpad) calc(var(--yyc-rowpad) + 4px); }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .forum-wrap { margin-bottom: 8px; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-cat-panel { padding: 10px 14px; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-forum-data { color: var(--yyc-mut); }
/* wpForo sets forum icons with inline grey (#888888) styles; the theme
   accent wins via !important so icons follow the active theme. */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-forum-icon > div { border-color: var(--yyc-acc) !important; }
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-forum-icon i { color: var(--yyc-acc) !important; }

/* ==========================================================================
   ARCHETYPE SECTIONS — one section per family, gated by body.yyc-arch-*
   ========================================================================== */

/* --- minimal: hairlines instead of boxes --- */
body.yyc-arch-minimal #wpforo #wpforo-wrap .wpforo-category { background: transparent !important; color: var(--yyc-mut); border-bottom: 2px solid var(--yyc-bord) !important; border-radius: 0; }
body.yyc-arch-minimal #wpforo #wpforo-wrap .wpforo-forum { border-bottom: 1px solid var(--yyc-bord); background: transparent; }

/* --- card themes: turn the live Simplified rows into a card grid --- */
/* The category section becomes the grid; the category header spans it. */
body.yyc-arch-cards #wpforo #wpforo-wrap .wpfl-2.wpforo-section,
body.yyc-arch-cards2 #wpforo #wpforo-wrap .wpfl-2.wpforo-section,
body.yyc-arch-feed #wpforo #wpforo-wrap .wpfl-2.wpforo-section,
body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.yyc-arch-cards2 #wpforo #wpforo-wrap .wpfl-2.wpforo-section { grid-template-columns: repeat(2, 1fr); }
body.yyc-arch-cards #wpforo #wpforo-wrap .wpfl-2.wpforo-section .wpforo-category,
body.yyc-arch-cards2 #wpforo #wpforo-wrap .wpfl-2.wpforo-section .wpforo-category,
body.yyc-arch-feed #wpforo #wpforo-wrap .wpfl-2.wpforo-section .wpforo-category,
body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section .wpforo-category { grid-column: 1 / -1; }
body.yyc-arch-cards #wpforo #wpforo-wrap .wpfl-2.wpforo-section .forum-wrap,
body.yyc-arch-cards2 #wpforo #wpforo-wrap .wpfl-2.wpforo-section .forum-wrap,
body.yyc-arch-feed #wpforo #wpforo-wrap .wpfl-2.wpforo-section .forum-wrap,
body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section .forum-wrap { margin-bottom: 0; }
body.yyc-arch-cards #wpforo #wpforo-wrap .wpforo-forum,
body.yyc-arch-cards2 #wpforo #wpforo-wrap .wpforo-forum,
body.yyc-arch-feed #wpforo #wpforo-wrap .wpforo-forum,
body.yyc-arch-masonry #wpforo #wpforo-wrap .wpforo-forum { flex-direction: column; align-items: stretch; gap: 10px; height: 100%; background: var(--yyc-surf); border: 1px solid var(--yyc-bord); border-radius: var(--yyc-rad); box-shadow: 0 1px 3px rgba(20, 18, 10, .08); transition: transform .18s ease, box-shadow .18s ease; }
@media (prefers-reduced-motion: no-preference) {
  body.yyc-arch-cards #wpforo #wpforo-wrap .wpforo-forum:hover,
  body.yyc-arch-cards2 #wpforo #wpforo-wrap .wpforo-forum:hover,
  body.yyc-arch-feed #wpforo #wpforo-wrap .wpforo-forum:hover,
  body.yyc-arch-masonry #wpforo #wpforo-wrap .wpforo-forum:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(20, 18, 10, .12); }
}
/* masonry: CSS columns instead of a strict grid (unequal card heights) */
body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section { display: block; columns: 3 220px; column-gap: 16px; }
body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section .wpforo-category { column-span: all; margin-bottom: 16px; }
body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section .forum-wrap { break-inside: avoid; margin-bottom: 16px; }
/* feed: the last-post area reads as a reply snippet */
body.yyc-arch-feed #wpforo #wpforo-wrap .wpf-compact-last-post { background: var(--yyc-surf2); border-radius: var(--yyc-rad); padding: 10px 12px; margin-top: 6px; }

/* --- Q&A: votes column + stat emphasis --- */
body.yyc-arch-qa #wpforo #wpforo-wrap .wpforo-last-topic .votes .count.wpfbg-4 { background: var(--yyc-acc) !important; }
body.yyc-arch-qa #wpforo #wpforo-wrap .wpforo-forum-data .wpf-compact-row { font-weight: 600; color: var(--yyc-text); }

/* rows / threaded / fluid / sidebar archetypes need no extra structure:
   they render as styled rows and differ by their token palettes. */

/* ==========================================================================
   FLAG SECTIONS — gated by body.yyc-flag-*
   ========================================================================== */

/* large-type / accessibility */
body.yyc-flag-bigtype #wpforo #wpforo-wrap { font-size: 17.5px; }
body.yyc-flag-bigtype #wpforo #wpforo-wrap .wpforo-post .wpf-right { max-width: 900px; }

/* hover lift + accent bar (motion-safe) */
@media (prefers-reduced-motion: no-preference) {
  body.yyc-flag-motion #wpforo #wpforo-wrap .wpforo-forum { transition: transform .18s ease, box-shadow .18s ease; }
  body.yyc-flag-motion #wpforo #wpforo-wrap .wpforo-forum:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(20, 20, 50, .10); }
}

/* letterspaced titles (Stampede Poster) */
body.yyc-flag-letterspaced #wpforo #wpforo-wrap .wpforo-forum-title,
body.yyc-flag-letterspaced #wpforo #wpforo-wrap .cat-name { letter-spacing: .06em; }

/* serif titles + post text (Editorial Posters) */
body.yyc-flag-serif #wpforo #wpforo-wrap .wpforo-forum-title,
body.yyc-flag-serif #wpforo #wpforo-wrap .cat-name,
body.yyc-flag-serif #wpforo #wpforo-wrap .wpforo-post-content { font-family: Georgia, 'Times New Roman', serif; }

/* tag pills (Tag Pills): stat rows read as pills */
body.yyc-flag-pills #wpforo #wpforo-wrap .wpforo-forum-data .wpf-compact-row { display: inline-block; background: var(--yyc-surf2); border-radius: 999px; padding: 2px 10px; margin: 2px 4px 2px 0; }

/* category colours: rotate the category-bar accent per section */
body.yyc-flag-colours #wpforo #wpforo-wrap .wpfl-2.wpforo-section:nth-of-type(2n) .wpforo-category { background-color: color-mix(in srgb, var(--yyc-cat-bg) 55%, #2563eb) !important; }
body.yyc-flag-colours #wpforo #wpforo-wrap .wpfl-2.wpforo-section:nth-of-type(3n) .wpforo-category { background-color: color-mix(in srgb, var(--yyc-cat-bg) 55%, #16a34a) !important; }

/* retro (calpunk — faithful to the 2002 calgarypunk.com board):
   Verdana 14px, rust links, whitesmoke rows, 1px #808080 grid lines
   around every cell (gray table over a gray wrapper, like the original
   cellspacing=1 table), #666666 column-header bar, #999999 category bars,
   #560000 banner, grey OS-style buttons. Colours sampled from the user's
   screenshot of the original board. */
body.yyc-flag-retro #wpforo #wpforo-wrap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
body.yyc-flag-retro #wpforo #wpforo-wrap a { text-decoration: underline; }
/* banner echo: the forum title bar becomes the dark-maroon wordmark bar */
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-title { background: #560000; color: #ffffff; padding: 28px 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .02em; }
/* nav strip: light grey like the original nav bar */
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-menu { background: #cccccc; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-menu li a { color: #000000 !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-menu li a:hover { color: #9e3418 !important; }
/* stats bar echoes the #999999 category bar (Statistics row in the original) */
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-stat-header { background: #999999; color: #ffffff; border: 1px solid #808080; border-bottom: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-stat-header .wpf-footer-title { border-bottom: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-stat-body { background: #808080; border: 1px solid #808080; border-top: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-stat-body .wpf-footer-box { background: #f5f5f5; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-stat-body .wpf-footer-box ul li { border-bottom: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-stat-body .wpf-footer-box ul li:last-child { border-bottom: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-poweredby { background: #ffffff; color: #000000; border-top: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap #wpforo-poweredby a { color: #9e3418; }
/* grey OS-style buttons (like the original Login button) */
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-button { background: #dcdcdc !important; color: #000000 !important; border: 1px solid #666666 !important; border-radius: 0; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-button:hover { background: #cccccc !important; color: #000000 !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button { background: #dcdcdc !important; color: #000000 !important; border-color: #666666 !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button i { color: #000000 !important; }
/* forum text: 11px, plain-weight titles, black descriptions and counts */
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum-title { font-size: 14px !important; font-weight: normal; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic-title a { font-size: 14px !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum-description { color: #000000; font-size: 14px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum-data { color: #000000; font-size: 14px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p { font-size: 14px; line-height: 1.5; }
/* category bars: bold white on #999999 (from --yyc-cat-bg) */
body.yyc-flag-retro #wpforo #wpforo-wrap .cat-name { font-weight: bold; color: #ffffff !important; }
/* table grid like the original: 1px #808080 around every cell —
   gray section background + 1px gaps for the horizontal lines, 1px
   right borders on the icon/info cells for the vertical lines, 1px
   section border for the outer frame. */
body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section { background: #808080; border: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-category { border-radius: 0; margin-bottom: 1px; border: none !important; border-bottom: 1px solid #808080 !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .forum-wrap { margin-bottom: 1px; border-bottom: none !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum { background: #f5f5f5; border: 0; border-radius: 0; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon { width: 4%; max-width: 50px; min-width: 40px; border-right: 1px solid #808080; padding-right: 4px; margin-right: 4px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum-info { border-right: 1px solid #808080; padding-right: 8px; margin-right: 8px; }
/* the original "new posts" folder icon, shown at 27px (30px doubled file, 10% smaller) with 1px top padding nudging it down */
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum-icon > div { width: 27px !important; height: 27px !important; padding-top: 1px !important; border: none !important; border-radius: 0 !important; background: url(../img/icon_folder_new.gif) no-repeat center calc(50% + 1px) !important; background-size: 27px 27px !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum-icon i { display: none !important; }
/* form fields: white with thin dark border */
body.yyc-flag-retro #wpforo #wpforo-wrap input[type="text"],
body.yyc-flag-retro #wpforo #wpforo-wrap input[type="password"],
body.yyc-flag-retro #wpforo #wpforo-wrap input[type="search"],
body.yyc-flag-retro #wpforo #wpforo-wrap textarea { background: #ffffff; border: 1px solid #000000; border-radius: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
/* old-board table layout (applied by assets/js/calpunk.js, calpunk only):
   each forum row becomes the original 5-column table — icon | Forum |
   Topics | Posts | Last Post — under a #666666 column-header row. The
   JS swaps .wpforo-forum-data's children for the three right-hand cells
   and makes the container display:contents so they are grid items.
   Cell padding is the original's cellpadding=4: 4px inside every cell,
   so no text sits against a border. */
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-header,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum.yyc-cp-rewritten { display: grid; grid-template-columns: 54px minmax(0, 1fr) 64px 64px 230px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-header { background: #666666; color: #ffffff; font-weight: bold; padding: 4px 8px; margin-bottom: 1px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-header span { padding: 4px; text-align: center; font-weight: bold; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-header span:nth-child(-n+4) { border-right: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum.yyc-cp-rewritten .wpforo-forum-icon { width: auto; max-width: none; min-width: 0; margin-right: 0; padding: 4px; display: flex; align-items: center; justify-content: center; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum.yyc-cp-rewritten .wpforo-forum-info { margin-right: 0; padding: 4px; width: auto; /* wpForo sets this cell to width:45%, which in a grid resolves to 45% of the Forum track and draws its border mid-column — auto lets it fill the track */ }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum.yyc-cp-rewritten .wpforo-forum-data { display: contents; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-topics,
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-posts { border-right: 1px solid #808080; text-align: center; align-self: stretch; display: flex; align-items: center; justify-content: center; padding: 4px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-lastpost { text-align: center; align-self: stretch; display: flex; align-items: center; justify-content: center; padding: 4px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-lastpost a { color: #9e3418; }
/* old Statistics sentences + folder-icon legend (replaces wpForo's stat boxes) */
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-stats { background: #f5f5f5; padding: 8px; color: #000000; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-stats p { margin: 0 0 6px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-stats p:last-child { margin-bottom: 0; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-stats a { color: #9e3418; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-legend img { width: 27px; height: 27px; vertical-align: middle; margin-right: 6px; }
/* One true table, like the original: where subgrid is supported, the
   whole category section becomes a single grid and every row shares its
   column tracks, so Topics/Posts size to their content (header label or
   widest number, plus cellpadding) instead of a fixed 64px — exactly
   like the original's auto-sized table. Browsers without subgrid keep
   the fixed-track layout above. The section matches :has(> .yyc-cp-header)
   only while calpunk.js has rewritten it; switching themes removes the
   header and the section reverts. */
@supports (grid-template-columns: subgrid) {
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto auto 230px; row-gap: 1px; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .wpforo-category { grid-column: 1 / -1; margin-bottom: 0; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .forum-wrap { display: contents; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .yyc-cp-header { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; margin-bottom: 0; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .wpforo-forum.yyc-cp-rewritten { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }
}

/* calpunk topic pages: Author | Topic post table like the original Snitz
   topic view — narrow author column, wide message column, alternating
   white / light-gray rows, "Posted - MM/DD/YYYY : HH:MM:SS" header per
   post with a rule below it. wpForo's own topic meta header (forum name,
   Last Post, stat boxes) is hidden: the old board went straight from the
   breadcrumb to the Author | Topic header. */
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post-head { display: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-post-header { display: grid; grid-template-columns: minmax(0, 21%) minmax(0, 1fr); background: #666666; color: #ffffff; font-weight: bold; padding: 4px 8px; margin-bottom: 1px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-post-header span { padding: 4px; text-align: center; font-weight: bold; }
body.yyc-flag-retro #wpforo #wpforo-wrap .post-wrap { margin: 0; border-bottom: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(.post-wrap) { border-bottom: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post { display: grid; grid-template-columns: minmax(0, 21%) minmax(0, 1fr); background: #ffffff; border: 0; border-radius: 0; }
body.yyc-flag-retro #wpforo #wpforo-wrap .post-wrap.yyc-cp-alt .wpforo-post { background: #e6e6e6; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left { display: block; width: auto; padding: 4px; text-align: left; border-right: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-right { display: flex; flex-direction: column; width: auto; padding: 4px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-avatar,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .wpf-author-nicename,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .wpf-member-profile-buttons,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-title,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-rating-full,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-joined,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .wpforo-reaction,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-name > span { display: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-name { font-size: 14px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-name a { color: #000000 !important; font-weight: bold; text-decoration: underline; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left .author-posts { margin-top: 1em; font-size: 14px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-top { display: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content-bottom { order: -1; border-bottom: 1px solid #808080; padding-bottom: 4px; margin-bottom: 8px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content-bottom .cbleft { color: #000000; font-size: 16px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content-bottom .yyc-cp-posticon { vertical-align: baseline; margin-right: 4px; width: 20px; height: 20px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content p { color: #000000; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post blockquote { background: transparent; border-top: 1px solid #808080; border-bottom: 1px solid #808080; border-left: none; border-right: none; border-radius: 0; margin-left: 40px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-top-link { align-self: flex-end; margin-top: 8px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic-footer { display: block; text-align: center; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic-footer .wpf-topic-navi,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic-footer .wpf-forum-jump { display: block; margin: 4px auto; }

/* calpunk forum pages: stacked "All Forums" breadcrumb with the New
   Topic link in the same row, and the 6-column topic table
   (status | Topic | Author | Replies | Read | Last Post) with a #666666
   header, white rows, and 1px #808080 gridlines. wpForo's breadcrumb
   uses floated divs with rotated-square ::after separators plus mobile
   !important hiding — all neutralized below. */
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 16px; background: transparent; border: none; padding: 4px 0; margin: 8px 0; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb div { float: none; padding: 0; line-height: 1.5; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb div::after { content: none !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-crumb-lines { display: block; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-crumb-line { display: block !important; padding: 2px 0; font-size: 16px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-crumb-line.l2 { padding-left: 1em; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-crumb-line.l3 { padding-left: 2em; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-crumb-line a { color: #9e3418; text-decoration: underline; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-crumb-line img { width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-newtopic { background: transparent !important; border: none !important; box-shadow: none !important; color: #9e3418 !important; text-decoration: underline; font-weight: normal; font-size: 16px; padding: 2px 0; margin: 0; white-space: nowrap; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpf-breadcrumb.yyc-cp-breadcrumb .yyc-cp-newtopic i { color: #9e3418 !important; }
/* No Add Topic button where you can't post directly (front + category pages,
   ALL themes): there it only opens a forum-picker dropdown. The button lives
   in the category panel there; the real per-forum button is in .wpf-head-bar. */
body[class*="yyc-theme-"] #wpforo #wpforo-wrap .wpforo-cat-panel .wpf-head-bar-right { display: none !important; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic-head.yyc-cp-topic-head { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto auto 230px; background: #666666; color: #ffffff; font-weight: bold; padding: 4px 8px; margin-bottom: 1px; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic-head.yyc-cp-topic-head span { padding: 4px; text-align: center; font-weight: bold; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) { border-bottom: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) .topic-wrap { border-bottom: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto auto 230px; background: #ffffff; border: 0; border-radius: 0; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic > div { padding: 4px; border-right: 1px solid #808080; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic > div:last-child { border-right: none; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tstatus { text-align: center; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tstatus img { display: block; margin: 0 auto; width: 27px; height: auto; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-ttitle { text-align: left; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-ttitle a { color: #9e3418; text-decoration: underline; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tauthor { text-align: center; color: #000000; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-treplies,
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tread { text-align: center; color: #000000; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tlast { text-align: center; color: #000000; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tlast a { color: #9e3418; text-decoration: underline; }
body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tlast strong { color: #000000; }
/* Shared column tracks for the topic table (subgrid), gated on the
   JS-rewritten header so the default layout shows until the JS runs. */
@supports (grid-template-columns: subgrid) {
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto auto 230px; row-gap: 1px; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) .topic-wrap { display: contents; border-bottom: none; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) .wpforo-topic-head.yyc-cp-topic-head { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; margin-bottom: 0; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) .wpforo-topic.yyc-cp-topic { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }
}

/* nexopia (Nexopia "newblue" skin, 2007): Arial, no-underline blue links,
   blue menu/stats bars, white rows with pale-blue alternates, hairlines,
   skin-style inputs. Exact values from the archived newblue stylesheet. */
body.yyc-flag-nexopia #wpforo #wpforo-wrap { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap a { text-decoration: none; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap #wpforo-menu { background: #0353a2; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap #wpforo-menu li a { color: #ffffff !important; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap #wpforo-stat-header { background: #0353a2; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpf-button { background: #ffffff !important; color: #0353a2 !important; border: 1px solid #d4d6d7 !important; border-radius: 0; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpf-button:hover { background: #e0e3ea !important; color: #0353a2 !important; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button { background: #ffffff !important; color: #0353a2 !important; border-color: #d4d6d7 !important; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button i { color: #0353a2 !important; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpforo-forum-title { font-size: 11px !important; font-weight: bold; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpforo-topic-title a { font-size: 11px !important; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpforo-forum-description { color: #323237; font-size: 11px; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpforo-forum-data { color: #323237; font-size: 11px; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p { font-size: 11px; line-height: 1.5; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .cat-name { font-weight: bold; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .forum-wrap { margin-bottom: 0; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .wpforo-forum { background: #ffffff; border-bottom: 1px solid #d4d6d7; border-radius: 0; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap .forum-wrap:nth-of-type(even) .wpforo-forum { background: #e0e3ea; }
body.yyc-flag-nexopia #wpforo #wpforo-wrap input[type="text"],
body.yyc-flag-nexopia #wpforo #wpforo-wrap input[type="password"],
body.yyc-flag-nexopia #wpforo #wpforo-wrap input[type="search"],
body.yyc-flag-nexopia #wpforo #wpforo-wrap textarea { background: #ffffff; border: 1px solid #d4d6d7; border-radius: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

/* ==========================================================================
   SEARCH HERO (rendered by the plugin)
   ========================================================================== */
/* Calpunk header banner across the top of the forum container. */
.yyc-calpunk-banner { display: block; }
.yyc-calpunk-banner[hidden] { display: none; }
.yyc-calpunk-banner img { display: block; width: 100%; height: auto; }

.yyc-search-hero { margin: 0 0 16px; padding: 28px 20px; text-align: center; background: var(--yyc-cat-bg); color: var(--yyc-cat-ink); border-radius: var(--yyc-rad); }
.yyc-search-hero h2 { margin: 0 0 12px; color: var(--yyc-cat-ink); }
.yyc-search-hero form { display: flex; gap: 8px; max-width: 560px; margin: 0 auto; }
.yyc-search-hero input[type="search"] { flex: 1; padding: 12px 14px; border: 1px solid var(--yyc-bord); border-radius: var(--yyc-rad); background: var(--yyc-surf); color: var(--yyc-text); }
.yyc-search-hero button { background: var(--yyc-acc); color: #fff; border: 0; border-radius: var(--yyc-rad); padding: 12px 20px; cursor: pointer; }

/* ==========================================================================
   RESPONSIVE — grids collapse; switcher stacks
   ========================================================================== */
@media (max-width: 900px) {
  body.yyc-arch-cards #wpforo #wpforo-wrap .wpfl-2.wpforo-section,
  body.yyc-arch-feed #wpforo #wpforo-wrap .wpfl-2.wpforo-section { grid-template-columns: repeat(2, 1fr); }
  body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section { columns: 2 220px; }
}
@media (max-width: 640px) {
  body.yyc-arch-cards #wpforo #wpforo-wrap .wpfl-2.wpforo-section,
  body.yyc-arch-cards2 #wpforo #wpforo-wrap .wpfl-2.wpforo-section,
  body.yyc-arch-feed #wpforo #wpforo-wrap .wpfl-2.wpforo-section { grid-template-columns: 1fr; }
  body.yyc-arch-masonry #wpforo #wpforo-wrap .wpfl-2.wpforo-section { columns: 1; }
  .yyc-theme-switcher { flex-direction: column; align-items: stretch; }
  .yyc-search-hero form { flex-direction: column; }
  /* calpunk old-board table collapses: header hidden, counts get labels,
     row becomes icon + info on top with the three cells below. */
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-header { display: none; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum.yyc-cp-rewritten { grid-template-columns: 44px minmax(0, 1fr); }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-forum.yyc-cp-rewritten .wpforo-forum-data { display: flex; flex-wrap: wrap; gap: 4px 16px; grid-column: 1 / -1; border-top: 1px solid #808080; padding-top: 4px; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-topics,
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-posts,
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-lastpost { border-right: none; text-align: left; padding: 0; align-self: auto; display: block; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-topics::before { content: "Topics: "; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-posts::before { content: "Posts: "; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-lastpost::before { content: "Last Post: "; }
  /* calpunk subgrid table reverts to the stacked mobile layout above:
     these chained selectors beat the @supports subgrid rules. */
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) { display: block; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .wpforo-category { margin-bottom: 1px; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .forum-wrap { display: block; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .yyc-cp-header { display: none; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .yyc-cp-header) .wpforo-forum.yyc-cp-rewritten { grid-template-columns: 44px minmax(0, 1fr); }
  /* calpunk topic posts stack on phones: author strip on top, message
     below; the Author | Topic header is hidden like the forum header. */
  body.yyc-flag-retro #wpforo #wpforo-wrap .yyc-cp-post-header { display: none; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post { grid-template-columns: 1fr; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-post .wpf-left { border-right: none; border-bottom: 1px solid #808080; }
  /* calpunk topic table collapses on phones: header hidden, rows stack
     with labels, like the forum table. Chained selectors beat the
     @supports subgrid rules above. */
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) { display: block; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) .topic-wrap { display: block; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) .wpforo-topic-head.yyc-cp-topic-head { display: none; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpfl-2.wpforo-section:has(> .wpforo-topic-head.yyc-cp-topic-head) .wpforo-topic.yyc-cp-topic { grid-template-columns: 1fr; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic > div { border-right: none; text-align: left; padding: 0; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tstatus { display: none; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tauthor::before { content: "Author: "; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-treplies::before { content: "Replies: "; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tread::before { content: "Read: "; }
  body.yyc-flag-retro #wpforo #wpforo-wrap .wpforo-topic.yyc-cp-topic .yyc-cp-tlast::before { content: "Last Post: "; }
}

/* Phones: shrink the theme's global content padding (24px) to 8px so the
   forum container reaches closer to the screen edges. The padding and the
   full-width breakout both derive from these variables, so they stay in
   sync and nothing overflows. Forum pages only (base.css scope). */
@media (max-width: 640px) {
  body[class*="yyc-theme-"] {
    --wp--style--root--padding-left: 8px;
    --wp--style--root--padding-right: 8px;
  }
}