/* =========================================================
   DNN Community Forums — Custom Dark Theme Overrides (FULL, UPDATED)
   - White text for key labels/stats/meta
   - Cyan accent (#00BFFF) for forum titles/links + specific icons/classes
   - Fancy cyan separators on forum lists
   - 100% transparent topic view (no white cards)
   - Descriptions & post bodies use lead sizing (1.22rem / 1.5)
   - PER REQUEST: .dcf-link-text = BLACK
   - NEW: .dcf-title-4 styled to match cyan 24px link in screenshot
   ========================================================= */

/* Lead typography tokens (match site p.lead) */
.dnn-community-forums{
  --lead-family: Ubuntu, Helvetica, Arial, sans-serif;
  --lead-size:   1.22rem;   /* = p.lead */
  --lead-line:   1.5;       /* = p.lead */
  --lead-weight: 400;       /* unbold */
  --lead-color:  #E8EDF4;
}

/* -----------------------------
   1) Readable light text (white)
   ----------------------------- */
.dnn-community-forums :is(
  .dcf-th-text,
  .NORMAL,
  .dcf-topic-description,
  .dcf-forum-title,
  .dcf-forum-subscribers,
  .dcf-link-text,
  .dcf-search-link-text,
  .dcf-last-date,
  .dcf-postdate,
  .dcf-user-posts,
  .dcf-likes-tooltiptext,
  .dcf-sort,
  .dcf-col.dcf-col-topics,
  .dcf-col.dcf-col-replies,
  .dcf-col.dcf-col-subscribers,
  .dcf-col.dcf-col-views,
  .dcf-topic-started,
  .dcf-col-25.dcf-topic-heading-author,
  .dcf-col-75.dcf-topic-heading-content,
  .dcf-auth-false-login,
  .dcf-title,
  .dcf-title-3,
  .dcf-title-4,
  .afnormal,
  .dcf-forums-link,
  .dcf-forumgroup-link,
  .afgroupsectiontitle,
  .afgroup,
  .afgrouponline
),
.dnn-community-forums :is(
  .dcf-th-text,
  .NORMAL,
  .dcf-topic-description,
  .dcf-forum-title,
  .dcf-forum-subscribers,
  .dcf-link-text,
  .dcf-search-link-text,
  .dcf-last-date,
  .dcf-postdate,
  .dcf-user-posts,
  .dcf-likes-tooltiptext,
  .dcf-sort,
  .dcf-col.dcf-col-topics,
  .dcf-col.dcf-col-replies,
  .dcf-col.dcf-col-subscribers,
  .dcf-col.dcf-col-views,
  .dcf-topic-started,
  .dcf-col-25.dcf-topic-heading-author,
  .dcf-col-75.dcf-topic-heading-content,
  .dcf-auth-false-login,
  .dcf-title,
  .dcf-title-3,
  .dcf-title-4,
  .afnormal,
  .dcf-forums-link,
  .dcf-forumgroup-link,
  .afgroupsectiontitle,
  .afgroup,
  .afgrouponline
) a{
  color:#ffffff !important;
  opacity:1 !important;
}

/* Dark-friendly tooltips and sort controls */
.dnn-community-forums .dcf-likes-tooltip{ background:transparent !important; border:none !important; }
.dnn-community-forums .dcf-sort select,
.dnn-community-forums .dcf-sort option{
  background:#0f1720 !important;
  color:#ffffff !important;
  border:1px solid #27324a !important;
}

/* ------------------------------------
   1a) Forum list-row summary (.NORMAL)
   ------------------------------------ */
.dnn-community-forums .NORMAL,
.dnn-community-forums .afForumRow .NORMAL,
.dnn-community-forums .aftopicrow .NORMAL,
.dnn-community-forums .afgrouprow .NORMAL{
  font-weight:400 !important;
  font-style:normal !important;
  text-transform:none !important;
  letter-spacing:.2px !important;
  color:#cfd7e6 !important;
  opacity:1 !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.dnn-community-forums .NORMAL a{ color:#cfd7e6 !important; text-decoration:none; }
.dnn-community-forums .NORMAL a:hover{ color:#e8f3ff !important; text-decoration:underline; }

/* ------------------------------------
   1b) Descriptions & post body (lead sizing)
   ------------------------------------ */
.dnn-community-forums :is(.dcf-forum-description,.dcf-topic-description,.dcf-post-body){
  font: var(--lead-weight) var(--lead-size)/var(--lead-line) var(--lead-family) !important;
  color:var(--lead-color) !important;
  letter-spacing:.2px;
  margin:0 0 1.5rem !important;
}
.dnn-community-forums .dcf-post-body p,
.dnn-community-forums .dcf-post-body li{
  font-size:inherit !important;
  line-height:inherit !important;
}
.dnn-community-forums :is(.dcf-forum-description,.dcf-topic-description,.dcf-post-body) a{
  color:#9ad9ff !important; text-decoration:none;
}
.dnn-community-forums :is(.dcf-forum-description,.dcf-topic-description,.dcf-post-body) a:hover{
  text-decoration:underline; text-underline-offset:2px;
}

/* -----------------------------
   1c) Forum titles — fixed sizes
   ----------------------------- */
/* Forum names in lists */
.dnn-community-forums .dcf-forum-title,
.dnn-community-forums .dcf-forum-title a{
  font-size:1.5rem !important;
  line-height:1.2;
  font-weight:800;
  color:#00BFFF !important;
  text-decoration:none;
}
.dnn-community-forums .dcf-forum-title a:hover{
  text-decoration:underline; text-underline-offset:2px;
}

/* Section/page titles (per screenshot) */
.dnn-community-forums .dcf-title-4,
.dnn-community-forums .dcf-title-4 a,
.dnn-community-forums .dcf-title,
.dnn-community-forums .dcf-title a{
  font-family: Ubuntu, Helvetica, Arial, sans-serif !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#00BFFF !important;
  text-decoration:none !important;
}
.dnn-community-forums .dcf-title-4 a:link,
.dnn-community-forums .dcf-title-4 a:visited,
.dnn-community-forums .dcf-title-4 a:active,
.dnn-community-forums .dcf-title-4 a:hover,
.dnn-community-forums .dcf-title a:link,
.dnn-community-forums .dcf-title a:visited,
.dnn-community-forums .dcf-title a:active,
.dnn-community-forums .dcf-title a:hover{
  color:#00BFFF !important;
}
.dnn-community-forums .dcf-title-4 a:hover,
.dnn-community-forums .dcf-title a:hover{
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}
.dnn-community-forums .dcf-title-4 a:focus-visible,
.dnn-community-forums .dcf-title a:focus-visible{
  outline:2px solid #00BFFF !important;
  outline-offset:2px !important;
  border-radius:4px !important;
}

/* -----------------------------
   2) Cyan accents for key links
   ----------------------------- */
.dnn-community-forums :is(
  .dcf-last-profile,
  .dcf-forum-title,
  .dcf-title,
  .dcf-title-3,
  .dcf-title-4,
  .afgroup,
  .afgrouponline,
  .afgroupsectiontitle,
  .dcf-auth-false-login
),
.dnn-community-forums :is(
  .dcf-last-profile a,
  .dcf-forum-title a,
  .dcf-title a,
  .dcf-title-3 a,
  .dcf-title-4 a,
  .afgroup a,
  .afgrouponline a,
  .afgroupsectiontitle a,
  .dcf-auth-false-login a
){ color:#00BFFF !important; }

.dnn-community-forums a.dcf-forum-link,
.dnn-community-forums .dcf-forum-link,
.dnn-community-forums a.dcf-forum-link:link,
.dnn-community-forums a.dcf-forum-link:visited,
.dnn-community-forums a.dcf-forum-link:hover,
.dnn-community-forums a.dcf-forum-link:active,
.dnn-community-forums .dcf-forum-link a,
.dnn-community-forums .dcf-forum-link a:link,
.dnn-community-forums .dcf-forum-link a:visited,
.dnn-community-forums .dcf-forum-link a:hover,
.dnn-community-forums .dcf-forum-link a:active{
  color:#00BFFF !important;
}

/* Font Awesome icons → cyan */
.dnn-community-forums .fa.fa-file-o,
.dnn-community-forums .fa.fa-files-o,
.dnn-community-forums .fa.fa-reply,
.dnn-community-forums .fa.fa-envelope-o,
.dnn-community-forums .fa.fa-thumbs-up.fa-2x,
.dnn-community-forums .fa.fa-eye,
.dnn-community-forums .fa.fa-star,
.dnn-community-forums .fa.fa-star-o{
  color:#00BFFF !important;
}

/* -----------------------------------------
   3) Fancy cyan separators on forum list rows
   ----------------------------------------- */
.dnn-community-forums{
  --sep:#00bfff; --sep-opac:.55; --sep-opac-hover:.85;
  --sep-height:1px; --sep-height-hover:2px;
}
.dnn-community-forums .afForumRow,
.dnn-community-forums .aftopicrow,
.dnn-community-forums .afgrouprow{
  border-bottom:0 !important; position:relative;
}
.dnn-community-forums .afForumRow::after,
.dnn-community-forums .aftopicrow::after,
.dnn-community-forums .afgrouprow::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px;
  height:var(--sep-height); pointer-events:none; opacity:.8;
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%,
    rgba(0,191,255,var(--sep-opac)) 12%,
    rgba(0,191,255,var(--sep-opac)) 88%,
    rgba(0,0,0,0) 100%);
}
.dnn-community-forums .afForumRow:hover::after,
.dnn-community-forums .aftopicrow:hover::after,
.dnn-community-forums .afgrouprow:hover::after{
  height:var(--sep-height-hover);
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%,
    rgba(0,191,255,var(--sep-opac-hover)) 12%,
    rgba(0,191,255,var(--sep-opac-hover)) 88%,
    rgba(0,0,0,0) 100%);
}

/* Header strip separator under Topics/Replies/etc. */
.dnn-community-forums .afgridhd{
  border-bottom:0 !important; position:relative;
}
.dnn-community-forums .afgridhd::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%,
    rgba(0,191,255,.7) 15%,
    rgba(0,191,255,.7) 85%,
    rgba(0,0,0,0) 100%);
}

/* ---------------------------------------------------------
   4) Topic view — make ALL white areas transparent (no cards)
   --------------------------------------------------------- */
.dnn-community-forums .dcf-topic-wrap,
.dnn-community-forums .dcf-topic-wrap *:is(
  .dcf-topic-head,
  .dcf-topic-headings,
  .dcf-topic-posts,
  .dcf-topic-post,
  .dcf-topic-info,
  .dcf-topic-content,
  .dcf-topic-content-top,
  .dcf-topic-content-main,
  .dcf-post-footer,
  .dcf-post-footer-bottom,
  .dcf-postdate,
  .dcf-topic-header,
  .dcf-post-header,
  .dcf-col-25,
  .dcf-col-75
){
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

/* Post body text & links */
.dnn-community-forums .dcf-topic-wrap .dcf-topic-content-main{ color:#e7ecf4 !important; }
.dnn-community-forums .dcf-topic-wrap .dcf-topic-content-main a{ color:#00bfff !important; }

/* Optional spacing tidy */
.dnn-community-forums .dcf-topic-wrap .dcf-topic-content,
.dnn-community-forums .dcf-topic-wrap .dcf-topic-content-main{
  padding-left:0; padding-right:0;
}

/* ---------------------------------------------------------
   5) FINAL PER-REQUEST OVERRIDES
   - .dcf-link-text must be BLACK
   --------------------------------------------------------- */
.dnn-community-forums .dcf-link-text,
.dnn-community-forums .dcf-link-text a{
  color:#000000 !important;
}
/* Group headers + "GROUP:" link color */
.dnn-community-forums .dcf-group-title,
.dnn-community-forums .dcf-group-title a{
  color:#ce424b !important;
  font-size:1.5rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

/* Forum group link (the clickable group name) */
.dnn-community-forums .dcf-forumgroup-link,
.dnn-community-forums .dcf-forumgroup-link a{
  color:#ce424b !important;
  text-decoration:none !important;
}

/* Hover/Focus for both */
.dnn-community-forums .dcf-group-title a:hover,
.dnn-community-forums .dcf-forumgroup-link a:hover{
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}
.dnn-community-forums .dcf-group-title a:focus-visible,
.dnn-community-forums .dcf-forumgroup-link a:focus-visible{
  outline:2px solid #ce424b !important;
  outline-offset:2px !important;
  border-radius:4px !important;
}
/* Toolbar filter button: make only the label black */
.dnn-community-forums .dcf-toolbar-drop-down-menu-button .dcf-link-text{
  color:#000 !important;
}

/* Force .dcf-link-text to BLACK everywhere (incl. dropdown menu) */
.dnn-community-forums .dcf-link-text,
.dnn-community-forums .dcf-toolbar-drop-down-menu-button .dcf-link-text,
.dnn-community-forums .dcf-menupopup .dcf-link-text,
.dnn-community-forums .dcf-menu .dcf-link-text,
.dnn-community-forums .afFilterMenu .dcf-link-text,
.dnn-community-forums a .dcf-link-text,
.dnn-community-forums button .dcf-link-text{
  color:#000 !important;
}

/* Keep it black on hover/focus/active of parent controls */
.dnn-community-forums :is(a,button,[role="button"],li)
  :is(:hover,:focus,:active) .dcf-link-text{
  color:#000 !important;
}

/* =========================================================
   DNN Forums — Clean Theme Update (WHITE separators, DRY)
   - Brand color stays #ce424b for group titles/links
   - All separator lines use a shared white inset gradient
   - Breadcrumb, toolbar, table header, group header share rules
   - Body rows get a lighter hairline (also white)
   - Forces .dcf-link-text to BLACK
   ========================================================= */

/* ---------- Shared tokens (tweak here) ---------- */
.dnn-community-forums{
  /* Brand */
  --brand-rgb: 206,66,75;        /* #ce424b */

  /* Inset line geometry */
  --inset: 40px;                  /* left/right start for all lines */
  --line-rgb: 255,255,255;        /* WHITE separators */
  --line-h: 2px;                  /* normal thickness */
  --line-h-hover: 3px;            /* hover thickness */

  /* Row hairline opacity */
  --row-alpha: .28;               /* base opacity for row hairline */
}

/* ---------- Brand colors (kept as-is) ---------- */
.dnn-community-forums .dcf-group-title,
.dnn-community-forums .dcf-group-title a{
  color:#ce424b !important;
  font-size:1.5rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.dnn-community-forums .dcf-forumgroup-link,
.dnn-community-forums .dcf-forumgroup-link a{
  color:#ce424b !important;
  text-decoration:none !important;
}

/* Force .dcf-link-text to BLACK everywhere */
.dnn-community-forums .dcf-link-text,
.dnn-community-forums .dcf-link-text a,
.dnn-community-forums a .dcf-link-text,
.dnn-community-forums button .dcf-link-text,
.dnn-community-forums .dcf-menupopup .dcf-link-text,
.dnn-community-forums .dcf-toolbar-drop-down-menu-button .dcf-link-text{
  color:#000 !important;
  text-decoration:none !important;
}
.dnn-community-forums :is(a,button,[role="button"],li) :is(:hover,:focus,:active) .dcf-link-text{
  color:#000 !important;
}

/* =========================================================
   SHARED WHITE INSET SEPARATOR
   Apply to: breadcrumb, toolbars, table header, group header
   ========================================================= */
.dnn-community-forums :is(
  .dcf-breadcrumb,
  .dcf-toolbars,
  .dcf-table .dcf-table-head-row,
  .dcf-group-title-wrap
){
  position:relative;
  border-bottom:0 !important;                  /* remove portal border */
  background:
    /* core white line */
    linear-gradient(
      90deg,
      rgba(var(--line-rgb),0) 0%,
      rgba(var(--line-rgb),.45) 16%,
      rgba(var(--line-rgb),.85) 50%,
      rgba(var(--line-rgb),.45) 84%,
      rgba(var(--line-rgb),0) 100%
    ) left var(--inset) bottom /
      calc(100% - (var(--inset)*2)) var(--line-h)
    no-repeat !important;
  transition:background-size .15s ease;
}
.dnn-community-forums :is(
  .dcf-breadcrumb,
  .dcf-toolbars,
  .dcf-table .dcf-table-head-row,
  .dcf-group-title-wrap
):hover{
  background-size:calc(100% - (var(--inset)*2)) var(--line-h-hover) !important;
}

/* Small per-section spacing so the line has breathing room */
.dnn-community-forums .dcf-breadcrumb{ padding:.5rem 0 .9rem !important; }
.dnn-community-forums .dcf-toolbars{   padding:.5rem 0 .9rem !important; }
.dnn-community-forums .dcf-group-title-wrap{ padding:1rem 0 1.25rem !important; }
.dnn-community-forums .dcf-table .dcf-table-head-row .dcf-col{
  border:0 !important;
  color:#e5eef9 !important;
  font-weight:700 !important;
  font-size:.92rem !important;
  letter-spacing:.2px !important;
  padding:10px 0 12px !important;
  vertical-align:bottom !important;
  white-space:nowrap;
}

/* =========================================================
   BODY ROW HAIRLINES (white, lighter than headers)
   ========================================================= */
.dnn-community-forums .dcf-table .dcf-table-body-row .dcf-col{
  vertical-align:top;
  border-bottom:0 !important;                /* kill per-cell borders */
}
.dnn-community-forums .dcf-table .dcf-table-body-row{
  position:relative;
  background:
    linear-gradient(90deg,
      rgba(var(--line-rgb),0) 0%,
      rgba(var(--line-rgb),calc(var(--row-alpha) - .12)) 16%,
      rgba(var(--line-rgb),var(--row-alpha)) 50%,
      rgba(var(--line-rgb),calc(var(--row-alpha) - .12)) 84%,
      rgba(var(--line-rgb),0) 100%
    ) left var(--inset) bottom /
      calc(100% - (var(--inset)*2)) 1px
    no-repeat !important;
  transition:background-size .15s ease;
}
.dnn-community-forums .dcf-table .dcf-table-body-row:hover{
  background-size:calc(100% - (var(--inset)*2)) 2px !important;
}
.dnn-community-forums .dcf-table .dcf-table-body-row:nth-child(even){
  background:
    linear-gradient(90deg,
      rgba(var(--line-rgb),0) 0%,
      rgba(var(--line-rgb),calc(var(--row-alpha) - .18)) 16%,
      rgba(var(--line-rgb),calc(var(--row-alpha) - .05)) 50%,
      rgba(var(--line-rgb),calc(var(--row-alpha) - .18)) 84%,
      rgba(var(--line-rgb),0) 100%
    ) left var(--inset) bottom /
      calc(100% - (var(--inset)*2)) 1px
    no-repeat !important;
}

/* Mobile inset tweak */
@media (max-width:640px){
  .dnn-community-forums{ --inset:20px; }
}