/* ============================================================
   Kunena Forum — FULL custom.css (scoped to forum pages only)
   - Safe: does not style the Joomla header/menu
   - LEFT INSET before first forum menu item: reduced to half (9px)
   - Forum menu text weight: reduced to half the prior increase (→ 600)
   - Keeps all prior Kunena tweaks (dropdowns, typography, etc.)
   ============================================================ */


/* ======== Visibility cues for unapproved messages ======== */
body.com_kunena #kunena .topic-item-messages .row.message > .col-md-10.message-unapproved {
  background: #f0f3f7 !important;
  border-left: 6px solid #f0b429 !important;
  outline: 1px dashed #9aa !important;
}
body.com_kunena #kunena .topic-item-messages .row.message > .col-md-10.message-unapproved > * {
  background: transparent !important;
}


/* ======== Kunena top navbar (Category/Recent/Unread/etc.) ======== */
/* Control base spacing and weight */
body.com_kunena #kunena nav.navbar .navbar-nav {
  margin-left: 9px !important;           /* reduced left inset (was 18px) */
}
body.com_kunena #kunena #offcanvasKunena .offcanvas-body > ul.navbar-nav {
  padding-left: 9px !important;          /* match inset in mobile offcanvas */
}
body.com_kunena #kunena nav.navbar .nav-item {
  margin-right: 4px !important;          /* small gap between items */
}
body.com_kunena #kunena nav.navbar .nav-link {
  padding: 5px 5px !important;           /* compact clicks */
  font-size: 15px !important;
  font-weight: 600 !important;           /* reduced from 700 to ~half increase */
  line-height: 1.2 !important;
}

/* Remove rounded corners on Kunena’s own navbar */
body.com_kunena #kunena nav.navbar,
body.com_kunena #kunena nav.navbar.rounded {
  border-radius: 0 !important;
}


/* ======== 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 dropdowns: unify look & feel ======== */
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;
  border: 1px solid #5388b4 !important;
  color: #ffffff !important;

  display: block !important;
  width: 100% !important;
  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;
  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;
}

/* 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 items we don’t want on forum pages ======== */
body.com_kunena #kunena #kwho { display: none !important; }   /* Members panel */


/* ======== Kunena avatar menu: compact, reorder ======== */
body.com_kunena #kunena .klogout .btn-group > .dropdown-menu:not(.show) {
  display: none !important;
}
body.com_kunena #kunena .klogout .btn-group > .dropdown-menu.show[role="menu"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 8px 10px !important;
  min-width: 260px !important;
}
body.com_kunena #kunena .klogout .dropdown-menu.show .btn,
body.com_kunena #kunena .klogout .dropdown-menu.show .btn-link {
  padding: 6px 9px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
}
body.com_kunena #kunena .klogout .dropdown-menu.show #status-online {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 2px 0 4px !important;
}
body.com_kunena #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;
  margin: 0 !important;
  padding: 6px 8px !important;
  white-space: nowrap !important;
}
body.com_kunena #kunena .klogout .dropdown-menu.show #status-online svg {
  margin-right: 4px !important;
}
body.com_kunena #kunena .klogout .dropdown-menu.show #logout-form   { order: 0 !important; flex-basis: 100% !important; }
body.com_kunena #kunena .klogout .dropdown-menu.show #status-online { order: 1 !important; }
body.com_kunena #kunena .klogout .dropdown-menu.show #statustext    { order: 2 !important; }
body.com_kunena #kunena .klogout .dropdown-menu.show #announcement  { order: 3 !important; }
body.com_kunena #kunena .klogout .dropdown-menu.show #settings      { order: 4 !important; }
body.com_kunena #kunena .klogout .dropdown-menu.show #allread       { order: 5 !important; }
body.com_kunena #kunena .klogout .dropdown-menu .dropdown-divider {
  display: none !important;
}
body.com_kunena #kunena .klogout .dropdown-menu.show #status-online,
body.com_kunena #kunena .klogout .dropdown-menu.show #statustext,
body.com_kunena #kunena .klogout .dropdown-menu.show #announcement,
body.com_kunena #kunena .klogout .dropdown-menu.show #settings {
  margin-top: 2px !important;
}


/* ======== Dark theme support for Kunena only ======== */
html[data-bs-theme="dark"] body.com_kunena #kunena,
body[data-bs-theme="dark"].com_kunena #kunena {
  background-color: #121212 !important;
  color: #e6e6e6 !important;
}
html[data-bs-theme="dark"] body.com_kunena #kunena a,
body[data-bs-theme="dark"].com_kunena #kunena a {
  color: #8ab4f8 !important;
}
html[data-bs-theme="dark"] body.com_kunena #kunena a:hover,
body[data-bs-theme="dark"].com_kunena #kunena a:hover {
  color: #b3cdfd !important;
}
/* Surfaces */
html[data-bs-theme="dark"] body.com_kunena #kunena .bg-light,
body[data-bs-theme="dark"].com_kunena #kunena .bg-light,
html[data-bs-theme="dark"] body.com_kunena #kunena .dropdown-menu,
body[data-bs-theme="dark"].com_kunena #kunena .dropdown-menu,
html[data-bs-theme="dark"] body.com_kunena #kunena .card,
body[data-bs-theme="dark"].com_kunena #kunena .card {
  background-color: #1b1b1b !important;
  color: #e6e6e6 !important;
}
/* Borders */
html[data-bs-theme="dark"] body.com_kunena #kunena .border,
body[data-bs-theme="dark"].com_kunena #kunena .border {
  border-color: #2e2e2e !important;
}
/* Buttons (outline style) */
html[data-bs-theme="dark"] body.com_kunena #kunena .btn-outline-primary,
body[data-bs-theme="dark"].com_kunena #kunena .btn-outline-primary {
  color: #8ab4f8 !important;
  border-color: #3a6fbf !important;
}
html[data-bs-theme="dark"] body.com_kunena #kunena .btn-outline-primary:hover,
body[data-bs-theme="dark"].com_kunena #kunena .btn-outline-primary:hover {
  background-color: #3a6fbf !important;
  color: #fff !important;
}
/* Table/list rows */
html[data-bs-theme="dark"] body.com_kunena #kunena .table,
body[data-bs-theme="dark"].com_kunena #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"] body.com_kunena #kunena .breadcrumb,
body[data-bs-theme="dark"].com_kunena #kunena .breadcrumb {
  color: #b8b8b8 !important;
}


/* ======== Forum listing/link styles ======== */
body.com_kunena #kunena .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 forced red & aligned */
body.com_kunena #kunena [class*="category"] .knewchar.knewchar {
  color: #ff0000 !important;
  font-size: 10px !important;
  display: inline-block !important;
  vertical-align: baseline !important;
  line-height: 1.4em !important;
  font-weight: 550 !important;
  position: relative !important;
  top: -2px !important;
}
body.com_kunena #kunena [class*="category"] .knewchar.knewchar sup,
body.com_kunena #kunena [class*="category"] .knewchar.knewchar .sup {
  vertical-align: baseline !important;
  font-size: 1em !important;
  position: static !important;
  line-height: inherit !important;
}


/* ======== Category & Last Post layout tweaks ======== */
body.com_kunena #kunena .kfrontend .ktopic-category {
  display: inline !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
body.com_kunena #kunena .kfrontend .ktopic-category::after {
  content: "" !important;
  display: block !important;     /* forces Topic onto next line */
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}
body.com_kunena #kunena .kfrontend .lastpostlink {
  display: inline !important;
}
body.com_kunena #kunena .kfrontend .lastpostlink::after {
  content: "" !important;
  display: block !important;     /* forces the date to the next line */
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}


/* ======== Post text sizing & rhythm ======== */
body.com_kunena #kunena .kmsg,
body.com_kunena #kunena .kmsg * {
  font-size: 16.5px !important;
  font-weight: 550 !important;
  line-height: 1.45 !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 */
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 (many posts use <br><br>) */
body.com_kunena #kunena .kmsg br {
  display: block;
  margin: 0 !important;
}
body.com_kunena #kunena .kmsg br + br {
  margin-top: 0.35em !important;
}
/* Safety if divs are used as paragraphs */
body.com_kunena #kunena .kmsg div {
  margin: 0 0 0.35em 0 !important;
}

/* Inline post links (BBCode) */
body.com_kunena #kunena .kmsg a.bbcode_url,
body.com_kunena #kunena .kmsg a.bbcode_url:link,
body.com_kunena #kunena .kmsg a.bbcode_url:visited {
  text-decoration: underline !important;   /* underline even when not hovering */
  color: #1111e3 !important;               /* was #5388b4 */
}


/* Quoted text links (BBCode inside blockquotes) */
body.com_kunena #kunena .kmessage blockquote a.bbcode_url,
body.com_kunena #kunena .kmessage blockquote a.bbcode_url:link,
body.com_kunena #kunena .kmessage blockquote a.bbcode_url:visited,
body.com_kunena #kunena .kmsg .kmsgtext-quote a.bbcode_url,
body.com_kunena #kunena .kmsg .kmsgtext-quote a.bbcode_url:link,
body.com_kunena #kunena .kmsg .kmsgtext-quote a.bbcode_url:visited {
  text-decoration: underline !important;
  color: #1111e3 !important;
}

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


/* ======== Trim excess spacing that conflicts with boxed layout ======== */
body.com_kunena .mb-5 {
  margin-bottom: 0rem !important;
}


/* Force admin username links (e.g., "mg2") to #1a0095 everywhere */
body.com_kunena #kunena a.kwho-admin.hasTooltip,
body.com_kunena #kunena a.kwho-admin.hasTooltip:link,
body.com_kunena #kunena a.kwho-admin.hasTooltip:visited,
body.com_kunena #kunena .lastpostlink a.kwho-admin.hasTooltip,
body.com_kunena #kunena #klastpostphone a.kwho-admin.hasTooltip,
body.com_kunena #kunena .dropdown-menu .center p > strong > a.kwho-admin.hasTooltip,
body.com_kunena #kunena .dropdown-menu .center p > strong {
  color: #1a0095 !important;
  text-decoration: none !important;
}




/* Recent Topics: normalize all red text to brand color */
.layout#kunena .kfrontend .topic-list .topictitle,
.layout#kunena .kfrontend .topic-list .ktopic-category a,
.layout#kunena .kfrontend .topic-list .lastpostlink a,
.layout#kunena .kfrontend .topic-list .kwho-admin.hasTooltip,
.layout#kunena .kfrontend .topic-list .kwho-user.hasTooltip,
.layout#kunena #klastpostphone .kwho-admin.hasTooltip,
.layout#kunena #klastpostphone .kwho-user.hasTooltip {
  color: #1a0095 !important;
}

/* keep the same color on hover/focus to avoid flicker */
.layout#kunena .kfrontend .topic-list .topictitle:hover,
.layout#kunena .kfrontend .topic-list .ktopic-category a:hover,
.layout#kunena .kfrontend .topic-list .lastpostlink a:hover {
  color: #1a0095 !important;
}