/* Aurelia Forum - Truth Seekers Theme 
   A mysterious, cyber-themed forum design with emerald/teal accents */

/* Base variables/colors */
:root {
  --main-dark: #0a0a0a;
  --secondary-dark: #121212;
  --tertiary-dark: #1a1a1a;
  --text-color: #e0e0e0;
  --primary-accent: #00b894; /* Green/teal main accent */
  --secondary-accent: #e84393; /* Magenta secondary accent */
  --tertiary-accent: #fdcb6e; /* Gold tertiary accent */
  --danger-color: #d63031;
  --border-color: #2d3436;
  --hover-bg: #1e1e1e;
  --header-bg: #070707;
}

/* Base styles */
body {
  font-family: 'Segoe UI', 'Roboto', sans-serif !important;
  background-color: var(--main-dark) !important;
  color: var(--text-color) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231a1a1a' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Hide unnecessary date displays */
.datepost, .kdate, .started {
  display: none !important;
}

/* Force text color in all elements */
div, p, span, td, th, a, li, .card, .card-body, .kthead-title, .kthead-desc, 
.kmsg-header, .kmsg, .kforum-heading {
  color: var(--text-color) !important;
}

/* Main containers */
.k-container, .container, .kmessage, .card {
  background-color: var(--secondary-dark) !important;
  border-radius: 5px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden !important;
  border: 1px solid var(--border-color) !important;
  border-left: 3px solid var(--primary-accent) !important;
}

/* Fix nested containers */
.card .card, .container .container, .card-body .card-body, .k-container .k-container {
  box-shadow: none !important;
  border-left: none !important;
  margin-bottom: 0 !important;
  background-color: transparent !important;
}

/* Headers */
.kforum-pathway, .kheader, .kforum-heading, .card-header {
  background: linear-gradient(90deg, rgba(0, 184, 148, 0.2), transparent) !important;
  color: white !important;
  padding: 10px 15px !important;
  position: relative !important;
  border-bottom: 1px solid var(--border-color) !important;
}

/* ---- Header Styling ---- */
header.header.container-header {
  background-color: var(--main-dark) !important;
  background-image: linear-gradient(to right, rgba(0, 184, 148, 0.2), rgba(0, 0, 0, 0.9)) !important;
  border-bottom: 3px solid var(--primary-accent) !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7) !important;
  padding: 1.5rem 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Add a grid background pattern */
header.header.container-header::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    linear-gradient(rgba(0, 184, 148, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 184, 148, 0.05) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Add scanline effect */
header.header.container-header::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(
    transparent 0%, 
    rgba(0, 184, 148, 0.05) 50%, 
    transparent 51%, 
    rgba(232, 67, 147, 0.05) 100%
  ) !important;
  background-size: 100% 4px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: scanline 6s linear infinite !important;
}

/* Style the navbar brand */
header .navbar-brand {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  text-align: center !important;
}

/* Style the brand logo link */
header .brand-logo {
  text-decoration: none !important;
  display: inline-block !important;
}

/* Style the Aurelia Forum text */
header .brand-logo span {
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: bold !important;
  color: transparent !important;
  background: linear-gradient(to right, var(--primary-accent), var(--secondary-accent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  letter-spacing: 3px !important;
  display: inline-block !important;
  padding: 0.5rem 1rem !important;
  position: relative !important;
  text-transform: uppercase !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(to right, var(--primary-accent), var(--secondary-accent)) !important;
  border-image-slice: 1 !important;
  text-shadow: 
    0 0 5px rgba(0, 184, 148, 0.7),
    0 0 10px rgba(0, 184, 148, 0.5) !important;
  animation: glow 3s ease-in-out infinite !important;
}

/* Add a subtle line beneath the text */
header .brand-logo span::after {
  content: "SEEKING TRUTH IN THE DIGITAL SHADOWS" !important;
  display: block !important;
  font-size: 0.8rem !important;
  text-align: center !important;
  color: rgba(232, 67, 147, 0.8) !important;
  letter-spacing: 2px !important;
  margin-top: 0.5rem !important;
  font-weight: normal !important;
}

/* Make the grid child full width */
header .grid-child {
  width: 100% !important;
  max-width: 100% !important;
}

/* Category & Topics */
.kcategory, .ktopic {
  border-bottom: 1px solid var(--border-color) !important;
  position: relative !important;
  transition: all 0.3s ease !important;
}

.kcategory::before, .ktopic::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background-color: var(--primary-accent) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
}

.kcategory:hover::before, .ktopic:hover::before {
  opacity: 1 !important;
}

.kcategory:hover, .ktopic:hover {
  background-color: var(--hover-bg) !important;
}

/* Topic titles */
.ktopic-title, a.ktopic-title {
  color: var(--primary-accent) !important;
  text-decoration: none !important;
  font-weight: bold !important;
  font-size: 1.05rem !important;
  transition: all 0.3s !important;
}

.ktopic-title:hover, a.ktopic-title:hover {
  color: var(--tertiary-accent) !important;
  text-shadow: 0 0 5px rgba(0, 184, 148, 0.5) !important;
}

/* Links styling */
a, .kwho-admin, .kwho-user, .kwho-moderator {
  color: var(--primary-accent) !important;
  text-decoration: none !important;
  transition: all 0.3s !important;
}

a:hover {
  color: var(--tertiary-accent) !important;
  text-shadow: 0 0 5px rgba(0, 184, 148, 0.5) !important;
  text-decoration: none !important;
}

/* Section headers and titles */
h1, h2, h3, .card-title, .kforum-heading {
  color: var(--primary-accent) !important;
  margin-top: 0 !important;
  font-family: 'Segoe UI', sans-serif !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* Table styling */
table, .table {
  background-color: transparent !important;
  color: var(--text-color) !important;
}

th, thead tr {
  background-color: var(--header-bg) !important;
  color: var(--primary-accent) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

td, tbody tr {
  background-color: var(--secondary-dark) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

tr:hover td {
  background-color: var(--hover-bg) !important;
}

/* Buttons - Fixed to work properly */
.btn, .kbutton {
  background-color: var(--secondary-dark) !important;
  color: var(--primary-accent) !important;
  border: 1px solid var(--primary-accent) !important;
  transition: all 0.3s !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 0.9rem !important;
  position: relative !important; /* Fix for button overlays */
  z-index: 1 !important; /* Ensure buttons stay on top */
}

.btn:hover, .kbutton:hover {
  background-color: var(--primary-accent) !important;
  color: var(--main-dark) !important;
  box-shadow: 0 0 10px rgba(0, 184, 148, 0.5) !important;
}

.btn-primary {
  background-color: var(--primary-accent) !important;
  color: var(--main-dark) !important;
}

.btn-primary:hover {
  background-color: var(--tertiary-accent) !important;
}

/* Form elements */
input, textarea, select, .form-control {
  background-color: var(--header-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-color) !important;
  padding: 5px 10px !important;
  border-radius: 3px !important;
}

input:focus, textarea:focus, select:focus, .form-control:focus {
  background-color: var(--header-bg) !important;
  border-color: var(--primary-accent) !important;
  box-shadow: 0 0 5px rgba(0, 184, 148, 0.5) !important;
  color: var(--text-color) !important;
}

/* Post content */
.kmessage-post-contents {
  background-color: var(--tertiary-dark) !important;
  padding: 15px !important;
  border-radius: 3px !important;
  margin-top: 10px !important;
  border-left: 3px solid var(--primary-accent) !important;
}

/* Ensure all post content text is visible */
.kmessage-post-contents p,
.kmessage-post-contents span,
.kmessage-post-contents div,
.kmessage-post-contents li,
.kmessage-post-contents a {
  color: var(--text-color) !important;
}

.kmessage-post-contents a {
  color: var(--primary-accent) !important;
  text-decoration: underline !important;
}

/* User profile */
.kprofile-left {
  background-color: var(--tertiary-dark) !important;
  border-right: 1px solid var(--border-color) !important;
}

/* Meta information */
.kmeta, .kfooter {
  color: #7f8c8d !important;
  font-size: 0.9rem !important;
}

/* Improve login form */
#login-form, .login, #form-login {
  background-color: var(--secondary-dark) !important;
  padding: 15px !important;
  border-radius: 5px !important;
  border-left: 3px solid var(--primary-accent) !important;
}

/* Add Aurelia Forum header */
.kforum-pathway {
  position: relative !important;
  padding-top: 50px !important;
}

.kforum-pathway::before {
  content: "AURELIA FORUM" !important;
  position: absolute !important;
  top: 10px !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
  font-family: 'Segoe UI', sans-serif !important;
  font-size: 1.8rem !important;
  color: var(--primary-accent) !important;
  letter-spacing: 3px !important;
  text-shadow: 0 0 5px rgba(0, 184, 148, 0.5) !important;
}

/* Fixes for inner tables */
.table .table {
  background-color: transparent !important;
  margin-bottom: 0 !important;
}

/* Fix for modals */
.modal-content, .modal-header, .modal-body, .modal-footer {
  background-color: var(--secondary-dark) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

/* Improve code and quote readability */
.kmessage-post-contents blockquote,
.kmessage-post-contents pre {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 2px solid var(--secondary-accent) !important;
  padding: 10px 15px !important;
  margin: 10px 0 !important;
}

.kmessage-post-contents code {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: var(--secondary-accent) !important;
  padding: 2px 5px !important;
  border-radius: 3px !important;
  font-family: monospace !important;
}

/* Comprehensive Cassiopeia template compatibility */
body.site, body {
  background-color: var(--main-dark) !important;
  color: var(--text-color) !important;
}

/* Target main containers */
.container-component,
.container-header,
.container-footer,
.container-sidebar-left,
.container-sidebar-right,
main.container-main,
div.container-component,
div.container,
div.wrapper,
div.site-grid {
  background-color: transparent !important;
}

/* Target all potential content areas */
.content, 
#content,
.container-content,
.item-page,
.com-content-article,
.com-content-category,
.com-content-article__body,
.com-users-login,
.com-users-logout,
.com-users-registration,
.com-users-profile,
.com-users-reset,
.com-users-remind,
.system-message-container {
  background-color: var(--secondary-dark) !important;
  color: var(--text-color) !important;
  border-radius: 5px !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
  border: 1px solid var(--border-color) !important;
  border-left: 3px solid var(--primary-accent) !important;
}

/* Target error messages specifically */
.system-message-container,
.alert.alert-message,
.alert.alert-error,
.alert.alert-warning,
.alert.alert-notice,
.error,
.warning,
.notice,
.message {
  background-color: var(--secondary-dark) !important;
  color: var(--text-color) !important;
  border: 1px solid var(--border-color) !important;
  border-left: 3px solid var(--secondary-accent) !important;
  border-radius: 5px !important;
  padding: 15px !important;
  margin: 15px 0 !important;
}

/* Login/error form styling */
.login-form,
.error-form,
.reset-form,
.remind-form,
.registration-form {
  background-color: var(--secondary-dark) !important;
  border-radius: 5px !important;
  padding: 20px !important;
  border: 1px solid var(--border-color) !important;
  border-left: 3px solid var(--primary-accent) !important;
  margin-bottom: 20px !important;
}

/* Form elements */
.login-form input,
.error-form input,
.reset-form input,
.remind-form input,
.registration-form input,
.com-users-login input,
.form-control {
  background-color: var(--header-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-color) !important;
  padding: 8px 12px !important;
  border-radius: 3px !important;
  margin-bottom: 10px !important;
}

/* Headers and titles in forms and error pages */
.login-form h1, .login-form h2, .login-form h3,
.error-form h1, .error-form h2, .error-form h3,
.system-message-container h1, .system-message-container h2,
.com-users-login h1, .com-users-login h2,
.error h1, .error h2,
.card-header {
  color: var(--primary-accent) !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  font-family: 'Segoe UI', sans-serif !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* Joomla-specific header */
header.header {
  background-color: var(--header-bg) !important;
  border-bottom: 3px solid var(--primary-accent) !important;
  box-shadow: 0 0 15px rgba(0, 184, 148, 0.5) !important;
}

.navbar {
  background-color: var(--secondary-dark) !important;
  border-bottom: 2px solid var(--primary-accent) !important;
  border-left: none !important;
}

.navbar a, .navbar-nav a {
  color: var(--primary-accent) !important;
}

.navbar a:hover, .navbar-nav a:hover {
  color: var(--tertiary-accent) !important;
}

.breadcrumb {
  background-color: var(--secondary-dark) !important;
}

.breadcrumb-item a {
  color: var(--primary-accent) !important;
}

.breadcrumb-item.active {
  color: var(--text-color) !important;
}

/* Force white text in all Joomla containers */
/*changed bg*/
/*
body.site *:not(a):not(.btn):not(button):not(input):not(select):not(textarea) {
  color: var(--text-color) !important;
  background-color: #121212;
}*/

/* Make sure links are properly styled across Joomla */
body.site a, article a, section a {
  /*color: var(--primary-accent) !important;*/
  text-decoration: none !important;
}

body.site a:hover, article a:hover, section a:hover {
  color: var(--tertiary-accent) !important;
  text-shadow: 0 0 5px rgba(0, 184, 148, 0.3) !important;
}

/* Fix any potential white cards or modules */
.card, .module, .moduletable {
  background-color: var(--secondary-dark) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 5px !important;
  margin-bottom: 15px !important;
}

/* Style validation messages */
.invalid-feedback,
.valid-feedback {
  padding: 5px 10px !important;
  margin-top: 5px !important;
  border-radius: 3px !important;
}

.invalid-feedback {
  color: var(--secondary-accent) !important;
  background-color: rgba(232, 67, 147, 0.1) !important;
  border: 1px solid rgba(232, 67, 147, 0.3) !important;
}

.valid-feedback {
  color: var(--primary-accent) !important;
  background-color: rgba(0, 184, 148, 0.1) !important;
  border: 1px solid rgba(0, 184, 148, 0.3) !important;
}

/* Blockquote styling */
#kunena.layout blockquote,
.kmessage-post-contents blockquote,
blockquote.kmessage,
blockquote {
  background-color: rgba(26, 26, 26, 0.7) !important;
  border-left: 3px solid var(--secondary-accent) !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-right: 1px solid var(--border-color) !important;
  border-radius: 3px !important;
  padding: 15px 15px 15px 20px !important;
  margin: 15px 0 !important;
  color: var(--text-color) !important;
  font-style: italic !important;
  position: relative !important;
}

/* Fix for white backgrounds in quotes */
.kmsg blockquote,
blockquote {
  background-color: var(--tertiary-dark) !important;
  border: 1px solid var(--border-color) !important;
  border-left: 3px solid var(--secondary-accent) !important;
}

/* Fix white backgrounds inside blockquotes */
blockquote div,
.kmsg blockquote div,
.kmsgtext-quote div,
blockquote > div,
blockquote [style*="background: #fff"],
blockquote [style*="background:#fff"],
blockquote [style*="background: white"],
blockquote [style*="background:#f9fafa"],
blockquote [style*="background: #f9fafa"] {
  background: var(--tertiary-dark) !important;
  background-color: var(--tertiary-dark) !important;
  color: var(--text-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 12px !important;
}

.kmsgtext-quote {
  background: none !important; 
}

/* Add a subtle glow to the left border */
#kunena.layout blockquote::before,
.kmessage-post-contents blockquote::before,
blockquote.kmessage::before,
blockquote::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 3px !important;
  height: 100% !important;
  background-color: var(--secondary-accent) !important;
  box-shadow: 0 0 10px 1px var(--secondary-accent) !important;
  opacity: 0.7 !important;
}

/* Fix for white alert messages */
.alert {
  background-color: var(--secondary-dark) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
  border-left: 3px solid var(--tertiary-accent) !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;
}

/* Info alerts specifically */
.alert-info {
  background-color: var(--secondary-dark) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

/* Alert links */
.alert a, .alert-info a, .alert .alert-link, .alert-info .alert-link {
  color: var(--primary-accent) !important;
}

.alert a:hover, .alert-info a:hover, .alert .alert-link:hover, .alert-info .alert-link:hover {
  color: var(--tertiary-accent) !important;
}

/* Other alert variants */
.alert-success {
  border-left: 3px solid var(--primary-accent) !important;
}

.alert-warning {
  border-left: 3px solid var(--tertiary-accent) !important;
}

.alert-danger {
  border-left: 3px solid var(--secondary-accent) !important;
}

/* Message styling */
#kunena.layout .message,
.kmessage {
  background-color: var(--secondary-dark) !important;
  border-radius: 5px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid var(--border-color) !important;
  overflow: hidden !important;
  color: var(--text-color) !important;
}

/* Message header */
#kunena.layout .kmsg-header,
.kmsg-header,
.message-header {
  background: linear-gradient(90deg, rgba(0, 184, 148, 0.2), transparent) !important;
  color: var(--text-color) !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid var(--border-color) !important;
}

/* User profile section in messages */
#kunena.layout .kprofile-left,
.kprofile-left {
  background-color: var(--tertiary-dark) !important;
  border-right: 1px solid var(--border-color) !important;
  color: var(--text-color) !important;
}

/* Username styling */
#kunena.layout .kprofile-left .kname,
.kprofile-left .kname,
.kname {
  color: var(--primary-accent) !important;
  font-weight: bold !important;
  font-size: 1.1em !important;
}

/* Pagination styling */
.pagination {
  display: flex !important;
  padding: 0 !important;
  margin: 1rem 0 !important;
  list-style: none !important;
  border-radius: 0.25rem !important;
  background: transparent !important;
}

.pagination li, .pagination .page-item {
  margin: 0 2px !important;
}

.pagination a, .pagination .page-link {
  position: relative !important;
  display: block !important;
  padding: 0.5rem 0.75rem !important;
  margin-left: -1px !important;
  color: var(--primary-accent) !important;
  text-decoration: none !important;
  background-color: var(--secondary-dark) !important;
  border: 1px solid var(--border-color) !important;
  transition: all 0.3s ease !important;
}

.pagination a:hover, .pagination .page-link:hover {
  color: var(--tertiary-accent) !important;
  background-color: var(--hover-bg) !important;
  border-color: var(--primary-accent) !important;
  text-shadow: 0 0 5px rgba(0, 184, 148, 0.5) !important;
  z-index: 2 !important;
}

.pagination .active a, 
.pagination .active .page-link,
.pagination .page-item.active .page-link {
  z-index: 3 !important;
  color: var(--main-dark) !important;
  background-color: var(--primary-accent) !important;
  border-color: var(--primary-accent) !important;
  box-shadow: 0 0 8px rgba(0, 184, 148, 0.7) !important;
}

/* User types styling */
.kwho-admin {
  color: var(--secondary-accent) !important; /* Magenta for admins */
}

.kwho-moderator, 
.kwho-globalmoderator {
  color: var(--tertiary-accent) !important; /* Gold for moderators */
}

.kwho-user {
  color: var(--primary-accent) !important; /* Teal for regular users */
}

.kwho-guest {
  color: #6c757d !important; /* Grey for guests */
}

/* Tabs styling */
.nav.nav-tabs {
  background-color: var(--main-dark) !important;
  border: 1px solid var(--border-color) !important;
  border-bottom: none !important;
  border-radius: 5px 5px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3) !important;
  display: flex !important;
  overflow: hidden !important;
}

.nav-tabs .nav-link,
.nav-tabs .nav-item .nav-link {
  color: var(--primary-accent) !important;
  background-color: var(--main-dark) !important;
  border: 1px solid var(--border-color) !important;
  border-bottom: none !important;
  border-radius: 5px 5px 0 0 !important;
  padding: 10px 15px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  z-index: 1 !important;
  margin-right: 2px !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item .nav-link.active {
  color: var(--tertiary-accent) !important;
  background-color: var(--secondary-dark) !important;
  border: 1px solid var(--border-color) !important;
  border-bottom: none !important;
}

/* Animations */
@keyframes glow {
  0% { text-shadow: 0 0 5px rgba(0, 184, 148, 0.7), 0 0 10px rgba(0, 184, 148, 0.5); }
  50% { text-shadow: 0 0 10px rgba(0, 184, 148, 0.9), 0 0 20px rgba(0, 184, 148, 0.7), 0 0 30px rgba(0, 184, 148, 0.5); }
  100% { text-shadow: 0 0 5px rgba(0, 184, 148, 0.7), 0 0 10px rgba(0, 184, 148, 0.5); }
}

@keyframes scanline {
  0% { background-position: 0 0; }
  100% { background-position: 0 100%; }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  header .brand-logo span {
    font-size: 1.8rem !important;
  }
  
  header .brand-logo span::after {
    font-size: 0.6rem !important;
  }
}

#system-message-container joomla-alert .alert-wrapper {
    width: 100%;
    background: #121212;
}

.input-group-text {
background: #2c2e2f; 
}

#kunena.layout .dropdown-menu form {
background: #0a0a0a;
}

/*
.list-unstyled {
display: none !important;
}
*/

#kunena.layout .nowrap {
background: none !important;
}

.dropdown-menu.show {
background: #0a0a0a !important;
}

#kunena.layout .tab-content {
background: none !important;
}

.list-group-item {
background: #121212 !important;
}

/* Hide forgot password/username links - Simple Version */
#kmobile-form-login-submit a[href*="/component/users/reset"],
#kmobile-form-login-submit a[href*="/component/users/remind"] {
  display: none !important;
}

/* Hide the line breaks after the links */
#kmobile-form-login-submit a[href*="/component/users/reset"] + br,
#kmobile-form-login-submit a[href*="/component/users/remind"] + br {
  display: none !important;
}

/* Hide timezone and local time in Kunena user profiles */
.list-group-item:has(strong:contains("Time Zone")),
.list-group-item:has(strong:contains("Local Time")) {
  display: none !important;
}