/* Make unapproved messages clearly different */
body.com_kunena #kunena .topic-item-messages .row.message > .col-md-10.message-unapproved {
  background: #f0f3f7 !important;   /* light gray/blue */
  border-left: 6px solid #f0b429 !important; /* amber stripe for visibility */
  outline: 1px dashed #9aa !important;       /* extra cue; remove later if you like */
}

/* If a child element paints over the parent, force transparency there */
body.com_kunena #kunena .topic-item-messages .row.message > .col-md-10.message-unapproved > * {
  background: transparent !important;
}


/* Shrink space between list items */
main .layout nav.navbar .nav-item {
  margin-right: 4px !important;
}

/* Shrink padding inside each menu link */
main .layout nav.navbar .nav-link {
  padding: 5px 5px !important;  /* left/right padding */
  font-size: 15px;              /* optional */
}

/* Inset the left edge of the Forum navbar */
body.com_kunena #kunena nav.navbar .navbar-nav,
body.com_kunena #kunena #offcanvasKunena .offcanvas-body > ul.navbar-nav {
  margin-left: 12px !important;  /* nudge the first item inward */
}

/* Avatar dropdown button in navbar */
body.com_kunena #kunena nav.navbar button.btn.btn-light.dropdown-toggle {
  background: linear-gradient(45deg, #737373, #737373) !important; /* solid */
  border: 0 !important;
  color: #fff !important;
}

/* === Kunena dropdown: unify ALL button/link styles === */
body.com_kunena #kunena .dropdown-menu a.btn,
body.com_kunena #kunena .dropdown-menu button.btn,
body.com_kunena #kunena .dropdown-menu a.dropdown-item,
body.com_kunena #kunena .dropdown-menu button.dropdown-item {
  background-color: #5388b4 !important;        /* unified background */
  border: 1px solid #5388b4 !important;        /* unified border */
  color: #ffffff !important;                   /* white text */

  display: block !important;
  width: 100% !important;                      /* force full width */
  text-align: center !important;
  padding: .5rem .75rem !important;
  border-radius: .375rem !important;

  text-decoration: none !important;
  background-image: none !important;
  box-shadow: none !important;
  white-space: normal !important;
}

/* Hover / focus */
body.com_kunena #kunena .dropdown-menu a.btn:hover,
body.com_kunena #kunena .dropdown-menu button.btn:hover,
body.com_kunena #kunena .dropdown-menu a.dropdown-item:hover,
body.com_kunena #kunena .dropdown-menu button.dropdown-item:hover,
body.com_kunena #kunena .dropdown-menu a.btn:focus,
body.com_kunena #kunena .dropdown-menu button.btn:focus,
body.com_kunena #kunena .dropdown-menu a.dropdown-item:focus,
body.com_kunena #kunena .dropdown-menu button.dropdown-item:focus {
  background-color: #43739a !important;        /* slightly darker on hover */
  border-color: #43739a !important;
  color: #ffffff !important;
  outline: none !important;
}

/* Active state */
body.com_kunena #kunena .dropdown-menu a.btn:active,
body.com_kunena #kunena .dropdown-menu button.btn:active,
body.com_kunena #kunena .dropdown-menu a.dropdown-item:active,
body.com_kunena #kunena .dropdown-menu button.dropdown-item:active,
body.com_kunena #kunena .dropdown-menu .active {
  background-color: #366183 !important;
  border-color: #366183 !important;
  color: #ffffff !important;
}

/* Disabled */
body.com_kunena #kunena .dropdown-menu a.btn.disabled,
body.com_kunena #kunena .dropdown-menu button.btn.disabled,
body.com_kunena #kunena .dropdown-menu a.dropdown-item.disabled,
body.com_kunena #kunena .dropdown-menu button.dropdown-item.disabled,
body.com_kunena #kunena .dropdown-menu [aria-disabled="true"] {
  opacity: .55 !important;
  pointer-events: none !important;
}

/* Force outline variants & .btn-link to match too */
body.com_kunena #kunena .dropdown-menu .btn-outline-primary,
body.com_kunena #kunena .dropdown-menu .btn-outline-secondary,
body.com_kunena #kunena .dropdown-menu .btn-outline-success,
body.com_kunena #kunena .dropdown-menu .btn-outline-danger,
body.com_kunena #kunena .dropdown-menu .btn-outline-warning,
body.com_kunena #kunena .dropdown-menu .btn-outline-info,
body.com_kunena #kunena .dropdown-menu .btn-outline-light,
body.com_kunena #kunena .dropdown-menu .btn-outline-dark,
body.com_kunena #kunena .dropdown-menu .btn-link {
  background-color: #5388b4 !important;
  border-color: #5388b4 !important;
  color: #ffffff !important;
  width: 100% !important;    /* match width */
}

/* Explicitly normalize LOGOUT */
body.com_kunena #kunena .dropdown-menu a[href*="logout"],
body.com_kunena #kunena .dropdown-menu button.logout {
  background-color: #5388b4 !important;
  border-color: #5388b4 !important;
  color: #ffffff !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
}

/* Hide the subtitle under the logo */
.header .site-description,
.container-header .site-description,
.navbar-brand + .site-description {
  display: none !important;
}

/* Hide the whole Members panel */
.layout#kunena #kwho {
  display: none !important;
}

/* --- Kunena Aurelia: compact dropdown, Logout first, hide dividers --- */

/* Let Bootstrap hide the menu when closed */
#kunena .klogout .btn-group > .dropdown-menu:not(.show) {
  display: none !important;
}

/* When open, use flex so ordering works */
#kunena .klogout .btn-group > .dropdown-menu.show[role="menu"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;            /* subtle spacing between groups */
  padding: 8px 10px !important;   /* slightly tighter padding */
  min-width: 260px !important;
}

/* Smaller buttons throughout the open menu */
#kunena .klogout .dropdown-menu.show .btn,
#kunena .klogout .dropdown-menu.show .btn-link {
  padding: 6px 9px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
}

/* Status buttons: two per row */
#kunena .klogout .dropdown-menu.show #status-online {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 2px 0 4px !important;
}
/* Kill Bootstrap d-block/m-2 and force half-width */
#kunena .klogout .dropdown-menu.show #status-online > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 calc(50% - 3px) !important;  /* two per row */
  margin: 0 !important;                  /* override .m-2 */
  padding: 6px 8px !important;
  white-space: nowrap !important;
}
#kunena .klogout .dropdown-menu.show #status-online svg {
  margin-right: 4px !important;
}

/* Reorder sections (Logout first, full width) */
#kunena .klogout .dropdown-menu.show #logout-form   { order: 0 !important; flex-basis: 100% !important; }
#kunena .klogout .dropdown-menu.show #status-online { order: 1 !important; }
#kunena .klogout .dropdown-menu.show #statustext    { order: 2 !important; }  /* Status Text */
#kunena .klogout .dropdown-menu.show #announcement  { order: 3 !important; }  /* Announcements */
#kunena .klogout .dropdown-menu.show #settings      { order: 4 !important; }  /* Preferences */
#kunena .klogout .dropdown-menu.show #allread       { order: 5 !important; }  /* Mark All Read */

/* Hide divider lines completely (prevents them stacking at top) */
#kunena .klogout .dropdown-menu .dropdown-divider {
  display: none !important;
}

/* Optional: add a touch more separation between logical groups (no lines) */
#kunena .klogout .dropdown-menu.show #status-online,
#kunena .klogout .dropdown-menu.show #statustext,
#kunena .klogout .dropdown-menu.show #announcement,
#kunena .klogout .dropdown-menu.show #settings {
  margin-top: 2px !important;
}

/* If Bootstrap theme is set to dark, restyle Kunena */
html[data-bs-theme="dark"] #kunena,
body[data-bs-theme="dark"] #kunena,
body.kunena-dark #kunena,            /* extra fallbacks in case template uses a class */
html.kunena-dark #kunena {
  background-color: #121212 !important;
  color: #e6e6e6 !important;
}

/* Links */
html[data-bs-theme="dark"] #kunena a,
body[data-bs-theme="dark"] #kunena a,
body.kunena-dark #kunena a,
html.kunena-dark #kunena a {
  color: #8ab4f8 !important;
}
html[data-bs-theme="dark"] #kunena a:hover,
body[data-bs-theme="dark"] #kunena a:hover,
body.kunena-dark #kunena a:hover,
html.kunena-dark #kunena a:hover {
  color: #b3cdfd !important;
}

/* Surfaces (navbar, cards, dropdowns, offcanvas, .bg-light areas) */
html[data-bs-theme="dark"] #kunena .bg-light,
body[data-bs-theme="dark"] #kunena .bg-light,
body.kunena-dark #kunena .bg-light,
html.kunena-dark #kunena .bg-light,
html[data-bs-theme="dark"] #kunena .dropdown-menu,
body[data-bs-theme="dark"] #kunena .dropdown-menu,
body.kunena-dark #kunena .dropdown-menu,
html.kunena-dark #kunena .dropdown-menu,
html[data-bs-theme="dark"] #kunena .card,
body[data-bs-theme="dark"] #kunena .card,
body.kunena-dark #kunena .card,
html.kunena-dark #kunena .card {
  background-color: #1b1b1b !important;
  color: #e6e6e6 !important;
}

/* Borders */
html[data-bs-theme="dark"] #kunena .border,
body[data-bs-theme="dark"] #kunena .border,
body.kunena-dark #kunena .border,
html.kunena-dark #kunena .border {
  border-color: #2e2e2e !important;
}

/* Buttons (outline style common in Aurelia) */
html[data-bs-theme="dark"] #kunena .btn-outline-primary,
body[data-bs-theme="dark"] #kunena .btn-outline-primary,
body.kunena-dark #kunena .btn-outline-primary,
html.kunena-dark #kunena .btn-outline-primary {
  color: #8ab4f8 !important;
  border-color: #3a6fbf !important;
}
html[data-bs-theme="dark"] #kunena .btn-outline-primary:hover,
body[data-bs-theme="dark"] #kunena .btn-outline-primary:hover,
body.kunena-dark #kunena .btn-outline-primary:hover,
html.kunena-dark #kunena .btn-outline-primary:hover {
  background-color: #3a6fbf !important;
  color: #fff !important;
}

/* Table/list rows (topics, posts lists) */
html[data-bs-theme="dark"] #kunena .table,
body[data-bs-theme="dark"] #kunena .table,
body.kunena-dark #kunena .table,
html.kunena-dark #kunena .table {
  --bs-table-bg: #161616;
  --bs-table-striped-bg: #171a1f;
  --bs-table-border-color: #2a2a2a;
  color: #e6e6e6;
}

/* Breadcrumbs & subtle text */
html[data-bs-theme="dark"] #kunena .breadcrumb,
body[data-bs-theme="dark"] #kunena .breadcrumb,
body.kunena-dark #kunena .breadcrumb,
html.kunena-dark #kunena .breadcrumb {
  color: #b8b8b8 !important;
}

/* ==== Kunena NEW badge: force RED color, size, alignment ==== */

/* Forum links */
main #kunena.layout .kfrontend .table td a {
    font-size: 15px !important;
    font-weight: 550 !important;
    color: #1a0095 !important;
    text-decoration: none !important;
    display: inline-block !important;
    vertical-align: baseline !important;
    line-height: 1.4em !important;
}

/* NEW count (override all others) */
.layout#kunena [class*="category"] .knewchar.knewchar {
    color: #ff0000 !important;          /* force RED */
    font-size: 10px !important;         /* smaller than links */
    display: inline-block !important;
    vertical-align: baseline !important;
    line-height: 1.4em !important;
    font-weight: 550 !important;
    position: relative !important;
    top: -2px !important;               /* adjust height here */
}

/* Neutralize superscript if NEW is wrapped in <sup> */
.layout#kunena [class*="category"] .knewchar.knewchar sup,
.layout#kunena [class*="category"] .knewchar.knewchar .sup {
    vertical-align: baseline !important;
    font-size: 1em !important;          /* inherits 10px from parent */
    position: static !important;
    line-height: inherit !important;
}

/* ==== Kunena: Category section adjustments ==== */

/* Keep Category inline but force Topic to start on a new line */
.layout#kunena .kfrontend .ktopic-category {
    display: inline !important;
    font-size: 15px !important;   /* increased Category: font size (+2px) */
    font-weight: 600 !important;  /* optional: make Category stand out */
}

.layout#kunena .kfrontend .ktopic-category::after {
    content: "" !important;       /* insert break */
    display: block !important;    /* forces Topic onto next line */
    margin-top: 2px !important;   /* spacing before Topic */
    margin-bottom: 0 !important;
}

/* ==== Kunena: Last Post section adjustments ==== */
.layout#kunena .kfrontend .lastpostlink {
    display: inline !important;
}

/* Insert a line break after the Last Post link content */
.layout#kunena .kfrontend .lastpostlink::after {
    content: "" !important;
    display: block !important;       /* forces the date to the next line */
    margin-top: 2px !important;      /* optional spacing before date */
    margin-bottom: 0 !important;
}

/* ==== Kunena: Topic meta sizing & layout ==== */

/* Make "Topic started {date}, by …" match subject/title size */
.layout#kunena .kfrontend .started {
    font-size: 15px !important;
    line-height: 1.4em !important;
}

/* Category label slightly larger to stand out */
.layout#kunena .kfrontend .started .ktopic-category {
    font-size: 15px !important;   /* use 15px if you want them equal */
    font-weight: 600 !important;
    display: block !important;    /* ensures Category is on its own line */
}

/* ==== Kunena Post Text Adjustments ==== */
body.com_kunena #kunena .kmsg,
body.com_kunena #kunena .kmsg * {
  font-size: 16.5px !important;    /* base size for post text */
  font-weight: 550 !important;     /* normal & italic */
  line-height: 1.35 !important;    /* tighter line spacing */
  color: #222 !important;
}

/* Strong/Bold */
body.com_kunena #kunena .kmsg strong,
body.com_kunena #kunena .kmsg b,
body.com_kunena #kunena .kmsg strong *,
body.com_kunena #kunena .kmsg b * {
  font-weight: 700 !important;
}

/* Italics keep the 550 weight */
body.com_kunena #kunena .kmsg em,
body.com_kunena #kunena .kmsg i {
  font-style: italic !important;
  font-weight: 550 !important;
}

/* Bold Italic = strong + italic */
body.com_kunena #kunena .kmsg strong em,
body.com_kunena #kunena .kmsg b em,
body.com_kunena #kunena .kmsg strong i,
body.com_kunena #kunena .kmsg b i {
  font-style: italic !important;
  font-weight: 700 !important;
}

/* Control paragraph spacing since posts use <br><br> */
body.com_kunena #kunena .kmsg br {
  display: block;
  margin: 0 !important;              /* no gap for single <br> */
}
body.com_kunena #kunena .kmsg br + br {
  margin-top: 0.35em !important;     /* small gap for paragraph break */
}

/* Safety if divs are used as paragraphs */
body.com_kunena #kunena .kmsg div {
  margin: 0 0 0.35em 0 !important;
}

/* ==== Keep signatures smaller ==== */
body.com_kunena #kunena .ksignature,
body.com_kunena #kunena .ksignature * {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #666 !important;
}

/* Kunena-only: override Bootstrap .mb-5 to remove excess bottom spacing */
body.com_kunena .mb-5 { margin-bottom: 0rem !important; 
}

/* Top header menu: +4px size, tighter tracking, white links; match logo bg */
.header.container-header .container-nav,
.header.container-header .container-nav .navbar {
  background-color: transparent !important; /* use header's background so it matches the logo area */
}

.header.container-header .container-nav .mod-menu > li.level-1 > a,
.header.container-header .container-nav .mod-menu > li.level-1 > a:link,
.header.container-header .container-nav .mod-menu > li.level-1 > a:visited,
.header.container-header .container-nav .mod-menu > li.level-1 > a:hover,
.header.container-header .container-nav .mod-menu > li.level-1 > a:focus,
.header.container-header .container-nav .mod-menu > li.level-1 > a:active,
.header.container-header .container-nav .mod-menu > li.level-1 > .mm-toggler {
  font-size: calc(1rem + 4px);
  letter-spacing: -0.02em;
  color: #fff !important;
}








/***** BOXED LAYOUT (header+footer blue, body white, side gutters gray) *****/

:root{
  --boxed-max:1200px;            /* width of the boxed content */
  --boxed-hpad:12px;             /* side padding for header & body (desktop) */
  --boxed-side-bg:#d9d9d9;       /* color of the side gutters */
  --boxed-body-bg:#ffffff;       /* main body background */
  --boxed-header-bg:#1275AC;     /* header/menu/footer blue */
  --boxed-body-bottom-pad:24px;  /* extra bottom space under main body */

  /* Footer paddings (tunable) */
  --boxed-footer-hpad:20px;      /* footer side padding */
  --boxed-footer-pad-top:20px;   /* footer top padding */
  --boxed-footer-pad-bottom:20px;/* footer bottom padding */
}

/* Sides (page background) */
body.site{background:var(--boxed-side-bg)!important}

/* ====================== HEADER (boxed + centered + blue) ====================== */
body.site .header.container-header{
  background:var(--boxed-side-bg)!important;  /* show gray gutters left/right */
  padding:0!important;
}

/* Inner header rows boxed & blue */
body.site .header.container-header > .grid-child,
body.site .header.container-header > .container-nav{
  max-width:var(--boxed-max)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--boxed-hpad)!important;padding-right:var(--boxed-hpad)!important;
  background:var(--boxed-header-bg)!important;
}

/* Keep the menu on the same blue and center it */
body.site .header.container-header .container-nav .navbar,
body.site .header.container-header .container-nav .navbar .navbar-collapse{
  background:var(--boxed-header-bg)!important;
  justify-content:center!important;
}

/* Center the UL and avoid extra inner padding on the bar */
body.site .header.container-header .container-nav .mod-menu{
  margin-left:auto!important;margin-right:auto!important;
  justify-content:center!important;
}
body.site .header.container-header .container-nav .navbar{
  padding-left:0!important;padding-right:0!important;
}

/* ====================== MAIN BODY (boxed + white) ====================== */
body.site .site-grid{
  max-width:var(--boxed-max)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--boxed-hpad)!important;padding-right:var(--boxed-hpad)!important;
  padding-bottom:var(--boxed-body-bottom-pad)!important;
  background:var(--boxed-body-bg)!important;
}

/* ====================== FOOTER (boxed + blue) ====================== */
body.site .container-footer.footer{
  background:var(--boxed-side-bg)!important;  /* show gray gutters */
  padding:0!important;
}
body.site .container-footer.footer > .grid-child{
  max-width:var(--boxed-max)!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--boxed-footer-hpad)!important;padding-right:var(--boxed-footer-hpad)!important;
  padding-top:var(--boxed-footer-pad-top)!important;
  padding-bottom:var(--boxed-footer-pad-bottom)!important;
  background:var(--boxed-header-bg)!important;
}

/* ====================== RESPONSIVE ====================== */
@media (max-width: 991.98px){
  :root{
    --boxed-hpad:16px;
    --boxed-footer-hpad:16px;
  }
}