/*
 * ============================================================================
 *  forum-theme.css — DimRel phpBB (prosilver) restyled to MATCH the main site
 * ----------------------------------------------------------------------------
 *  Date:    2026-08-27 23:20 UTC
 *  Location:/assets/css/forum-theme.css
 *  Purpose: Make the forum look as close to the rest of the site as possible —
 *           same Inter font, same dark navy→cyan gradient, translucent cards
 *           with cyan neon borders, cyan links, white glow headings, dark
 *           buttons — plus full width (kill prosilver's fixed-width "halfpage").
 *           Loaded AFTER {T_STYLESHEET_LINK} in prosilver overall_header.html.
 *           phpBB caches templates/CSS — purge forums/cache/production after edits.
 *  Author:  frosty | AI: Claude Opus 4.8
 *  TEMPORARY: NO
 * ============================================================================
 */

/* ---- Site font everywhere ------------------------------------------------ */
body, body *, input, textarea, select, button, .postbody, .content{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}
body{ font-size: 12px !important; }   /* prosilver's 10px is cramped; scales up proportionally */

/* ---- Site background: dark navy -> cyan gradient (fixed) ------------------ */
html, body{
  background: linear-gradient(135deg,#0c1e47 0%,#1e3a8a 50%,#0ea5e9 100%) !important;
  background-attachment: fixed !important;
  color:#e6eefb !important;
}

/* ---- Full width (was .wrap max-width:1152px = the "halfpage") ------------- */
.wrap{
  max-width: 100% !important; min-width:0 !important; margin:0 auto !important;
  padding:14px 26px !important; border:none !important; background:transparent !important;
}

/* ---- Links (cyan accent, like the site) ---------------------------------- */
a, a:link, a:visited{ color:#3fd0ff !important; }
a:hover{ color:#06ffff !important; }

/* ---- Logo: use the site's ∂ mark (replaces phpBB's default logo) ---------- */
#site-description .site_logo, .site_logo{
  background-image: url('/assets/artwork/logo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 64px !important; height: 64px !important;
}

/* ---- Header / site title ------------------------------------------------- */
.headerbar{ background:transparent !important; color:#fff !important; }
#site-description h1, #site-description h1 a{ color:#fff !important; text-shadow:0 0 22px rgba(6,255,255,.35); }
#site-description .site-description{ color:#c7d3e0 !important; }

/* ---- Nav / breadcrumbs --------------------------------------------------- */
.navbar{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(6,255,255,.2) !important; border-radius:10px; }
.nav-breadcrumbs, .breadcrumbs, .breadcrumbs a, #nav-main a, .navbar a{ color:#dbe6f0 !important; }
#nav-main a:hover, .navbar a:hover{ color:#06ffff !important; }

/* ---- Cards with cyan neon borders (site look, but opaque enough that the
   gradient can't wash out dense forum text) --------------------------------- */
.forumbg, .forabg, .panel, .stat-block, .post, .postprofile, .rules, .notice,
.dropdown .dropdown-contents, .dropdown-extended .dropdown-contents{
  background:rgba(9,20,44,.92) !important;
  border:1px solid rgba(6,255,255,.28) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.4) !important;
  color:#e6eefb !important;
}
.post.bg2{ background:rgba(6,14,34,.92) !important; }
/* make all inner text on these blocks light (links keep their own cyan rule) */
.stat-block, .stat-block p, .forum-description, .forumbg .row .list-inner,
li.row dt, li.row dt span, li.row dd, .row-item-text, .online-list,
.stat-block strong{ color:#dbe6f0 !important; }

/* Forum/topic ROWS: make the row + its inner containers transparent so the dark
   card shows through (prosilver gives them a light background that washed out),
   and force their text light. Links inside stay cyan / titles stay white. */
.forumbg > .inner, .forabg > .inner{ background:transparent !important; }
/* bulletproof: kill EVERY background inside forum rows so the dark card shows */
.forumbg li.row, .forumbg li.row *, .forabg li.row, .forabg li.row *,
.forumbg ul.topiclist.forums li, .forumbg ul.topiclist.forums li *,
.forabg ul.topiclist.forums li, .forabg ul.topiclist.forums li *{
  background-color:transparent !important; background-image:none !important;
}
.forumbg li.row:hover, .forabg li.row:hover{ background:rgba(6,255,255,.06) !important; }
.forumbg li.row, .forabg li.row, .forumbg li.row dt, .forabg li.row dt,
.forumbg li.row dd, .forabg li.row dd, .forumbg li.row .forum-description,
.forumbg li.row span, .forabg li.row span{ color:#dbe6f0 !important; }
.forumbg li.row a.forumtitle, .forabg li.row a.forumtitle{ color:#ffffff !important; }
.forumbg li.row a, .forabg li.row a{ color:#3fd0ff !important; }

/* section headers inside the cards */
.forumbg .header, .forabg .header, th, table.table1 thead th,
.forumbg > .inner > ul.topiclist > li.header dl{
  background:rgba(6,255,255,.10) !important; color:#fff !important;
}
.forumbg .header a, .forabg .header a, th a, table.table1 thead th a{ color:#fff !important; }

/* ---- Headings: white + soft glow (like the site) ------------------------- */
h2, h3, .panel h2, .panel h3, .cp-main h2, .postbody h3, .postbody h3 a,
.forabg .header dt, .forumbg .header dt, #site-description h1{ color:#ffffff !important; }
h2 a, h3 a{ color:#ffffff !important; }

/* ---- Topic / forum list rows --------------------------------------------- */
ul.topiclist li{ background:transparent !important; }
ul.topiclist li.row{ background:rgba(255,255,255,.03) !important; }
ul.topiclist li.row:hover{ background:rgba(6,255,255,.07) !important; }
li.row{ border-bottom:1px solid rgba(255,255,255,.07) !important; }
ul.topiclist dt, ul.topiclist dd, li.row dt, li.row dd, .row-item-text, .list-inner{ color:#e6eefb !important; }
a.forumtitle, a.topictitle{ color:#ffffff !important; font-weight:600; }
a.forumtitle:hover, a.topictitle:hover{ color:#06ffff !important; }

/* ---- Tables -------------------------------------------------------------- */
table.table1{ color:#e6eefb !important; }
table.table1 tbody tr{ background:transparent !important; }
table.table1 tbody tr:hover{ background:rgba(6,255,255,.06) !important; }
table.table1 td{ border-top-color:rgba(255,255,255,.07) !important; }

/* ---- Posts + author profile (brighten the faint secondary text) ---------- */
.postbody, .postbody .content, .content{ color:#e6eefb !important; }
.postprofile{ color:#dbe6f0 !important; }
.postprofile strong, .postprofile a, .postprofile dd, .postprofile .rank-img,
.postprofile .profile-rank, .postprofile time{ color:#cfe0f0 !important; }
.author, .responsive-hide, p.author, .post .author{ color:#b8c8dc !important; }

/* ---- Forms / inputs ------------------------------------------------------ */
input, textarea, select, .inputbox{
  background:rgba(255,255,255,.08) !important; color:#ffffff !important;
  border:1px solid rgba(6,255,255,.28) !important;
}
input::placeholder, textarea::placeholder{ color:#9fb2c4 !important; }
label, dt label, fieldset dl dt label{ color:#e6eefb !important; }

/* ---- Buttons: dark navy button, white label (site style) ----------------- */
.button, a.button, button.button, input.button1, input.button2,
.button1, .button2, .dropdown-trigger{
  background:linear-gradient(135deg,#0a0e27,#1e3a8a) !important;
  color:#ffffff !important; border:1px solid rgba(6,255,255,.35) !important; text-shadow:none !important;
}
.button:hover, a.button:hover, .button1:hover, .button2:hover{ color:#06ffff !important; border-color:#06ffff !important; }
.button .icon, .button i{ color:#ffffff !important; }

/* ---- Pagination, footer, misc ------------------------------------------- */
.pagination, .pagination a{ color:#e6eefb !important; }
.pagination a{ background:rgba(255,255,255,.06) !important; border-color:rgba(6,255,255,.25) !important; }
fieldset.display-options label{ color:#e6eefb !important; }
#page-footer, .copyright, #page-footer a{ color:#9fb2c4 !important; }
.action-bar, .action-bar .buttons{ background:transparent !important; }

/* ---- NUCLEAR: force the forum category block + rows dark (ID specificity,
   beats everything except inline styles) ----------------------------------- */
#page-body .forabg, #page-body .forumbg{ background:rgba(9,20,44,.95) !important; }
#page-body .forabg .inner, #page-body .forumbg .inner,
#page-body ul.topiclist, #page-body ul.topiclist.forums,
#page-body ul.topiclist li.row, #page-body ul.topiclist li.row dl.row-item,
#page-body ul.topiclist li.row dl.row-item dt, #page-body .list-inner{
  background:transparent !important; background-color:transparent !important;
  background-image:none !important;
}
#page-body ul.topiclist li.row, #page-body .list-inner,
#page-body li.row dt, #page-body li.row dd{ color:#e6eefb !important; }
#page-body a.forumtitle{ color:#ffffff !important; }
#page-body ul.topiclist li.row:hover{ background:rgba(6,255,255,.06) !important; }

/* ---- Footer + header navbars/breadcrumbs: dark, no light "pill", readable -- */
#page-header .navbar, #page-footer .navbar{
  background:rgba(9,20,44,.85) !important;
  border:1px solid rgba(6,255,255,.20) !important; border-radius:10px;
}
#page-footer{ background:transparent !important; }
/* kill prosilver's light breadcrumb pill + force light text/links (both bars) */
#page-header .breadcrumbs, #page-header .breadcrumbs .crumb, #page-header .breadcrumbs .crumb a,
#page-footer .breadcrumbs, #page-footer .breadcrumbs .crumb, #page-footer .breadcrumbs .crumb a,
#nav-footer, #nav-footer li, #nav-footer .crumb, #nav-footer .crumb a,
#nav-breadcrumbs, #nav-breadcrumbs .crumb, #nav-breadcrumbs .crumb a{
  background:transparent !important; background-color:transparent !important;
  background-image:none !important; color:#dbe6f0 !important;
}
#page-footer, #page-footer li, #page-footer .rightside, #page-footer .rightside a,
#page-footer .rightside span, #page-footer time{ color:#dbe6f0 !important; }
#page-footer a:hover, #page-header .breadcrumbs a:hover, #nav-footer a:hover{ color:#06ffff !important; }
#page-footer .copyright, #page-footer .copyright a, .footer-link-text{ color:#9fb2c4 !important; }

/* ---- Brighten phpBB INLINE group colors (admin red / mod green / colored
   usernames) so they read on the dark theme. filter lifts the rendered
   brightness without having to override the inline color value; keeps the hue. */
.username-coloured,
.stat-block a[style*="color"], .online-list a[style*="color"],
.postprofile a[style*="color"], .postbody a[style*="color"],
.notice a[style*="color"], em a[style*="color"], span[style*="color"] > a,
#page-body a[style*="color"]{
  filter: brightness(1.75) saturate(1.15) !important;
}