/* =============================================================================
   ChartsView 2026 - the forum (Kunena 6, Aurelia) on the new design.
   Kunena uses Bootstrap 5 markup; cv.css already maps Bootstrap's colours to the tokens.
   ============================================================================= */
body #kunena.layout{--bs-box-shadow:none;--bs-box-shadow-lg:none;--bs-box-shadow-sm:none;font-size:15.5px;line-height:1.6;color:var(--cv-ink)}
#kunena h1,#kunena h2,#kunena h3,#kunena h4{font-family:var(--cv-font-cond);font-weight:600;color:var(--cv-ink);letter-spacing:-.005em}
#kunena h1{font-size:clamp(26px,2.6vw,34px)}
#kunena h2{font-size:22px}
#kunena h3{font-size:18px}
#kunena a{color:var(--cv-link);text-decoration:none}
#kunena a:hover{color:var(--cv-link-hover);text-decoration:underline}
#kunena .shadow-lg,#kunena .shadow{box-shadow:none!important}
#kunena .rounded{border-radius:var(--cv-r-m)!important}
#kunena .text-muted,#kunena .header-desc,#kunena .datepost,#kunena .kdate{color:var(--cv-ink-3)!important}

/* forum menu */
#kunena .navbar{--bs-navbar-color:var(--cv-ink-2);--bs-navbar-hover-color:var(--cv-ink);--bs-navbar-active-color:var(--cv-ink);background:var(--cv-sheet)!important;border:1px solid var(--cv-line);border-radius:var(--cv-r-m);padding:4px 10px;margin:0 0 16px;box-shadow:none}
#kunena .navbar .nav-link{font-weight:500;font-size:14.5px;padding:8px 10px}
#kunena .navbar .nav-item.active>.nav-link,#kunena .navbar .nav-link.active{color:var(--cv-ink);box-shadow:inset 0 -2px 0 var(--cv-marker)}

/* breadcrumbs */
#kunena .mod-kunena-breadcrumbs,.cv-jcomp .mod-kunena-breadcrumbs{--bs-breadcrumb-divider:"/";background:none;padding:0;margin:0 0 14px;font-size:13.5px}
#kunena .breadcrumb-item a,.cv-jcomp .mod-kunena-breadcrumbs a{color:var(--cv-ink-2)}
#kunena .breadcrumb-item+.breadcrumb-item::before{color:var(--cv-line-strong)}

/* category and topic lists */
#kunena .kfrontend{background:var(--cv-sheet);border:1px solid var(--cv-line);border-radius:var(--cv-r-m);margin:0 0 20px;overflow:hidden}
#kunena .kfrontend .card-header,#kunena .kfrontend>.btn-toolbar{background:var(--cv-sheet-2);border-bottom:1px solid var(--cv-line);padding:12px 16px}
#kunena .kfrontend h2,#kunena .kfrontend h2 a{color:var(--cv-ink);font-size:20px}
#kunena .table{--bs-table-bg:transparent;--bs-table-color:var(--cv-ink);--bs-table-border-color:var(--cv-grid);margin:0}
#kunena .table>:not(caption)>*>*{padding:12px 14px;border-bottom-color:var(--cv-grid)}
#kunena .table thead th,#kunena th{font-weight:600;font-size:13px;color:var(--cv-ink-3);background:var(--cv-sheet-2)}
#kunena .category h3 a,#kunena .topictitle,#kunena td a strong{color:var(--cv-ink)}
#kunena .category h3 a:hover,#kunena .topictitle:hover{color:var(--cv-link)}
#kunena .bi-folder,#kunena .bi-rss{color:var(--cv-ink-3)}
#kunena .bg-faded,#kunena .bg-light{background:var(--cv-sheet-2)!important}

/* member names by role */
#kunena .kwho-admin,.kwho-admin{color:var(--cv-down)!important}
#kunena .kwho-globalmoderator,#kunena .kwho-moderator,.kwho-globalmoderator,.kwho-moderator{color:var(--cv-violet)!important}
#kunena .kwho-user,.kwho-user{color:var(--cv-link)!important}
#kunena .kwho-guest,.kwho-guest{color:var(--cv-ink-3)!important}
#kunena .kwho-banned,.kwho-banned{color:var(--cv-ink-3)!important;text-decoration:line-through}

/* messages */
#kunena .kmsg{font-size:16px;line-height:1.65;color:var(--cv-ink)}
#kunena .kmsg blockquote,#kunena .kmsg .kmsgtext-quote{border-left:3px solid var(--cv-line-strong);background:var(--cv-sheet-2);padding:10px 14px;margin:10px 0;border-radius:0 6px 6px 0;color:var(--cv-ink-2)}
#kunena .message,#kunena .kmessage{border-color:var(--cv-line)!important}
#kunena .profilebox{color:var(--cv-ink-2)}
#kunena .mykmsg-header{background:var(--cv-sheet-2);border-bottom:1px solid var(--cv-line);color:var(--cv-ink-2)}
#kunena .badge.bg-secondary{background:var(--cv-sheet-2)!important;color:var(--cv-ink-2);border:1px solid var(--cv-line);font-weight:600}
#kunena .btn-link{color:var(--cv-link)}
#kunena .form-control,#kunena .form-select{background:var(--cv-sheet);border-color:var(--cv-line-strong);color:var(--cv-ink)}
#kunena .input-group-text{background:var(--cv-sheet-2);border-color:var(--cv-line-strong);color:var(--cv-ink-3)}

/* Kunena's own light-theme bits */
#kunena.layout .mykmsg-header{background:var(--cv-sheet-2);color:var(--cv-ink-2);border-bottom:1px solid var(--cv-line)}
#kunena.layout .topic-starter,#kunena.layout .topic-moderator{color:var(--cv-link);font-size:12px;text-transform:none;letter-spacing:0}
#kunena .badge{color:var(--cv-ink)}
#kunena .badge.bg-warning{--bs-warning-rgb:255,240,210;color:var(--cv-warn)}
[data-theme="dark"] #kunena .badge.bg-warning{--bs-warning-rgb:59,50,32}
#kunena .badge.bg-success{--bs-success-rgb:225,242,232;color:var(--cv-up)}
[data-theme="dark"] #kunena .badge.bg-success{--bs-success-rgb:16,61,59}
#kunena .card,#kunena .card-body{--bs-card-bg:var(--cv-sheet);--bs-card-color:var(--cv-ink);color:var(--cv-ink)}
#kunena .kmessage-thankyou{color:var(--cv-ink-2)}
/* Kunena sets #kunena{color:#212529 !important}; follow the site theme instead */
body #kunena.layout,body #kunena{color:var(--cv-ink)!important}
/* page-number bars wrap on phones */
#kunena .float-start,#kunena .float-end{max-width:100%}
#kunena .pagination{flex-wrap:wrap;row-gap:4px}

/* Round 3: dark theme - the forum's log-in button text was black, and the "Offline" badge kept Bootstrap's grey */
#kunena .btn-light{--bs-btn-color:var(--cv-ink);--bs-btn-hover-color:var(--cv-ink);--bs-btn-active-color:var(--cv-ink)}
#kunena .badge.bg-secondary{--bs-secondary-rgb:247,250,249}
[data-theme="dark"] #kunena .badge.bg-secondary{--bs-secondary-rgb:18,51,90}

/* Round 3 (6 Oct), from the fault sweep */
/* page numbers: the forum link colour beat the page-number colours, so the current page was dark blue on navy
   (light theme) and pale blue on white (dark theme) */
#kunena .pagination .page-link{color:var(--bs-pagination-color)}
#kunena .pagination .page-link:hover{color:var(--bs-pagination-hover-color);text-decoration:none}
#kunena .pagination .active>.page-link,#kunena .pagination .page-link.active{color:var(--bs-pagination-active-color)}
#kunena .pagination .disabled>.page-link,#kunena .pagination .page-link.disabled{color:var(--bs-pagination-disabled-color)}
/* log-in button: it kept Bootstrap's white box, so in the dark theme its pale text vanished */
#kunena .btn-light{--bs-btn-bg:var(--cv-sheet);--bs-btn-border-color:var(--cv-line-strong);--bs-btn-hover-bg:var(--cv-sheet-2);--bs-btn-hover-border-color:var(--cv-ink-3);--bs-btn-active-bg:var(--cv-sunk);--bs-btn-active-border-color:var(--cv-ink-3)}
/* buttons made from links keep their button colours (the forum link colour was winning) */
#kunena a.btn{color:var(--bs-btn-color)}
#kunena a.btn:hover{color:var(--bs-btn-hover-color);text-decoration:none}
/* show/hide buttons on section headers: Kunena's old custom.css made them white on white */
body #kunena.layout .kfrontend .btn-toolbar .btn{color:var(--cv-ink-2)!important;border-color:var(--cv-line-strong)!important;background-color:var(--cv-sheet)!important}
body #kunena.layout .kfrontend .btn-toolbar .btn:hover{color:var(--cv-ink)!important;background-color:var(--cv-sheet-2)!important}
body #kunena.layout .kfrontend .btn-toolbar svg{color:currentColor!important;fill:currentColor!important}
/* category menu: wide enough to read the names */
#kunena.layout select#catid.form-select{width:auto;min-width:16rem;max-width:100%}
#kunena #jumpto .selector{width:auto;max-width:100%}
/* section headings after the first are level 2 now (cv-tokens.php cvt_forum_headings): same look as before */
#kunena .kfrontend h2[data-cv-h1],#kunena .kfrontend h2[data-cv-h1] a{font-size:22px}
#kunena .kfrontend h2[data-cv-h1] a{color:var(--cv-link)}
#kunena .kfrontend h2[data-cv-h1] a:hover{color:var(--cv-link-hover)}
/* "(1 NEW)" markers: a little too faint on the dark theme */
body .layout#kunena sup.knewchar,body .layout#kunena [class*="category"] .knewchar{color:var(--cv-up)!important}
/* credits page: Kunena's striped rows were near-white in both themes */
body #kunena.layout #credits .row dt:nth-child(odd),body #kunena.layout #credits .row dd:nth-child(even){background-color:var(--cv-sheet-2)}
/* attachment thumbnails: Kunena forces 32 x 32, which squashed tall screenshots - crop instead */
#kunena.layout .thumbnails .thumbnail img{object-fit:cover}
/* post avatars: Kunena sets width 144, which blew small pictures up - own size, at most 144 x 144 */
#kunena.layout .profilebox img{width:auto;max-width:144px;max-height:144px}
#kunena h1.accordion-header{font-size:inherit;margin:0}
/* phones: no "Category / Last Post" header row, and each last post sits beside its avatar */
@media (max-width:767.98px){
#kunena .kfrontend tbody>tr:first-child:not([class]):has(+tr.category){display:none}
#kunena tr.category .row{flex-wrap:nowrap;align-items:flex-start}
#kunena tr.category .row>#kcat-avatar{flex:0 0 auto;width:auto}
#kunena tr.category .row>#kcat-last{flex:1 1 0%;width:auto;min-width:0}
}