/**
 * CFTV — Asgaros Forum brand re-skin.
 *
 * Enqueued ONLY on the forum page (see inc/forum.php), AFTER the plugin's own
 * skin/style.css, so these rules override it. The Asgaros skin has no CSS
 * variables and is hardcoded to blue (#256db3 / #054d98 / #005C92); every rule
 * below remaps that blue family to the CFTV brand palette and fonts.
 *
 * Palette + font custom properties come from assets/css/main.css (loaded first
 * via the cftv-main dependency). Local fallbacks are included so the forum is
 * never left un-themed if a variable is missing.
 */

#af-wrapper {
	/* Structural accent — matches the site header (Dark Pine). */
	--forum-accent: var(--color-dark-pine, #164154);
	--forum-accent-dark: #0e3140;
	--forum-accent-tint: rgba(22, 65, 84, 0.14);

	/* Primary action accent — matches site CTAs (Poppy Red). */
	--forum-action: var(--color-primary, #c54337);
	--forum-action-dark: #9e3329;

	/* Links. */
	--forum-link: var(--color-dark-pine, #164154);
	--forum-link-hover: var(--color-poppy-dark, #c4665e);

	/* Sit inside the theme content width with breathing room under the hero. */
	max-width: 1200px;
	margin: 48px auto 64px;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: var(--font-body, "Karla", sans-serif);
}

/* ---- Links ---------------------------------------------------------------- */
#af-wrapper a {
	color: var(--forum-link);
}
#af-wrapper a:hover {
	color: var(--forum-link-hover);
}

/* ---- Title bars & navigation header --------------------------------------- */
#af-wrapper .title-element {
	background-color: var(--forum-accent);
	border-bottom-color: var(--forum-accent-dark);
	border-radius: 0;
	font-family: var(--font-heading, "Barlow Condensed", sans-serif);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-size: 18px;
}
#af-wrapper #forum-header {
	background-color: var(--forum-accent);
	border-radius: 0;
}
#af-wrapper #forum-navigation a,
#af-wrapper #forum-navigation-mobile a {
	border-left-color: var(--forum-accent-dark);
	font-family: var(--font-heading, "Barlow Condensed", sans-serif);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* ---- Buttons -------------------------------------------------------------- */
#af-wrapper .button {
	border-radius: 0; /* Square corners to match the theme buttons. */
	font-family: var(--font-heading, "Barlow Condensed", sans-serif);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 600;
}
/* Primary actions (New Topic, Reply, Submit) → brand red. */
#af-wrapper .button-normal {
	background: var(--forum-action);
}
#af-wrapper .button-normal:hover {
	background: var(--forum-action-dark);
}
/* Secondary / neutral actions → Dark Pine. */
#af-wrapper .button-neutral {
	background: var(--forum-accent);
}
#af-wrapper .button-neutral:hover {
	background: var(--forum-accent-dark);
}
/* Destructive actions (Delete) → muted brand red instead of the plugin's
   neon #ff5454, so it sits with the Dark Pine / Poppy buttons (86bak2dhz). */
#af-wrapper .button-red {
	background: var(--color-poppy-dark, #c4665e);
}
#af-wrapper .button-red:hover {
	background: var(--forum-action-dark, #9e3329);
}
/* .button-green keeps its semantic (success) meaning. */

/* ---- Form fields ---------------------------------------------------------- */
#af-wrapper input:focus,
#af-wrapper textarea:focus,
#af-wrapper select:focus {
	border-color: var(--forum-accent);
	outline: 2px solid var(--forum-accent-tint);
}

/* ---- Topic / post chrome -------------------------------------------------- */
#af-wrapper .post-author .topic-author {
	color: var(--forum-accent);
	background-color: var(--forum-accent-tint);
}
#af-wrapper .forum-post-menu a {
	color: var(--forum-accent);
}
#af-wrapper .forum-post-menu a:hover {
	color: var(--forum-accent-dark);
}
/* Delete link stays red — semantic. */
#af-wrapper .forum-post-menu a.delete-forum-post,
#af-wrapper .forum-post-menu a.delete-forum-post:hover {
	color: #a00 !important;
}

/* Read / unread state indicators (86bak2dhz round 2: #6/#8/#9/#11).
   The plugin uses the same read/unread classes two ways: the #read-unread
   legend DOTS take a background-color, while the status-icon table cells only
   take a glyph color. Applying the background to bare `.unread` paints the
   whole 80px icon cell as a solid box — keep the two rule families split.
   Unread → Plum, read → Cirrus (client-picked from the style guide). */
#af-wrapper #read-unread .unread {
	background-color: var(--color-plum, #644b62);
}
#af-wrapper #read-unread .read {
	background-color: var(--color-cirrus, #bdc8d2);
}
#af-wrapper .unread-topic .topic-status,
#af-wrapper .unread {
	color: var(--color-plum, #644b62);
}
#af-wrapper .read {
	color: var(--color-cirrus, #bdc8d2);
}

/* Online-status avatar highlight (profile header + members list): the
   plugin's neon green → Cirrus (86bak2dhz #10). */
#af-wrapper .user-online .avatar {
	box-shadow: 0px 0px 5px var(--color-cirrus, #bdc8d2);
	border-color: var(--color-cirrus, #bdc8d2);
}

/* Bottom navigation + breadcrumb-style links. */
#af-wrapper #bottom-navigation {
	color: var(--forum-accent);
}

/* Report actions. */
#af-wrapper .report-actions a {
	color: var(--forum-accent);
}

/* ---- Profile -------------------------------------------------------------- */
#af-wrapper #profile-header {
	border-color: var(--forum-accent);
}
#af-wrapper #profile-header .background-avatar {
	background-color: var(--forum-accent);
}
#af-wrapper #profile-header .profile-display-name {
	font-family: var(--font-display, "DM Serif Display", serif);
}
#af-wrapper #profile-navigation {
	background-color: var(--forum-accent);
}
#af-wrapper #profile-navigation a.active {
	background-color: var(--forum-accent-dark);
}

/* ---- Headings inside forum content --------------------------------------- */
#af-wrapper h1,
#af-wrapper h2,
#af-wrapper h3 {
	font-family: var(--font-heading, "Barlow Condensed", sans-serif);
	color: var(--color-graphite, #1d292e);
}

/* ---- Polls (86bak2dhz) ------------------------------------------------------
   Result bars get random inline colors from plugin PHP (get_bar_color), so
   !important is required; everything lands on the site teal (Dark Pine). */
#af-wrapper #poll-results .poll-result-filling {
	background-color: var(--forum-accent) !important;
}
/* Poll radios / checkboxes were still plugin blue. */
#af-wrapper input[type="radio"]:focus,
#af-wrapper input[type="checkbox"]:focus {
	border-color: var(--forum-accent);
	box-shadow: 0 0 2px var(--forum-accent-tint);
}
#af-wrapper input[type="checkbox"]:checked:before {
	color: var(--forum-accent);
}
#af-wrapper input[type="radio"]:checked:before {
	background-color: var(--forum-accent);
}
/* Poll editor remove links: muted brand red (matches .button-red). */
#af-wrapper #poll-options .poll-option-delete,
#af-wrapper #poll-settings .remove-poll {
	color: var(--color-poppy-dark, #c4665e);
}

/* ---- Type scale: +2px across the board (86bak2dhz) -------------------------
   Overrides every explicit plugin font-size (base was 13px). Loaded after the
   plugin skin, so same-specificity rules win. */
#af-wrapper { font-size: 15px; }                                        /* 13 */
#af-wrapper .main-title { font-size: 22px; }                            /* 20 */
#af-wrapper .main-title .main-title-icon:before { font-size: 18px; }    /* 16 */
#af-wrapper .af-usergroup-tag { font-size: 12px; }                      /* 10 */
#af-wrapper #sticky-panel .action-panel-title { font-size: 22px; }      /* 20 */
#af-wrapper .button { font-size: 15px; }                                /* 13 */
#af-wrapper .editor-row-subject label { font-size: 20px; }              /* 18 */
#af-wrapper .editor-subject-input { font-size: 20px; }                  /* 18 */
#af-wrapper .editor-row .row-title { font-size: 20px !important; }      /* 18 */
#af-wrapper #forum-breadcrumbs { font-size: 13px; }                     /* 11 */
#af-wrapper #forum-search input { font-size: 15px; }                    /* 13 */
#af-wrapper .post-author .post-author-block-meta { font-size: 13px; }   /* 11 */
#af-wrapper .forum-post-header { font-size: 14px; }                     /* 12 */
#af-wrapper .forum-post-date a { font-size: 13px; }                     /* 11 */
#af-wrapper .post-footer { font-size: 13px; }                           /* 11 */
#af-wrapper .signature { font-size: 13px; }                             /* 11 */
#af-wrapper #bottom-navigation a { font-size: 13px; }                   /* 11 */
#af-wrapper #statistics-body { font-size: 14px; }                       /* 12 */
#af-wrapper .statistics-element .element-number { font-size: 18px; }    /* 16 */
#af-wrapper #profile-header .profile-display-name { font-size: 26px; }  /* 24 */
#af-wrapper #profile-content .profile-section-header { font-size: 16px; } /* 14 */
#af-wrapper .post-reactions-summary .reaction-names { font-size: 14px; }  /* 12 */

/* ---- Clickable category title bars (86bak2dhz #7) ---------------------------
   Anchors injected by assets/js/forum.js — keep them looking like the plain
   white title text they replace. */
#af-wrapper .title-element a.category-link {
	color: #fff;
}
#af-wrapper .title-element a.category-link:hover {
	color: #fff;
	text-decoration: underline;
}