/* ChartsView CSS - v4 */

/* BODY */
body {
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  background: #131722;
  background-attachment: fixed;
  color: #e0e0e0;
}

/* TOPBAR - Login/Register links area */
.container-topbar {
  background: #ffffff !important;
  border-bottom: none !important;
}

.container-topbar .grid-child {
  background: #ffffff;
}

/* HEADER */
header.header {
  background: #ffffff !important;
  padding: 0 !important;
  min-height: 0 !important;
}

header.header .grid-child {
  background: #ffffff;
}

/* Logo module container */
.container-below-top {
  background: #ffffff !important;
  text-align: left !important;
  padding: 10px 20px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Hide default Cassiopeia brand-logo (second grid-child) */
header.header .grid-child:not(.container-below-top):not(.container-nav) {
  display: none !important;
}

/* Hide default site name */
.site-name, .cassiopeia-name { display: none !important; }

/* NAV BAR */
.container-nav { background: #2a5d87 !important; width: 100% !important; }

nav.navbar {
  background: #2a5d87 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  min-height: 36px;
}

/* Nav links */
.mod-menu li > a {
  color: #ffffff !important;
  padding: 10px 14px !important;
  font-size: 13px;
  font-weight: normal;
  display: block;
  text-decoration: none !important;
}

.mod-menu li > a:hover {
  color: #ffffff !important;
  background: #1e4d73 !important;
}

.mod-menu .nav-item.active > a,
.mod-menu li.active > a,
.mod-menu .nav-item.current > a,
.mod-menu li.current > a {
  background: #1a3a5c !important;
  color: #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
}

/* LINKS */
a { color: #b30303; }
a:hover { color: #880000; }

/* CARDS */
.card { background: rgba(255,255,255,0.92); }

/* BREADCRUMBS */
.breadcrumb { background: rgba(255,255,255,0.5); padding: 5px 10px; }

/* FOOTER */
footer.footer {
  background: #333333 !important;
  color: #cccccc;
  padding: 20px 0;
  margin-top: 30px;
}
footer.footer a { color: #aaaaaa; }
footer.footer a:hover { color: #ffffff; }

/* BUTTONS */
.btn-primary {
  background: #b30303 !important;
  border-color: #880000 !important;
}

/* KUNENA FORUM */
.kblock .kheader {
  background: #2a5d87 !important;
  color: #ffffff !important;
}

/* HOME PAGE - hide featured articles "Home" heading */
.view-featured h2.page-header,
.view-featured .page-header {
  display: none;
}

/* ARTICLE DETAILS - hide unwanted metadata */
dl.article-info {
  font-size: 12px;
  color: #888;
}

/* CATEGORY BLOG - remove "Home" subtitle */
.com-content-featured__title {
  display: none !important;
}

/* BREADCRUMB - style */
.pathway-wrapper .breadcrumb {
  background: rgba(0,0,0,0.3);
  padding: 5px 10px;
  border-radius: 3px;
}
.pathway-wrapper .breadcrumb-item a {
  color: #dddddd;
}

/* MAIN CONTENT AREA */
.site-grid .grid-child {
  background: #1a1e2e;
  border-radius: 4px;
}

/* SIDEBAR LEFT - CSS Grid Layout */
.has-sidebar-left .site-grid {
  display: grid !important;
  grid-template-columns: 250px 1fr;
  gap: 20px;
}

.has-sidebar-left .container-sidebar-left {
  min-width: 0;
}

.has-sidebar-left .container-component {
  min-width: 0;
}

@media (max-width: 991px) {
  .has-sidebar-left .site-grid {
    grid-template-columns: 1fr;
  }
}

/* SOLID BACKGROUND - All pages content area */
.site-grid {
  background: #131722 !important;
  border-radius: 6px;
  padding: 0;
  gap: 0;
}

.site-grid .grid-child {
  background: #1a1e2e !important;
  border-radius: 4px;
  padding: 15px;
}

.container-component {
  background: #1a1e2e !important;
  border-radius: 4px;
  padding: 15px;
}

.has-sidebar-left .container-sidebar-left {
  background: #ffffff !important;
  border-radius: 4px;
  padding: 10px;
}

/* SIDEBAR LOGIN */
.sidebar-right {
  background: rgba(255,255,255,0.9);
  border-radius: 4px;
  padding: 10px;
}

/* MODULE TITLES */
.moduletable h3 {
  color: #b30303 !important;
  font-size: 18px;
  border-bottom: 2px solid #b30303;
  padding-bottom: 5px;
  margin-bottom: 10px;
}


/* HIDE "Home" heading on home page featured view */
.view-featured .page-header {
  display: none !important;
}


/* HIDE "Home" page title on home/featured view */
.blog-featured .page-header,
.blog-featured .page-header h1 {
  display: none !important;
}

/* LOGO SIZE */
#mod-custom110 img { width: 249px !important; height: 130px !important; max-width: none !important; }
/* HEADER FLEX LAYOUT */
header.header { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; }
.container-below-top { flex: 1 !important; order: 1 !important; }
.container-topbar { order: 2 !important; }
.container-nav { width: 100% !important; order: 3 !important; flex: none !important; }

/* ============================================
   HORIZONTAL NAVIGATION - ChartsView v5
   ============================================ */

/* Make nav list horizontal */
.container-nav ul.nav,
.container-nav ul.mod-menu,
.container-nav .mod-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Make each nav item inline */
.container-nav ul.nav > li,
.container-nav ul.mod-menu > li,
.container-nav .mod-menu > li,
.container-nav .nav-item {
    display: inline-flex !important;
    float: none !important;
    position: relative;
}

/* Nav item links */
.container-nav ul.nav > li > a,
.container-nav .mod-menu > li > a,
.container-nav .nav-item > a {
    display: flex !important;
    align-items: center;
    padding: 10px 15px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: normal !important;
    font-family: Arial, sans-serif !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border: none !important;
}

/* Hover state */
.container-nav ul.nav > li > a:hover,
.container-nav .mod-menu > li > a:hover,
.container-nav .nav-item > a:hover {
    background-color: #1e4d73 !important;
    color: #ffffff !important;
}

/* Active/current page */
.container-nav .nav-item.active > a,
.container-nav .nav-item.current > a,
.container-nav li.active > a,
.container-nav li.current > a {
    background-color: #1a3a5c !important;
    color: #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
}

/* ============================================
   "What We Offer?" section styling
   ============================================ */
.com-content-article__body h2 {
    color: #333333;
    font-size: 20px;
    margin-top: 20px;
}

.com-content-article__body ul {
    list-style: none;
    padding: 0;
}

.com-content-article__body ul li::before {
    content: "\2713";
    color: #b30303;
    font-weight: bold;
    margin-right: 8px;
}

/* HORIZONTAL NAV v5 */
.container-nav ul.nav,.container-nav ul.mod-menu{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;list-style:none!important;margin:0!important;padding:0!important;width:100%!important;}
.container-nav ul.nav>li,.container-nav ul.mod-menu>li,.container-nav .nav-item{display:inline-flex!important;float:none!important;position:relative;}
.container-nav ul.nav>li>a,.container-nav .mod-menu>li>a,.container-nav .nav-item>a{display:flex!important;padding:10px 15px!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;white-space:nowrap!important;background-color:transparent!important;border:none!important;}
.container-nav ul.nav>li>a:hover{background-color:#1e4d73!important;color:#fff!important;}
.container-nav .nav-item.active>a,.container-nav li.active>a,.container-nav li.current>a{background-color:#1a3a5c!important;border-bottom:2px solid #fff!important;}
.site-grid{margin-bottom:0!important;padding-bottom:0!important}.container-footer{margin-top:0!important}.container-sidebar-right:empty{display:none!important}.container-component{margin-bottom:0!important}





/* ===== FORUM STYLES - Match Real Site ===== */

/* Kunena Forum Toolbar Tabs - matching live site blue_eagle style */
#kunena.layout .navbar.navbar-expand-lg {
    background-color: #5388B4 !important;
    border-radius: 3px 3px 0 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
    padding: 0 !important;
}

/* Individual tab links */
#kunena.layout .navbar .nav-link {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 14px !important;
    border-right: 1px solid rgba(255,255,255,0.2) !important;
    transition: background-color 0.15s ease !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Hover state - slightly lighter blue */
#kunena.layout .navbar .nav-link:hover {
    color: #ffffff !important;
    background-color: #6ba3cc !important;
    text-decoration: none !important;
}

/* Active/selected tab - darker shade */
#kunena.layout .navbar .nav-link.active,
#kunena.layout .navbar .nav-item.active .nav-link {
    color: #ffffff !important;
    background-color: #3a6b96 !important;
    font-weight: 700 !important;
}

/* First tab rounded left corner */
#kunena.layout .navbar .navbar-nav:first-child .nav-item:first-child .nav-link {
    border-radius: 3px 0 0 0 !important;
}

/* Forum section header (category group title) */
.kfrontend.section > h2,
.kfrontend.section > .kfrontend-header {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    margin: 0 0 5px 0 !important;
    font-size: 16px !important;
    border-radius: 3px 3px 0 0 !important;
}

/* Forum section container */
.kfrontend.section {
    border: 1px solid #5388B4 !important;
    border-radius: 3px !important;
    margin-bottom: 15px !important;
    background-color: #ffffff !important;
}

/* Forum table header row - the row without "category" class that contains Category/Topics/Replies/Last Post */
.kfrontend table tr:not([class]) td:not([colspan="12"]) {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 6px 10px !important;
    border-bottom: 2px solid #3a6b96 !important;
}

/* Category description row */
/* Full-width description/info rows only */
.kfrontend table tr td[colspan="12"] {
    background-color: #e8f0f7 !important;
    padding: 8px !important;
    border-bottom: 1px solid #ccc !important;
}

/* Category data rows */
tr.category {
    border-bottom: 1px solid #e0e0e0 !important;
}

tr.category:hover {
    background-color: #f5f8fd !important;
}

tr.category td {
    vertical-align: middle !important;
    padding: 8px !important;
}

/* Topics/Replies number cells */
tr.category td.text-center {
    font-weight: bold !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* Section title link */
.kfrontend a.h3 {
    color: #5388B4 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.kfrontend a.h3:hover {
    text-decoration: underline !important;
}

/* Kunena Forum Page background */
.view-category,
.view-kunena,
.com_kunena {
    background-color: #131722 !important;
}

/* Forum index page wrapper */
#kunena_content {
    background-color: transparent !important;
    padding: 15px !important;
    border-radius: 5px !important;
}

/* Table responsive fix */
.kfrontend .table-responsive {
    overflow-x: visible !important;
}

/* Category icon size */
#kcat-icon svg {
    width: 32px !important;
    height: 32px !important;
    color: #5388B4 !important;
}

/* Statistics and Members sections */
.kfrontend.shadow-lg h3 {
    color: #5388B4 !important;
}

/* Login/user button in Kunena forum toolbar */
#kunena.layout .navbar .btn-light,
#kunena.layout .navbar .btn-outline-secondary,
#kunena.layout .navbar .dropdown-toggle {
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.4) !important;
    background-color: transparent !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
}

#kunena.layout .navbar .btn-light:hover,
#kunena.layout .navbar .btn-outline-secondary:hover,
#kunena.layout .navbar .dropdown-toggle:hover {
    background-color: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.6) !important;
}

/* Login dropdown menu */
#kunena.layout .navbar .dropdown-menu {
    border: 1px solid #5388B4 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* SVG icons in toolbar - make white */
#kunena.layout .navbar svg,
#kunena.layout .navbar .bi {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Login text label */
#kunena.layout .navbar .login-text {
    color: #ffffff !important;
}

/* ============================================ */
/* KUNENA FORUM - Blue Eagle Style Overrides    */
/* Added to match chartsview.co.uk              */
/* ============================================ */

/* Section title header - H1.card-header in Kunena 6 Aurelia */
.kfrontend.section h1.card-header {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-radius: 3px 3px 0 0 !important;
    border: none !important;
}

/* Section title link */
.kfrontend.section h1.card-header a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.kfrontend.section h1.card-header a:hover {
    color: #ccddff !important;
    text-decoration: underline !important;
}

/* Section container border */
.kfrontend.section {
    border: 1px solid #5388B4 !important;
    border-radius: 3px !important;
    margin-bottom: 15px !important;
    background-color: #ffffff !important;
}

/* Category name links - change from red to blue */
.kfrontend h3 a,
.kfrontend .category h3 a {
    color: #5388B4 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.kfrontend h3 a:hover,
.kfrontend .category h3 a:hover {
    color: #2a5e8a !important;
    text-decoration: underline !important;
}

/* Last Post title links - change from orange to blue */
.kfrontend td a:not(.kwho-user):not(.hasTooltip[href*="profile"]) {
    color: #5388B4 !important;
}

/* More specific - last post links in right column */
.kfrontend .category td:last-child a,
.kfrontend .lastpost a {
    color: #5388B4 !important;
}

/* Members and Statistics section headers */
.kfrontend.shadow-lg h3 {
    color: #5388B4 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
}

/* Members/Statistics container styling */
.kfrontend.shadow-lg {
    border: 1px solid #5388B4 !important;
    border-radius: 3px !important;
    margin-bottom: 15px !important;
    background-color: #ffffff !important;
    padding: 10px !important;
}

/* Topic count badge/link next to category name */
.kfrontend h3 small a,
.kfrontend h3 .badge {
    color: #888888 !important;
    font-size: 11px !important;
    font-weight: normal !important;
}

/* Row alternating colors like original */
.kfrontend .category {
    background-color: #ffffff !important;
}

.kfrontend .category:nth-child(even) {
    background-color: #f5f8fc !important;
}

/* Members/Statistics card-header (h2) - fix red link to blue */
.kfrontend.shadow-lg h2.card-header {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border-radius: 3px 3px 0 0 !important;
}

.kfrontend.shadow-lg h2.card-header a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.kfrontend.shadow-lg h2.card-header a:hover {
    color: #ccddff !important;
    text-decoration: underline !important;
}

/* High-specificity rules using #kunena.layout to override kunena.css */
#kunena.layout .kfrontend.shadow-lg h2.card-header {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border-radius: 3px 3px 0 0 !important;
    border-color: #5388B4 !important;
}

#kunena.layout .kfrontend.shadow-lg h2.card-header a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

#kunena.layout .kfrontend.shadow-lg h2.card-header a:hover {
    color: #ccddff !important;
    text-decoration: underline !important;
}

#kunena.layout .kfrontend.section h1.card-header {
    background-color: #5388B4 !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    font-size: 15px !important;
    border-radius: 3px 3px 0 0 !important;
    border-color: #5388B4 !important;
}

#kunena.layout .kfrontend.section h1.card-header a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* SIDEBAR RIGHT - Blog Page Layout */
.has-sidebar-right .site-grid {
  display: grid !important;
  grid-template-columns: 1fr 250px;
  gap: 20px;
}
.has-sidebar-right .container-sidebar-right {
  background: #ffffff !important;
  border-radius: 4px;
  padding: 10px;
  min-width: 0;
}
.has-sidebar-right .container-component {
  min-width: 0;
}
@media (max-width: 991px) {
  .has-sidebar-right .site-grid {
    grid-template-columns: 1fr;
  }
}
.blog-archive .archive-year { margin-bottom: 15px; }
.blog-archive .year-toggle { color: #e60000 !important; font-weight: bold; font-size: 15px; text-decoration: none; }
dl.article-info, .article-info { display: none !important; }

/* SIDEBAR LEFT & RIGHT - Dark theme */
.has-sidebar-left .site-grid,
.has-sidebar-right .site-grid {
  background: transparent !important;
  padding: 0 !important;
}

.has-sidebar-left .container-sidebar-left,
.has-sidebar-right .container-sidebar-right {
  background: #1a1e2e !important;
  border-radius: 4px;
  padding: 15px;
}

.has-sidebar-left .container-component,
.has-sidebar-right .container-component {
  background: #1a1e2e !important;
  border-radius: 4px;
  padding: 15px;
}

/* Sidebar module headings - red on dark */
.container-sidebar-left .moduletable h3,
.container-sidebar-right .moduletable h3 {
  color: #c0392b !important;
  font-size: 17px;
  font-weight: bold;
  border-bottom: 2px solid rgba(192,57,43,0.4);
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* Sidebar links - orange on dark, red hover */
.container-sidebar-left .moduletable a,
.container-sidebar-right .moduletable a {
  color: #e67e22 !important;
  text-decoration: none;
}
.container-sidebar-left .moduletable a:hover,
.container-sidebar-right .moduletable a:hover {
  color: #f39c12 !important;
  text-decoration: underline;
}

/* Sidebar list items */
.container-sidebar-left .moduletable ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.container-sidebar-left .moduletable ul li {
  padding: 4px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.container-sidebar-left .moduletable ul li:last-child {
  border-bottom: none;
}
.container-sidebar-left .moduletable ul ul {
  padding-left: 15px;
}
.container-sidebar-left .moduletable ul ul li {
  font-size: 13px;
}

/* Bold month names in Tradable Charts menu */
.container-sidebar-left .moduletable strong {
  color: #c0392b;
}

/* Remove dark wrapper background globally */
.site-grid {
  background: transparent !important;
}

/* FIX: Sidebar card modules (actual Joomla 5 class structure) */
.container-sidebar-left .sidebar-left h3,
.container-sidebar-left .card h3,
.container-sidebar-right .sidebar-right h3,
.container-sidebar-right .card h3 {
  color: #c0392b !important;
  font-size: 17px;
  font-weight: bold;
  border-bottom: 2px solid rgba(192,57,43,0.4);
  padding-bottom: 6px;
  margin-bottom: 12px;
}

.container-sidebar-left .sidebar-left a,
.container-sidebar-left .card a {
  color: #e67e22 !important;
  text-decoration: none;
}
.container-sidebar-left .sidebar-left a:hover,
.container-sidebar-left .card a:hover {
  color: #f39c12 !important;
  text-decoration: underline;
}

/* Sidebar card list cleanup */
.container-sidebar-left .card ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.container-sidebar-left .card ul li {
  padding: 4px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.container-sidebar-left .card ul li:last-child {
  border-bottom: none;
}
.container-sidebar-left .card ul ul {
  padding-left: 15px;
}
.container-sidebar-left .card ul ul li {
  font-size: 13px;
}

/* Bold month names in sidebar */
.container-sidebar-left .card strong {
  color: #c0392b;
}

/* Sidebar card backgrounds */
.container-sidebar-left .card,
.container-sidebar-right .card {
  background: #1a1e2e !important;
  border-color: rgba(255,255,255,0.06) !important;
}
.container-sidebar-left .card-header,
.container-sidebar-right .card-header {
  background: transparent !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
.container-sidebar-left .card-body,
.container-sidebar-right .card-body {
  background: transparent !important;
  color: #cfd8dc;
}

/* Reduce gap between sidebar and content */
.has-sidebar-left .site-grid {
  gap: 2px !important;
}

/* Hide footer-only menu items from main navigation */
.container-header .container-nav .mod-menu li.nav-item.item-134,
.container-header .container-nav .mod-menu li.nav-item.item-135,
.container-header .container-nav .mod-menu li.nav-item.item-136,
.container-header .container-nav .mod-menu li.nav-item.item-137,
.container-header .container-nav .mod-menu li.nav-item.item-138,
.container-header .container-nav .mod-menu li.nav-item.item-139 {
    display: none !important;
}

/* ── Hero Section ── */
.container-banner {
  background: url('/images/mid-img1.jpg') center/cover no-repeat;
  position: relative;
}
.container-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 1;
}
.cv-hero {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  min-height: 550px;
}
.cv-hero__text {
  flex: 0 0 32%;
}
.cv-hero__chart {
  flex: 1;
  min-width: 0;
}
.cv-hero__heading {
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.75rem;
  line-height: 1.15;
}
.cv-hero__sub {
  font-size: 1.05rem;
  color: #cfd8dc;
  line-height: 1.5;
  margin: 0 0 1.5rem;
}
.cv-hero__buttons {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.cv-hero__btn {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.cv-hero__btn:hover { opacity: 0.85; }
.cv-hero__btn--primary {
  background: #cc0000;
  color: #fff;
  border: 2px solid #cc0000;
}
.cv-hero__btn--ghost {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.cv-hero__trust {
  font-size: 0.85rem;
  color: #90a4ae;
  margin: 0;
}
@media (max-width: 768px) {
  .cv-hero {
    flex-direction: column;
    text-align: center;
    padding: 2rem 1rem;
    min-height: auto;
  }
  .cv-hero__text { flex: none; }
  .cv-hero__buttons { justify-content: center; }
  .cv-hero__heading { font-size: 1.8rem; }
}

/* ── TradingView widgets now use native dark colorTheme ── */
/* (Removed CSS filter inversion - no longer needed) */


/* ============================================
   RESPONSIVE / MOBILE - ChartsView v5
   ============================================ */

/* ── Bootstrap Navbar Integration ── */
.cv-navbar {
  background: #2a5d87 !important;
  padding: 0 !important;
  width: 100%;
}


/* Collapse transition for mobile nav */
.cv-navbar .navbar-collapse {
  overflow: hidden;
}
.cv-navbar .navbar-collapse.collapsing {
  display: block !important;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

/* Hamburger button styling */
.cv-navbar .navbar-toggler {
  border: 2px solid rgba(255,255,255,0.5);
  padding: 6px 10px;
  margin: 6px 10px;
  background: transparent;
}

.cv-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 1.5em;
  height: 1.5em;
}

/* On desktop (>=992px), show nav items in a row, hide toggler */
@media (min-width: 992px) {
  .cv-navbar .navbar-toggler {
    display: none !important;
  }
  .cv-navbar .navbar-collapse {
    display: flex !important;
  }
  .cv-navbar .navbar-collapse .mod-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}

/* On mobile (<992px), collapse the nav */
@media (max-width: 991.98px) {
  /* Show hamburger button */
  .cv-navbar .navbar-toggler {
    display: block !important;
  }

  /* Hide nav by default, show when .show is added by collapse script */
  .cv-navbar .navbar-collapse {
    display: none !important;
  }
  .cv-navbar .navbar-collapse.show,
  .cv-navbar .navbar-collapse.collapsing {
    display: block !important;
  }

  /* Mobile nav container - dark blue background */
  .cv-navbar .navbar-collapse {
    background: #2a5d87 !important;
    width: 100%;
  }

  /* Stack nav items vertically */
  .cv-navbar .navbar-collapse .mod-menu,
  .cv-navbar .navbar-collapse ul.mod-menu,
  .cv-navbar .navbar-collapse ul.nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    background: #2a5d87 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .cv-navbar .navbar-collapse .mod-menu > li,
  .cv-navbar .navbar-collapse .nav-item {
    display: block !important;
    width: 100% !important;
    background: #2a5d87 !important;
  }

  .cv-navbar .navbar-collapse .mod-menu > li > a,
  .cv-navbar .navbar-collapse .nav-item > a {
    display: block !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    white-space: normal !important;
    font-size: 14px !important;
    color: #ffffff !important;
    background: #2a5d87 !important;
    text-decoration: none !important;
  }

  .cv-navbar .navbar-collapse .mod-menu > li > a:hover,
  .cv-navbar .navbar-collapse .nav-item > a:hover {
    background: #1e4d73 !important;
  }

  .cv-navbar .navbar-collapse .nav-item.active > a,
  .cv-navbar .navbar-collapse .nav-item.current > a {
    background: #1a3a5c !important;
    border-left: 3px solid #ffffff;
  }
}

/* ── Header Responsive ── */
@media (max-width: 767.98px) {
  header.header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .container-below-top {
    padding: 8px 15px !important;
  }

  /* Smaller logo on mobile */
  #mod-custom110 img {
    width: 180px !important;
    height: auto !important;
  }

  .container-topbar {
    padding: 5px 15px !important;
    font-size: 13px;
  }
}

/* ── Hero Section Responsive (already has some rules, enhance) ── */
@media (max-width: 991.98px) {
  .cv-hero {
    flex-direction: column;
    text-align: center;
    padding: 2rem 1rem;
    min-height: auto;
  }
  .cv-hero__text {
    flex: none;
    width: 100%;
  }
  .cv-hero__chart {
    width: 100%;
  }
  .cv-hero__buttons {
    justify-content: center;
    flex-wrap: wrap;
  }
  .cv-hero__heading {
    font-size: 1.6rem;
  }
}

@media (max-width: 575.98px) {
  .cv-hero__heading {
    font-size: 1.3rem;
  }
  .cv-hero__sub {
    font-size: 0.9rem;
  }
  .cv-hero__btn {
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
  }
}

/* ── Home Page Bottom Section (Forum Topics + News) ── */
.cv-home-bottom {
  padding: 20px 0 0 0;
  background: #131722;
}
.cv-home-bottom__grid {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding: 0 15px;
}
.cv-home-bottom__col {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
/* Make TradingView Timeline widget fill its column height */
.cv-home-bottom__col .tradingview-widget-container,
.cv-home-bottom__col .tradingview-widget-container__widget,
.cv-home-bottom__col .tradingview-widget-container iframe {
  flex: 1;
  min-height: 0;
}
.cv-home-bottom__col .mod-custom {
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (max-width: 767.98px) {
  .cv-home-bottom__grid {
    flex-direction: column;
    gap: 15px;
  }
  .cv-home-bottom__col {
    width: 100%;
  }
}

/* ── Site Grid Responsive ── */
@media (max-width: 991.98px) {
  .site-grid {
    padding: 0 !important;
  }
  .site-grid .grid-child {
    padding: 10px !important;
  }
  .container-component {
    padding: 10px !important;
  }
}

/* ── TradingView Widgets Responsive ── */
.tradingview-widget-container,
.tradingview-widget-container iframe,
.tradingview-widget-container__widget {
  max-width: 100% !important;
}

@media (max-width: 991.98px) {
  /* All TradingView iframes should be full width */
  iframe[src*="tradingview"],
  iframe[src*="s.tradingview"],
  .tradingview-widget-container iframe {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* TradingView widget containers */
  .tradingview-widget-container {
    width: 100% !important;
    overflow: hidden;
  }
}

@media (max-width: 575.98px) {
  iframe[src*="tradingview"],
  iframe[src*="s.tradingview"],
  .tradingview-widget-container iframe {
    width: 100% !important;
    min-height: 300px;
  }
}

/* ── Footer Responsive ── */
footer.footer .grid-child {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

footer.footer .grid-child > div {
  flex: 1;
  min-width: 200px;
}

@media (max-width: 767.98px) {
  footer.footer .grid-child {
    flex-direction: column;
    padding: 15px !important;
  }
  footer.footer .grid-child > div {
    width: 100%;
    min-width: 0;
  }
}

/* ── General Mobile Fixes ── */
@media (max-width: 767.98px) {
  /* Prevent horizontal overflow */
  body {
    overflow-x: hidden;
  }

  /* Tables should scroll horizontally */
  table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
  }

  /* Images should not overflow */
  img {
    max-width: 100%;
    height: auto;
  }

  /* Iframes should be responsive */
  iframe {
    max-width: 100%;
  }

  /* Article body content */
  .com-content-article__body {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }

  /* Full-width containers should not cause horizontal scroll */
  .full-width {
    max-width: 100vw;
    overflow-x: hidden;
  }
}

/* ── Ticker Responsive ── */
@media (max-width: 767.98px) {
  iframe[src*="ticker-tape"] {
    height: 46px !important;
  }
}

/* ── Kunena Forum Responsive ── */
@media (max-width: 767.98px) {
  .kfrontend .table-responsive {
    overflow-x: auto !important;
  }
  #kunena_content {
    padding: 8px !important;
  }
}

/* ── Sidebar Responsive (already exists but reinforce) ── */
@media (max-width: 991.98px) {
  .has-sidebar-left .site-grid,
  .has-sidebar-right .site-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}


/* ── Forum Link Hover Color (matching live site) ── */
.kfrontend a:hover,
.kfrontend h3 a:hover,
.kfrontend .category h3 a:hover,
.kfrontend td a:hover {
    color: #c0392b !important;
}

/* Forum breadcrumb links (dark bg) */
.com_kunena .breadcrumb a,
.view-kunena .breadcrumb a,
.com_kunena nav[aria-label="Breadcrumbs"] a {
    color: #5dade2 !important;
}

.com_kunena .breadcrumb a:hover,
.view-kunena .breadcrumb a:hover {
    color: #e67e22 !important;
}

.com_kunena .breadcrumb-item,
.com_kunena .breadcrumb-item + .breadcrumb-item::before {
    color: #888 !important;
}

.com_kunena .breadcrumb-item.active {
    color: #cfd8dc !important;
}

/* Who Is Online role legend colors (dark bg) */
#kunena.layout .kwho-admin { color: #e74c3c !important; font-weight: bold; }
#kunena.layout .kwho-globalmoderator { color: #2ecc71 !important; font-weight: bold; }
#kunena.layout .kwho-moderator { color: #5dade2 !important; font-weight: bold; }
#kunena.layout .kwho-user { color: #e67e22 !important; }
#kunena.layout .kwho-banned { color: #7f8c8d !important; text-decoration: line-through; }

/* Forum table header text size consistency */
.kfrontend table tr:not([class]) td:not([colspan="12"]) {
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Poll topic icon */
.kfrontend .category .topic-item svg[data-poll],
.kfrontend .topic-item .fa-poll,
.kfrontend .topic-item .fa-chart-bar {
    color: #5388B4 !important;
}


/* == Section Header Collapse/Toggle Icons (white on blue) == */
.kfrontend.section h1.card-header .btn-toolbar .btn,
.kfrontend.section h1.card-header .btn-outline-primary,
.kfrontend.shadow-lg h2.card-header .btn-toolbar .btn,
.kfrontend.shadow-lg h2.card-header .btn-outline-primary,
#kunena.layout .card-header .btn-outline-primary {
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.5) !important;
    background-color: rgba(255,255,255,0.1) !important;
    padding: 2px 6px !important;
    line-height: 1 !important;
}

.kfrontend.section h1.card-header .btn-toolbar .btn:hover,
.kfrontend.shadow-lg h2.card-header .btn-toolbar .btn:hover,
#kunena.layout .card-header .btn-outline-primary:hover {
    background-color: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.8) !important;
    color: #ffffff !important;
}

/* SVG icons inside section headers */
.kfrontend.section h1.card-header svg,
.kfrontend.shadow-lg h2.card-header svg,
#kunena.layout .card-header .btn svg,
#kunena.layout .card-header .bi {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Lock icons on locked categories */
#kunena.layout .card-header .hasTooltip svg {
    color: rgba(255,255,255,0.7) !important;
    fill: rgba(255,255,255,0.7) !important;
}

/* RSS feed icons in header links */
#kunena.layout h1.card-header a svg,
#kunena.layout h2.card-header a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Fix invisible collapse/toggle icons in forum section headers */
.card-header .btn-outline-primary,
.kfrontend-header .btn-outline-primary,
.card-header button[data-bs-toggle="collapse"] {
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.5) !important;
}
.card-header .btn-outline-primary:hover {
    background-color: rgba(255,255,255,0.2) !important;
}
/* Fix lock icons visibility */
.card-header svg,
.card-header .bi-lock,
.kfrontend-header svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* == ACTUAL collapse button fix - buttons are in h2.btn-toolbar sibling, NOT inside card-header == */
/* Kunena kunena.css sets: #kunena.layout .kfrontend .btn { visibility: hidden } */
/* Must override with higher specificity + visibility: visible */
#kunena.layout .kfrontend.section h2.btn-toolbar .btn,
#kunena.layout .kfrontend.section h2.btn-toolbar .btn-outline-primary,
#kunena.layout .kfrontend.shadow-lg .btn-toolbar .btn,
#kunena.layout .kfrontend.shadow-lg .btn-toolbar .btn-outline-primary {
    visibility: visible !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.5) !important;
    background-color: rgba(255,255,255,0.15) !important;
}
#kunena.layout .kfrontend.section h2.btn-toolbar .btn:hover,
#kunena.layout .kfrontend.shadow-lg .btn-toolbar .btn:hover {
    background-color: rgba(255,255,255,0.3) !important;
    border-color: rgba(255,255,255,0.8) !important;
}
#kunena.layout .kfrontend.section h2.btn-toolbar svg,
#kunena.layout .kfrontend.shadow-lg .btn-toolbar svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ============================================
   HOMEPAGE DARK THEME - Seamless dark from hero to footer
   Scoped to .view-featured (homepage only)
   ============================================ */

/* Main content area on homepage - dark background */
.view-featured .site-grid {
  background: #131722 !important;
  border-radius: 0 !important;
}

.view-featured .site-grid .grid-child {
  background: #131722 !important;
  border-radius: 0 !important;
}

.view-featured .container-component {
  background: #131722 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* "Stock Trading Community" + "What We Offer" article section */
.view-featured .com-content-article {
  background: #1a1e2e !important;
  border-radius: 6px;
  padding: 25px 30px;
  margin: 20px auto;
  max-width: 1200px;
}

.view-featured .com-content-article__body {
  color: #e0e0e0;
}

.view-featured .com-content-article__body h1,
.view-featured .com-content-article__body h2 {
  color: #ffffff !important;
}

.view-featured .com-content-article__body p {
  color: #cfd8dc;
}

.view-featured .com-content-article__body strong {
  color: #ffffff;
}

.view-featured .com-content-article__body a {
  color: #cc0000 !important;
}

.view-featured .com-content-article__body a:hover {
  color: #ff3333 !important;
}

/* Green checkmark table on homepage */
.view-featured .com-content-article__body table {
  color: #cfd8dc;
}

.view-featured .com-content-article__body td {
  color: #cfd8dc;
  border-color: rgba(255,255,255,0.1) !important;
}

/* TradingView widget containers - dark with no white gaps */
.view-featured .main-bottom.card {
  background: #131722 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.view-featured .main-bottom .card-body {
  background: #131722 !important;
  padding: 10px 0 !important;
}

.view-featured .main-bottom .mod-custom {
  background: transparent !important;
}

/* Popular Forum Topics - dark theme */
.cv-home-bottom .mod-custom h3 {
  color: #c0392b !important;
  border-bottom-color: rgba(192, 57, 43, 0.4) !important;
}

/* Forum topic list items */
#mod-custom117 {
  color: #e0e0e0;
}

#mod-custom117 a {
  color: #e67e22 !important;
}

#mod-custom117 a:hover {
  color: #f39c12 !important;
}

/* Author names and dates in forum topics */
#mod-custom117 small,
#mod-custom117 .text-muted,
.cv-home-bottom .cv-home-bottom__col small,
.cv-home-bottom .cv-home-bottom__col .muted,
.cv-home-bottom .cv-home-bottom__col div:not(:has(a)) {
  color: #aaaaaa !important;
}

/* Avatar images on dark background */
#mod-custom117 img {
  border: 2px solid rgba(255,255,255,0.15);
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

/* Market News heading - keep red on dark */
#mod-custom148 h3 {
  color: #c0392b !important;
}

/* Footer - darker matching theme */
footer.footer {
  background: #0d1117 !important;
  color: #cccccc !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08);
}

footer.footer .grid-child {
  background: transparent !important;
}

footer.footer a {
  color: #8899aa !important;
}

footer.footer a:hover {
  color: #ffffff !important;
}

footer.footer p {
  color: #999999;
}

footer.footer h3,
footer.footer strong {
  color: #dddddd !important;
}

/* Smooth transition from cv-home-bottom to footer */
.cv-home-bottom {
  padding-bottom: 20px;
}

/* Module titles in dark sections */
.view-featured .moduletable h3 {
  color: #c0392b !important;
  border-bottom-color: rgba(192, 57, 43, 0.4) !important;
}

/* Remove white from any remaining containers on homepage */
.view-featured .grid-child.container-component > * {
  color: #e0e0e0;
}

/* Cookie banner - darker to match */
.view-featured .cookie-banner,
.view-featured [class*="cookie"] {
  background: #1a1e2e !important;
}

/* Breadcrumbs on homepage (if visible) */
.view-featured .breadcrumb {
  background: rgba(0,0,0,0.3) !important;
}

/* Cards on homepage */
.view-featured .card {
  background: #1a1e2e !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Ensure no white leaks between sections */
.view-featured .site-grid + .cv-home-bottom {
  margin-top: 0;
  padding-top: 20px;
}

/* All text in the forum/news bottom section */
.cv-home-bottom__col {
  color: #e0e0e0;
}

.cv-home-bottom__col a {
  color: #e67e22 !important;
}

.cv-home-bottom__col a:hover {
  color: #f39c12 !important;
}

/* Responsive: ensure dark backgrounds on mobile too */
@media (max-width: 767.98px) {
  .view-featured .com-content-article {
    padding: 15px;
    margin: 10px;
  }
}

/* ============================================
   CONTACT PAGE - Dark theme & professional form
   ============================================ */

/* Dark background for contact page */
.com-contact {
  background: #131722 !important;
  padding: 40px 20px 50px;
  min-height: 60vh;
}

/* Also darken the container around it */
main:has(.com-contact) .container-component,
main:has(.com-contact) {
  background: #131722 !important;
}

/* Hide duplicate headings */
.com-contact .page-header {
  display: none !important;
}
.com-contact > .com-contact__container {
  display: none !important;
}
.com-contact > h2 {
  display: none !important;
}
#contact-form fieldset.m-0 > legend {
  display: none !important;
}

/* "Contact Us" heading via pseudo-element */
.com-contact__form::before {
  content: "Contact Us";
  display: block;
  font-size: 2rem;
  font-weight: 700;
  color: #c0392b;
  text-align: center;
  margin-bottom: 30px;
}

/* Form container - centered, max-width */
.com-contact__form {
  max-width: 650px;
  margin: 0 auto;
}

#contact-form {
  background: #1a1e2e;
  border-radius: 8px;
  padding: 35px 40px;
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}

/* Remove .well default styling */
#contact-form.well {
  background: #1a1e2e;
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}

/* Form field groups */
#contact-form .control-group {
  margin-bottom: 20px;
}

/* Labels */
#contact-form .control-label label,
#contact-form .form-label {
  color: #cfd8dc !important;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
  display: block;
}

#contact-form .control-label label .star {
  color: #c0392b;
}

/* Required field note */
#contact-form .field-spacer {
  margin-bottom: 15px;
}
#contact-form .field-spacer .control-label label {
  color: #888 !important;
  font-size: 12px;
}
#contact-form .field-spacer .red {
  color: #c0392b !important;
}

/* Input fields */
#contact-form .form-control {
  background: #141824 !important;
  border: 1px solid #333 !important;
  border-radius: 4px !important;
  color: #e0e0e0 !important;
  padding: 12px !important;
  font-size: 14px;
  width: 100%;
  transition: border-color 0.2s ease;
}

#contact-form .form-control:focus {
  border-color: #2a9d8f !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(42, 157, 143, 0.2) !important;
}

#contact-form .form-control::placeholder {
  color: #555 !important;
}

/* Textarea */
#contact-form textarea.form-control {
  min-height: 150px;
  resize: vertical;
}

/* Hide Joomla's "Captcha" label - our plugin has its own label */
#jform_captcha-lbl {
  display: none !important;
}

/* Math CAPTCHA styling */
.math-captcha-wrap {
  margin-top: 0 !important;
}

.math-captcha-wrap .form-label {
  color: #cfd8dc !important;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}

/* Submit button */
#contact-form button[type="submit"],
#contact-form .btn-primary,
#contact-form .button,
#contact-form > button {
  display: block;
  width: 100%;
  background: #c0392b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 14px 24px !important;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
  margin-top: 10px;
  text-transform: none;
  letter-spacing: 0.3px;
}

#contact-form button[type="submit"]:hover,
#contact-form .btn-primary:hover,
#contact-form .button:hover,
#contact-form > button:hover {
  background: #e74c3c !important;
  transform: translateY(-1px);
}

#contact-form button[type="submit"]:active,
#contact-form > button:active {
  transform: translateY(0);
}

/* Responsive contact form */
@media (max-width: 575.98px) {
  .com-contact {
    padding: 20px 10px 30px;
  }
  #contact-form {
    padding: 20px 20px;
  }
  .com-contact__form::before {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   SITE-WIDE DARK THEME
   Applied to ALL pages (articles, blog, sidebars, forms, forum)
   Excludes: header/nav, footer (have own styling)
   ═══════════════════════════════════════════════════════════════ */

/* ── Page Headings ── */
.com-content-article h1,
.com-content-article h2,
.com-content-article h3,
.com-content-article h4,
.com-content-category h1,
.com-content-category h2,
.page-header h1,
.page-header h2,
.item-page h1,
.item-page h2 {
  color: #ffffff !important;
}

/* Red accent for main page title */
.page-header h1,
.com-content-article > h1:first-child,
.com-content-article > h2:first-of-type {
  color: #c0392b !important;
}

/* ── Article Content ── */
.com-content-article,
.com-content-article__body,
.item-page,
.com-content-article__body p,
.com-content-article__body li,
.com-content-article__body td,
.com-content-article__body span,
.com-content-article__body div {
  color: #e0e0e0 !important;
}

.com-content-article__body strong,
.com-content-article__body b {
  color: #ffffff !important;
}

.com-content-article__body a {
  color: #e67e22 !important;
  text-decoration: none;
}

.com-content-article__body a:hover {
  color: #f39c12 !important;
  text-decoration: underline;
}

/* ── Article Info / Metadata ── */
.com-content-article__info,
.article-info,
.article-info dd,
.article-info dt,
.com-content-article__info span,
.com-content-article__created-date,
.com-content-article__category {
  color: #999 !important;
}

.com-content-article__info a {
  color: #e67e22 !important;
}

/* ── Breadcrumbs (all pages) ── */
nav[aria-label="Breadcrumbs"],
.mod-breadcrumbs,
ol.breadcrumb {
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 4px;
  padding: 8px 15px !important;
}

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before {
  color: #999 !important;
}

.breadcrumb-item a:hover {
  color: #e67e22 !important;
}

.breadcrumb-item.active {
  color: #cfd8dc !important;
}

/* ── Blog Page ── */
.com-content-category-blog .blog-items,
.com-content-category-blog .blog-item,
.com-content-category-blog .item {
  background: #1e2538 !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 15px;
  color: #e0e0e0 !important;
}

.com-content-category-blog .page-header h1,
.com-content-category-blog .page-header h2 {
  color: #c0392b !important;
}

.com-content-category-blog h2 a,
.com-content-category-blog h3 a,
.com-content-category-blog .item-title a {
  color: #ffffff !important;
  text-decoration: none;
}

.com-content-category-blog h2 a:hover,
.com-content-category-blog h3 a:hover,
.com-content-category-blog .item-title a:hover {
  color: #e67e22 !important;
}

.com-content-category-blog .article-info,
.com-content-category-blog .article-info span,
.com-content-category-blog dd,
.com-content-category-blog dt {
  color: #999 !important;
}

.com-content-category-blog p,
.com-content-category-blog .item-content p {
  color: #cfd8dc !important;
}

/* Blog readmore link */
.com-content-category-blog .readmore a,
.readmore a {
  color: #e67e22 !important;
  font-weight: 600;
}

.com-content-category-blog .readmore a:hover,
.readmore a:hover {
  color: #f39c12 !important;
}

/* ── Links Site-Wide (non-nav, non-footer) ── */
.container-component a:not(.btn):not(.nav-link) {
  color: #e67e22;
}

.container-component a:not(.btn):not(.nav-link):hover {
  color: #f39c12;
}

/* ── Tables Site-Wide ── */
.container-component table {
  border-collapse: collapse;
  width: 100%;
}

.container-component table th {
  background: #1e2538 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 10px 12px;
}

.container-component table td {
  background: transparent !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 8px 12px;
}

.container-component table tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02) !important;
}

.container-component table tr:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* ── Forms Site-Wide (inputs, selects, textareas) ── */
.container-component .form-control,
.container-component input[type="text"],
.container-component input[type="email"],
.container-component input[type="password"],
.container-component input[type="search"],
.container-component input[type="number"],
.container-component input[type="tel"],
.container-component input[type="url"],
.container-component select,
.container-component textarea {
  background: #141824 !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
  border-radius: 4px;
}

.container-component .form-control:focus,
.container-component input:focus,
.container-component select:focus,
.container-component textarea:focus {
  border-color: #2a9d8f !important;
  box-shadow: 0 0 0 2px rgba(42, 157, 143, 0.2) !important;
  outline: none;
}

.container-component .form-control::placeholder {
  color: #555 !important;
}

.container-component label,
.container-component .form-label,
.container-component .control-label {
  color: #cfd8dc !important;
}

/* Buttons site-wide */
.container-component .btn-primary,
.container-component button[type="submit"] {
  background: #c0392b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px;
}

.container-component .btn-primary:hover,
.container-component button[type="submit"]:hover {
  background: #e74c3c !important;
}

/* ── Pagination ── */
.pagination .page-link {
  background: #1e2538 !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.pagination .page-link:hover {
  background: #2a3550 !important;
  color: #ffffff !important;
}

.pagination .page-item.active .page-link {
  background: #c0392b !important;
  color: #ffffff !important;
  border-color: #c0392b !important;
}

.pagination .page-item.disabled .page-link {
  background: #141824 !important;
  color: #555 !important;
}

/* ── Membership / Pricing Cards (inline style overrides) ── */
.com-content-article__body > div[style*="max-width"] {
  color: #e0e0e0 !important;
}

.com-content-article__body > div[style*="max-width"] h2 {
  color: #ffffff !important;
}

.com-content-article__body > div[style*="max-width"] > div[style*="border"] {
  background: #1e2538 !important;
  border-color: #c0392b !important;
}

.com-content-article__body > div[style*="max-width"] > div[style*="border"] > div:last-child {
  color: #e0e0e0 !important;
}

.com-content-article__body > div[style*="max-width"] p[style*="color: #333"] {
  color: #e0e0e0 !important;
}

.com-content-article__body > div[style*="max-width"] p[style*="color: #666"] {
  color: #999 !important;
}

.com-content-article__body > div[style*="max-width"] div[style*="background: #f5f5f5"] {
  background: #141824 !important;
}

.com-content-article__body > div[style*="max-width"] li[style*="color: #333"] {
  color: #cfd8dc !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.com-content-article__body > div[style*="max-width"] li {
  color: #cfd8dc !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── Share Tips / Image Galleries ── */
.com-content-article__body img {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── Dropdown Menus ── */
.dropdown-menu {
  background: #1e2538 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dropdown-menu a,
.dropdown-item {
  color: #e0e0e0 !important;
}

.dropdown-menu a:hover,
.dropdown-item:hover {
  background: #2a3550 !important;
  color: #ffffff !important;
}

/* ── Alerts / Messages ── */
.alert {
  border-radius: 4px;
}

.alert-info {
  background: rgba(42, 157, 143, 0.15) !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(42, 157, 143, 0.3) !important;
}

.alert-success {
  background: rgba(39, 174, 96, 0.15) !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(39, 174, 96, 0.3) !important;
}

.alert-warning {
  background: rgba(230, 126, 34, 0.15) !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(230, 126, 34, 0.3) !important;
}

.alert-danger {
  background: rgba(192, 57, 43, 0.15) !important;
  color: #e0e0e0 !important;
  border: 1px solid rgba(192, 57, 43, 0.3) !important;
}

/* ── Login / Registration Pages ── */
.view-login .container-component,
.view-registration .container-component {
  background: #1a1e2e !important;
}

.view-login .login h2,
.view-registration h2 {
  color: #c0392b !important;
}

.view-login label,
.view-registration label {
  color: #cfd8dc !important;
}

/* ── Joomla Module Titles (global) ── */
.moduletable h3,
.moduletable .module-title {
  color: #c0392b !important;
}

/* ── Cards (Bootstrap) ── */
.container-component .card {
  background: #1a1e2e !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #e0e0e0 !important;
}

.container-component .card-header {
  background: #1e2538 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.container-component .card-body {
  color: #e0e0e0 !important;
}

/* ── Horizontal Rules ── */
.container-component hr {
  border-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
}

/* ── Markets Page - Stock Watchlist ── */
.view-article h1,
.view-article h2,
.view-article h3 {
  color: #ffffff !important;
}

/* ── Live Charts / Economic Calendar / TradingView Wrappers ── */
.com-content-article__body iframe {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Wrapper text around TradingView embeds */
.com-content-article__body .tradingview-widget-container span,
.com-content-article__body .tradingview-widget-copyright a {
  color: #666 !important;
}

/* ═══════════════════════════════════════════════════════════════
   KUNENA FORUM DARK THEME
   Body class: com_kunena
   Matches site-wide dark theme (#131722 bg, #1a1e2e cards)
   Keeps blue (#5388B4) section headers from existing Kunena CSS
   ═══════════════════════════════════════════════════════════════ */

/* ── Forum Containers ── */
body.com_kunena .site-grid,
body.com_kunena .site-grid .grid-child,
body.com_kunena .container-component {
  background: #131722 !important;
}

/* ── Section Wrappers (.kfrontend) ── */
#kunena.layout .kfrontend {
  background: #1a1e2e !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#kunena.layout .kfrontend .collapse.show,
#kunena.layout .kfrontend .collapse {
  background: #1a1e2e !important;
}

/* Description panels */
#kunena.layout .bg-faded {
  background: #141824 !important;
  color: #cfd8dc !important;
}

/* Card bodies (Members, Statistics sections) */
#kunena.layout .card-body {
  background: #1a1e2e !important;
  color: #e0e0e0 !important;
}

/* ── Category/Topic Tables ── */
#kunena.layout table.table {
  background: transparent !important;
  color: #e0e0e0 !important;
}

#kunena.layout table.table thead tr td,
#kunena.layout table.table thead th {
  background: #1e2538 !important;
  color: #aaa !important;
  border-color: rgba(255,255,255,0.06) !important;
}

#kunena.layout table.table tbody tr {
  border-color: rgba(255,255,255,0.06) !important;
}

#kunena.layout table.table tbody tr.category {
  background: #1a1e2e !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

#kunena.layout table.table tbody tr.category:hover {
  background: #1e2538 !important;
}

#kunena.layout table.table td,
#kunena.layout table.table th {
  background: transparent !important;
  color: #e0e0e0 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* Category/topic titles */
#kunena.layout .hasTooltip,
#kunena.layout h3 a {
  color: #5dade2 !important;
}

#kunena.layout h3 a:hover,
#kunena.layout .hasTooltip:hover {
  color: #e67e22 !important;
}

#kunena.layout .topictitle {
  color: #5dade2 !important;
}

#kunena.layout .topictitle:hover {
  color: #e67e22 !important;
}

/* Category descriptions */
#kunena.layout .header-desc {
  color: #999 !important;
}

/* Moderator list */
#kunena.layout .moderators {
  color: #888 !important;
}

/* Topic metadata */
#kunena.layout .started {
  color: #888 !important;
}

#kunena.layout .ktopic-category a {
  color: #5dade2 !important;
}

#kunena.layout .replies,
#kunena.layout .views {
  color: #999 !important;
}

#kunena.layout .repliesnum,
#kunena.layout .viewsnum {
  color: #cfd8dc !important;
}

/* Last post info */
#kunena.layout .lastpostlink a {
  color: #5dade2 !important;
}

#kunena.layout .lastpostby {
  color: #999 !important;
}

#kunena.layout .datepost {
  color: #777 !important;
}

/* Mobile last post */
#kunena.layout #klastpostphone {
  color: #888 !important;
}

#kunena.layout #klastpostphone a {
  color: #5dade2 !important;
}

/* Topic count labels */
#kunena.layout small.nowrap,
#kunena.layout #ksection-count1,
#kunena.layout small {
  color: #999 !important;
}

/* ── Topic/Thread Page - Messages ── */
#kunena.layout .kunena-topic-item h1 {
  color: #ffffff !important;
}

/* Message rows */
#kunena.layout .topic-item-messages .row.message {
  background: transparent !important;
  margin-bottom: 15px;
}

/* User profile panel (left column) */
#kunena.layout .topic-item-messages .col-md-2.shadow {
  background: #1a1e2e !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

#kunena.layout .profilebox li {
  color: #cfd8dc !important;
}

#kunena.layout .profilebox li strong a {
  color: inherit !important;
}

#kunena.layout .profile-expand .content ul li {
  color: #999 !important;
}

#kunena.layout .profile-expand .heading {
  color: #5dade2 !important;
  border-color: rgba(255,255,255,0.15) !important;
}

#kunena.layout .badge.bg-secondary {
  background: #2a3550 !important;
  color: #999 !important;
}

#kunena.layout .topic-starter {
  color: #e67e22 !important;
}

/* Message content (right column) */
#kunena.layout .message-published {
  background: #1e2538 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

#kunena.layout .message-published .shadow-none {
  background: transparent !important;
}

#kunena.layout .mykmsg-header {
  color: #999 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding-bottom: 8px;
  margin-bottom: 10px;
}

#kunena.layout .mykmsg-header em a {
  color: #5dade2 !important;
}

/* Actual message text */
#kunena.layout .kmsg {
  color: #e0e0e0 !important;
}

#kunena.layout .kmsg a,
#kunena.layout .kmsg .bbcode_url {
  color: #e67e22 !important;
}

/* Post timestamp / meta */
#kunena.layout .text-muted {
  color: #777 !important;
}

#kunena.layout .kdate {
  color: #888 !important;
}

#kunena.layout .message-published a[rel="canonical"] {
  color: #5dade2 !important;
}

/* Thank you section */
#kunena.layout .kmessage-thankyou {
  color: #999 !important;
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 8px;
}

/* Attachments */
#kunena.layout .kmsgattach {
  color: #888 !important;
  background: #141824 !important;
  border-radius: 4px;
  padding: 8px;
}

/* Login/register prompt in topics */
#kunena.layout .message-published > p {
  color: #999 !important;
}

#kunena.layout .message-published .btn-link {
  color: #e67e22 !important;
}

/* ── Pagination ── */
#kunena.layout .pagination .page-link {
  background: #1e2538 !important;
  color: #cfd8dc !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#kunena.layout .pagination .page-link:hover {
  background: #2a3550 !important;
  color: #ffffff !important;
}

#kunena.layout .pagination .page-item.active .page-link {
  background: #5388B4 !important;
  color: #ffffff !important;
  border-color: #5388B4 !important;
}

#kunena.layout .pagination .page-item.disabled .page-link {
  background: #141824 !important;
  color: #555 !important;
}

/* ── Form Inputs (search, category select) ── */
#kunena.layout .form-control,
#kunena.layout .form-select,
#kunena.layout .inputbox {
  background: #141824 !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

#kunena.layout .form-control:focus,
#kunena.layout .form-select:focus {
  border-color: #5388B4 !important;
  box-shadow: 0 0 0 2px rgba(83, 136, 180, 0.25) !important;
}

#kunena.layout .form-control::placeholder {
  color: #666 !important;
}

#kunena.layout .input-group-text {
  background: #1e2538 !important;
  color: #cfd8dc !important;
  border-color: #333 !important;
}

/* ── Dropdown Menus ── */
#kunena.layout .dropdown-menu {
  background: #1e2538 !important;
  border-color: rgba(255,255,255,0.1) !important;
}

#kunena.layout .dropdown-menu a,
#kunena.layout .dropdown-menu .dropdown-item {
  color: #e0e0e0 !important;
}

#kunena.layout .dropdown-menu a:hover,
#kunena.layout .dropdown-menu .dropdown-item:hover {
  background: #2a3550 !important;
  color: #ffffff !important;
}

#kunena.layout .dropdown-divider {
  border-color: rgba(255,255,255,0.08) !important;
}

/* ── Search Page Accordion ── */
#kunena.layout .accordion-item {
  background: #1a1e2e !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #e0e0e0 !important;
}

#kunena.layout .accordion-button {
  background: #1e2538 !important;
  color: #5dade2 !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}

#kunena.layout .accordion-button:not(.collapsed) {
  background: #2a3550 !important;
  color: #ffffff !important;
}

#kunena.layout .accordion-button::after {
  filter: invert(1) brightness(2);
}

#kunena.layout .accordion-body {
  background: #1a1e2e !important;
  color: #e0e0e0 !important;
}

/* Search form fieldsets */
#kunena.layout fieldset {
  border-color: rgba(255,255,255,0.1) !important;
}

#kunena.layout fieldset legend,
#kunena.layout fieldset .col-form-label {
  color: #999 !important;
}

/* Search form listbox (categories) */
#kunena.layout select[multiple],
#kunena.layout .form-select[multiple] {
  background: #141824 !important;
  color: #e0e0e0 !important;
  border-color: #333 !important;
}

#kunena.layout select option {
  background: #1a1e2e !important;
  color: #e0e0e0 !important;
}

#kunena.layout select option:checked,
#kunena.layout select option:hover {
  background: #2a3550 !important;
  color: #ffffff !important;
}

/* Search form checkbox labels */
#kunena.layout .form-check-label {
  color: #cfd8dc !important;
}

#kunena.layout .form-check-input {
  background-color: #141824 !important;
  border-color: #555 !important;
}

#kunena.layout .form-check-input:checked {
  background-color: #5388B4 !important;
  border-color: #5388B4 !important;
}

/* ── Select Dropdown Options (native) ── */
body.com_kunena {
  --bs-body-bg: #131722;
  color-scheme: dark;
}

/* Explicit dark bg for all select elements including Board Categories */
#kunena.layout select,
body.com_kunena select {
  background-color: #141824 !important;
  color: #e0e0e0 !important;
}

/* Make forum Board Categories dropdown wider */
.kfrontend select,
.kunena select,
#kcategory-jump,
select[name="catid"],
select#catid,
.forum-category-select,
.btn-toolbar select {
  min-width: 350px !important;
  width: auto !important;
  max-width: 100% !important;
}

/* ── Buttons ── */
#kunena.layout .btn-outline-primary {
  color: #5dade2 !important;
  border-color: #5dade2 !important;
}

#kunena.layout .btn-outline-primary:hover {
  background: rgba(93, 173, 226, 0.15) !important;
  color: #ffffff !important;
}

/* ── SVG Icons (outside toolbar - in tables/content) ── */
#kunena.layout .kfrontend svg,
#kunena.layout .kfrontend .bi,
#kunena.layout table svg {
  color: #5dade2 !important;
  fill: #5dade2 !important;
}

/* Locked category icons */
#kunena.layout table .bi-lock {
  color: #e74c3c !important;
  fill: #e74c3c !important;
}

/* ── Shadows - soften for dark bg ── */
#kunena.layout .shadow-lg {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

#kunena.layout .shadow {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

#kunena.layout .border {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── Statistics / Who Is Online ── */
#kunena.layout .card-body li {
  color: #cfd8dc !important;
}

#kunena.layout .card-body strong {
  color: #ffffff !important;
}

/* ── Forum page timing footer ── */
#kunena.layout .d-flex.justify-content-center {
  color: #555 !important;
}

/* RSS icon */
#kunena.layout .large-kicon a svg,
#kunena.layout .large-kicon svg {
  color: #e67e22 !important;
  fill: #e67e22 !important;
}

/* ── User Profile Page ── */
#kunena.layout .kprofile-left,
#kunena.layout .kprofile-left ul {
  background: #1a1e2e !important;
  color: #cfd8dc !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#kunena.layout .kprofile-left li strong {
  color: #5dade2 !important;
}

/* Profile info boxes (Register Date, Profile views, Gender etc) */
#kunena.layout .list-group-item {
  background: #1a1e2e !important;
  color: #cfd8dc !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#kunena.layout .list-group-item strong {
  color: #5dade2 !important;
}

#kunena.layout .list-group-flush {
  border-color: rgba(255,255,255,0.08) !important;
}

/* Profile heading */
#kunena.layout h1 {
  color: #ffffff !important;
}

/* Profile avatar area */
#kunena.layout .kprofile-left .profilebox,
#kunena.layout .kprofilebox {
  background: #1a1e2e !important;
}

/* Tab navigation (Posts tab etc) */
#kunena.layout .nav-tabs {
  border-color: rgba(255,255,255,0.1) !important;
}

#kunena.layout .nav-tabs .nav-link {
  background: #1e2538 !important;
  color: #cfd8dc !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#kunena.layout .nav-tabs .nav-link.active,
#kunena.layout .nav-tabs .nav-link:hover {
  background: #5388B4 !important;
  color: #ffffff !important;
  border-color: #5388B4 !important;
}

/* Tab content area */
#kunena.layout .tab-content,
#kunena.layout .tab-pane {
  background: transparent !important;
  color: #e0e0e0 !important;
}

/* User list page */
#kunena.layout .kuserlist table td,
#kunena.layout .kuserlist table th {
  background: transparent !important;
  color: #e0e0e0 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

#kunena.layout .kuserlist a {
  color: #5dade2 !important;
}

/* Search results */
#kunena.layout .ksearch-result {
  background: #1a1e2e !important;
  border-color: rgba(255,255,255,0.06) !important;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

/* Blockquotes in messages */
#kunena.layout blockquote,
#kunena.layout .kmsg blockquote {
  background: #141824 !important;
  border-left: 3px solid #5388B4 !important;
  color: #bbb !important;
  padding: 10px 15px;
}

/* ── General text in forum ── */
#kunena.layout,
#kunena.layout p,
#kunena.layout li,
#kunena.layout span,
#kunena.layout div {
  color: #e0e0e0;
}


/* === Login Page Dark Theme === */
.com-users-login .well,
.com-users-login__form.well {
    background-color: #1a1e2e;
    border: 1px solid #333;
    color: #e0e0e0;
}

.com-users-login .control-label,
.com-users-login label {
    color: #e0e0e0;
}

.com-users-login .form-control,
.com-users-login input[type="text"],
.com-users-login input[type="password"] {
    background-color: #141824;
    border: 1px solid #333;
    color: #e0e0e0;
}

.com-users-login .form-control:focus,
.com-users-login input:focus {
    border-color: #1abc9c;
    box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}

.com-users-login__submit .btn-primary,
.com-users-login .btn-primary {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #fff;
    width: 100%;
}

.com-users-login__submit .btn-primary:hover {
    background-color: #a93226;
}

.com-users-login__options .list-group-item {
    background-color: #1a1e2e;
    border-color: #333;
}

.com-users-login__options .list-group-item a {
    color: #e67e22;
}

.com-users-login__options .list-group-item a:hover {
    color: #f39c12;
}

.com-users-login .com-users-login__remember label {
    color: #cfd8dc;
}



/* ============================================
   NOTE: JCH Optimize strips the z-index and overflow rules below.
   These are duplicated in index.php inside a <style data-jchoptimize-exclude>
   block to ensure they actually apply. If editing dropdown styles,
   update BOTH user.css AND the index.php excluded block.
   ============================================ */

/* Header z-index fix - dropdowns must appear above ticker iframe */
header.header.container-header {
    position: relative !important;
    z-index: 1000 !important;
}
/* Fix navbar-collapse overflow clipping dropdowns */
.container-header nav .navbar-collapse {
    overflow: visible !important;
}

/* ============================================
   DROPDOWN NAVIGATION MENUS (2026-02-28)
   ============================================ */

/* Parent dropdown items - cursor pointer and position relative */
.container-header nav ul li.deeper.parent {
    position: relative;
}

/* Parent heading text - make it look clickable with arrow */
.container-header nav ul li.deeper.parent > .nav-header {
    cursor: pointer;
    padding-right: 16px;
    position: relative;
}

/* Arrow indicator on parent items */
.container-header nav ul li.deeper.parent > .nav-header::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #e0e0e0;
    margin-left: 6px;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

/* Hide sub-menus by default */
.container-header nav ul li.deeper.parent > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    min-width: 220px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    background: #1a1a2e;
    border: 1px solid #2a2a3e;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Show sub-menu on hover */
.container-header nav ul li.deeper.parent:hover > ul {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Rotate arrow when open */
.container-header nav ul li.deeper.parent:hover > .nav-header::after {
    transform: rotate(180deg);
}

/* Dropdown items */
.container-header nav ul li.deeper.parent > ul > li {
    display: block;
    padding: 0;
    margin: 0;
}

/* Dropdown links */
.container-header nav ul li.deeper.parent > ul > li > a {
    display: block;
    padding: 10px 20px;
    color: #e0e0e0;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 400;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    border-left: 3px solid transparent;
}

/* Dropdown link hover */
.container-header nav ul li.deeper.parent > ul > li > a:hover {
    background: #2a2a3e;
    color: #fff;
    border-left-color: #c0392b;
}

/* Active/current dropdown item */
.container-header nav ul li.deeper.parent > ul > li.current > a,
.container-header nav ul li.deeper.parent > ul > li.active > a {
    background: #2a2a3e;
    border-left-color: #c0392b;
    color: #fff;
}

/* ============================================
   MOBILE DROPDOWN (< 992px)
   ============================================ */
@media (max-width: 991px) {
    /* Reset dropdown positioning for mobile */
    .container-header nav ul li.deeper.parent > ul {
        position: static;
        display: none;
        opacity: 1;
        transform: none;
        background: #151528;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        min-width: auto;
        border-left: 2px solid #c0392b;
        margin-left: 12px;
    }

    /* Mobile: show on click (handled by toggling a class) */
    .container-header nav ul li.deeper.parent.cv-open > ul {
        display: block;
    }

    /* Mobile dropdown links */
    .container-header nav ul li.deeper.parent > ul > li > a {
        padding: 8px 16px;
        font-size: 0.85rem;
    }
}

/* === TradingView Review Page === */
.tv-review-page { font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', sans-serif; color: #e0e0e0; }
.tv-affiliate-note { background: #1a1a2e; border-left: 3px solid #555; border-radius: 0 8px 8px 0; padding: 12px 16px; margin-bottom: 24px; font-size: 0.8em; color: #777; line-height: 1.5; }
.tv-hero { background: linear-gradient(135deg, #0f1923 0%, #131722 50%, #1a1a2e 100%); border: 1px solid #2a2a4a; border-radius: 12px; padding: 40px; margin-bottom: 32px; position: relative; overflow: hidden; }
.tv-hero::before { content: ''; position: absolute; top: -50%; right: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(41,98,255,0.12) 0%, transparent 70%); border-radius: 50%; }
.tv-hero-badge { display: inline-block; background: #2962ff; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 16px; }
.tv-hero h1 { font-size: 2.2em; font-weight: 800; color: #ffffff; margin: 0 0 16px 0; line-height: 1.2; }
.tv-hero p { font-size: 1.1em; color: #b0b8c8; margin: 0 0 28px 0; line-height: 1.6; max-width: 600px; }
.tv-hero-rating { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.tv-stars { color: #f0b429; font-size: 1.3em; letter-spacing: 2px; }
.tv-rating-text { color: #e0e0e0; font-weight: 600; font-size: 1.1em; }
.tv-rating-sub { color: #888; font-size: 0.9em; }
.tv-cta-btn { display: inline-block; background: #2962ff; color: #ffffff !important; font-weight: 700; font-size: 1em; padding: 14px 32px; border-radius: 8px; text-decoration: none !important; transition: background 0.2s; letter-spacing: 0.3px; }
.tv-cta-btn:hover { background: #1e53e5; }
.tv-cta-btn.red { background: #c0392b; }
.tv-cta-btn.red:hover { background: #a93226; }
.tv-disclaimer { font-size: 0.78em; color: #666; margin-top: 12px; }
.tv-logo-bar { display: flex; align-items: center; gap: 16px; background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 10px; padding: 20px 24px; margin-bottom: 32px; }
.tv-logo-icon { width: 56px; height: 56px; background: #2962ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1.1em; color: #fff; flex-shrink: 0; letter-spacing: -1px; }
.tv-logo-info h3 { margin: 0 0 4px 0; color: #fff; font-size: 1.1em; }
.tv-logo-info p { margin: 0; color: #888; font-size: 0.88em; }
.tv-logo-verdict { margin-left: auto; text-align: right; }
.tv-logo-verdict .score { font-size: 2em; font-weight: 800; color: #2962ff; line-height: 1; }
.tv-logo-verdict .score-label { font-size: 0.75em; color: #666; }
.tv-section { margin-bottom: 36px; }
.tv-section h2 { font-size: 1.5em; font-weight: 700; color: #ffffff; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 2px solid #c0392b; display: inline-block; }
.tv-section p { color: #c8d0dc; line-height: 1.75; margin-bottom: 14px; }
.tv-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin-bottom: 24px; }
.tv-feature-card { background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 10px; padding: 20px; transition: border-color 0.2s; }
.tv-feature-card:hover { border-color: #2962ff; }
.tv-feature-icon { font-size: 1.8em; margin-bottom: 10px; }
.tv-feature-card h4 { color: #ffffff; margin: 0 0 8px 0; font-size: 0.95em; font-weight: 700; }
.tv-feature-card p { color: #888; font-size: 0.85em; margin: 0; line-height: 1.5; }
.tv-plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; }
.tv-plan { background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 10px; padding: 20px 16px; text-align: center; position: relative; }
.tv-plan.featured { border-color: #2962ff; background: #0f1923; }
.tv-plan.featured::before { content: 'MOST POPULAR'; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: #2962ff; color: #fff; font-size: 9px; font-weight: 700; letter-spacing: 1px; padding: 3px 10px; border-radius: 10px; white-space: nowrap; }
.tv-plan-name { font-size: 0.85em; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.tv-plan-price { font-size: 1.6em; font-weight: 800; color: #ffffff; line-height: 1; }
.tv-plan-price span { font-size: 0.45em; color: #888; font-weight: 400; }
.tv-plan-period { font-size: 0.75em; color: #666; margin-bottom: 12px; }
.tv-plan-features { list-style: none; padding: 0; margin: 0; font-size: 0.8em; color: #aaa; text-align: left; }
.tv-plan-features li { padding: 4px 0; border-top: 1px solid #2a2a3a; }
.tv-plan-features li::before { content: '✓ '; color: #2962ff; font-weight: 700; }
.tv-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
.tv-pros, .tv-cons { background: #1a1a2e; border-radius: 10px; padding: 20px; }
.tv-pros { border-top: 3px solid #27ae60; }
.tv-cons { border-top: 3px solid #c0392b; }
.tv-pros h3 { color: #27ae60; margin: 0 0 14px 0; font-size: 1em; }
.tv-cons h3 { color: #c0392b; margin: 0 0 14px 0; font-size: 1em; }
.tv-pros ul, .tv-cons ul { list-style: none; padding: 0; margin: 0; }
.tv-pros ul li, .tv-cons ul li { padding: 6px 0; font-size: 0.88em; color: #c8d0dc; border-bottom: 1px solid #252535; }
.tv-pros ul li::before { content: '✓ '; color: #27ae60; font-weight: 700; }
.tv-cons ul li::before { content: '✗ '; color: #c0392b; }
.tv-verdict-box { background: linear-gradient(135deg, #0f1923, #1a1a2e); border: 1px solid #2962ff; border-radius: 12px; padding: 28px; margin-bottom: 32px; text-align: center; }
.tv-verdict-box h3 { color: #fff; font-size: 1.3em; margin: 0 0 12px 0; }
.tv-verdict-box p { color: #b0b8c8; margin: 0 0 20px 0; line-height: 1.6; }
.tv-mid-cta { background: linear-gradient(135deg, #0a0f1a, #131722); border: 1px solid #2a2a4a; border-radius: 12px; padding: 28px; margin: 32px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.tv-mid-cta-text h3 { color: #fff; margin: 0 0 6px 0; font-size: 1.1em; }
.tv-mid-cta-text p { color: #888; margin: 0; font-size: 0.88em; }
.tv-widget-wrapper { background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 10px; overflow: hidden; margin-bottom: 24px; }
.tv-widget-label { padding: 12px 16px; font-size: 0.8em; color: #666; border-bottom: 1px solid #2a2a3a; }
.tv-compare-table { width: 100%; border-collapse: collapse; margin-bottom: 24px; font-size: 0.88em; }
.tv-compare-table th { background: #1a1a2e; color: #888; font-weight: 600; padding: 10px 14px; text-align: left; border-bottom: 2px solid #2a2a3a; font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.5px; }
.tv-compare-table td { padding: 10px 14px; border-bottom: 1px solid #1e1e2e; color: #c8d0dc; }
.tv-compare-table tr:hover td { background: #1a1a2e; }
.tv-compare-table .check { color: #27ae60; font-weight: 700; }
.tv-compare-table .cross { color: #c0392b; }
.tv-compare-table .highlight td { color: #fff; font-weight: 600; }
@media (max-width: 600px) { .tv-hero h1 { font-size: 1.6em; } .tv-pros-cons { grid-template-columns: 1fr; } .tv-plans-grid { grid-template-columns: repeat(2, 1fr); } .tv-mid-cta { flex-direction: column; } .tv-logo-verdict { display: none; } }

/* === MetaStock Articles === */
.ms-hero { background: linear-gradient(135deg, #0f1923 0%, #131722 50%, #1a1a2e 100%); border: 1px solid #2a2a4a; border-radius: 12px; padding: 40px; margin-bottom: 32px; }
.ms-hero-badge { display: inline-block; background: #c0392b; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 16px; }
.ms-hero h1 { font-size: 2em; font-weight: 800; color: #ffffff; margin: 0 0 16px 0; line-height: 1.2; }
.ms-hero p { font-size: 1.05em; color: #b0b8c8; margin: 0 0 24px 0; line-height: 1.6; max-width: 700px; }
.ms-cta-btn { display: inline-block; background: #c0392b; color: #ffffff !important; font-weight: 700; font-size: 1em; padding: 14px 32px; border-radius: 8px; text-decoration: none !important; transition: background 0.2s; }
.ms-cta-btn:hover { background: #a93226; }
.ms-cta-btn.blue { background: #2962ff; }
.ms-cta-btn.blue:hover { background: #1e53e5; }
.ms-disclaimer { font-size: 0.78em; color: #666; margin-top: 10px; }
.ms-info-bar { display: flex; align-items: center; gap: 16px; background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 10px; padding: 20px 24px; margin-bottom: 32px; flex-wrap: wrap; }
.ms-info-bar-icon { width: 52px; height: 52px; background: #c0392b; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1em; color: #fff; flex-shrink: 0; }
.ms-info-bar-text h3 { margin: 0 0 4px 0; color: #fff; font-size: 1.05em; }
.ms-info-bar-text p { margin: 0; color: #888; font-size: 0.85em; }
.ms-section { margin-bottom: 32px; }
.ms-section h2 { font-size: 1.4em; font-weight: 700; color: #ffffff; margin: 0 0 14px 0; padding-bottom: 10px; border-bottom: 2px solid #c0392b; display: inline-block; }
.ms-section p { color: #c8d0dc; line-height: 1.75; margin-bottom: 12px; }
.ms-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-bottom: 24px; }
.ms-feature-card { background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 10px; padding: 18px; transition: border-color 0.2s; }
.ms-feature-card:hover { border-color: #c0392b; }
.ms-feature-icon { font-size: 1.6em; margin-bottom: 8px; }
.ms-feature-card h4 { color: #ffffff; margin: 0 0 6px 0; font-size: 0.92em; font-weight: 700; }
.ms-feature-card p { color: #888; font-size: 0.82em; margin: 0; line-height: 1.5; }
.ms-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
.ms-pros { background: #1a1a2e; border-radius: 10px; padding: 20px; border-top: 3px solid #27ae60; }
.ms-cons { background: #1a1a2e; border-radius: 10px; padding: 20px; border-top: 3px solid #c0392b; }
.ms-pros h3 { color: #27ae60; margin: 0 0 14px 0; font-size: 1em; }
.ms-cons h3 { color: #c0392b; margin: 0 0 14px 0; font-size: 1em; }
.ms-pros ul, .ms-cons ul { list-style: none; padding: 0; margin: 0; }
.ms-pros ul li, .ms-cons ul li { padding: 6px 0; font-size: 0.87em; color: #c8d0dc; border-bottom: 1px solid #252535; }
.ms-pros ul li::before { content: "\2713 "; color: #27ae60; font-weight: 700; }
.ms-cons ul li::before { content: "\2717 "; color: #c0392b; }
.ms-verdict { background: linear-gradient(135deg, #0f1923, #1a1a2e); border: 1px solid #c0392b; border-radius: 12px; padding: 28px; margin-bottom: 32px; text-align: center; }
.ms-verdict h3 { color: #fff; font-size: 1.3em; margin: 0 0 12px 0; }
.ms-verdict p { color: #b0b8c8; margin: 0 0 20px 0; line-height: 1.6; }
.ms-affiliate-note { background: #1a1a2e; border-left: 3px solid #555; border-radius: 0 8px 8px 0; padding: 10px 14px; margin-bottom: 20px; font-size: 0.78em; color: #666; }
/* === Charting Software Hub Page === */
.cs-hero { background: linear-gradient(135deg, #0f1923 0%, #131722 50%, #1a1a2e 100%); border: 1px solid #2a2a4a; border-radius: 12px; padding: 48px 40px; margin-bottom: 40px; text-align: center; }
.cs-hero h1 { font-size: 2.4em; font-weight: 800; color: #fff; margin: 0 0 16px 0; line-height: 1.2; }
.cs-hero p { font-size: 1.1em; color: #b0b8c8; margin: 0 auto 28px auto; max-width: 700px; line-height: 1.7; }
.cs-hero-badges { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 0; }
.cs-badge { background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 20px; padding: 6px 16px; font-size: 0.82em; color: #b0b8c8; }
.cs-tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 40px; }
.cs-tool-card { background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 12px; padding: 28px; position: relative; transition: border-color 0.2s; }
.cs-tool-card:hover { border-color: #c0392b; }
.cs-tool-card.recommended { border-color: #2962ff; }
.cs-tool-card.recommended::before { content: "\2B50 ChartsView Recommended"; position: absolute; top: -12px; left: 20px; background: #2962ff; color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 1px; padding: 3px 12px; border-radius: 10px; }
.cs-tool-icon { font-size: 2em; margin-bottom: 12px; }
.cs-tool-card h3 { color: #fff; font-size: 1.2em; margin: 0 0 8px 0; font-weight: 700; }
.cs-tool-card .cs-tool-tagline { color: #888; font-size: 0.85em; margin: 0 0 16px 0; }
.cs-tool-card ul { list-style: none; padding: 0; margin: 0 0 20px 0; }
.cs-tool-card ul li { padding: 5px 0; font-size: 0.85em; color: #c8d0dc; border-bottom: 1px solid #252535; }
.cs-tool-card ul li::before { content: "\2713 "; color: #27ae60; font-weight: 700; }
.cs-tool-card .cs-price { font-size: 0.82em; color: #888; margin-bottom: 16px; }
.cs-btn { display: inline-block; background: #c0392b; color: #fff !important; font-weight: 700; font-size: 0.9em; padding: 11px 24px; border-radius: 8px; text-decoration: none !important; margin-right: 8px; margin-bottom: 8px; }
.cs-btn.blue { background: #2962ff; }
.cs-btn.outline { background: transparent; border: 1px solid #555; color: #b0b8c8 !important; }
.cs-btn:hover { opacity: 0.85; }
.cs-compare-table { width: 100%; border-collapse: collapse; margin-bottom: 32px; font-size: 0.88em; }
.cs-compare-table th { background: #1a1a2e; color: #888; font-weight: 600; padding: 12px 16px; text-align: left; border-bottom: 2px solid #2a2a3a; font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.5px; }
.cs-compare-table th:first-child { width: 35%; }
.cs-compare-table td { padding: 11px 16px; border-bottom: 1px solid #1e1e2e; color: #c8d0dc; }
.cs-compare-table tr:hover td { background: #1a1a2e; }
.cs-compare-table .yes { color: #27ae60; font-weight: 600; }
.cs-compare-table .no { color: #c0392b; }
.cs-compare-table .partial { color: #f0b429; }
.cs-section-title { font-size: 1.4em; font-weight: 700; color: #fff; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 2px solid #c0392b; display: inline-block; }
.cs-links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-bottom: 32px; }
.cs-link-card { background: #1a1a2e; border: 1px solid #2a2a3a; border-radius: 10px; padding: 18px; text-decoration: none !important; display: block; transition: border-color 0.2s; }
.cs-link-card:hover { border-color: #c0392b; }
.cs-link-card .cs-link-icon { font-size: 1.5em; margin-bottom: 8px; }
.cs-link-card h4 { color: #fff; margin: 0 0 4px 0; font-size: 0.92em; font-weight: 700; }
.cs-link-card p { color: #888; font-size: 0.8em; margin: 0; }
.cs-verdict-bar { background: linear-gradient(135deg, #0f1923, #1a1a2e); border: 1px solid #2a2a3a; border-radius: 12px; padding: 28px; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.cs-verdict-bar-text h3 { color: #fff; margin: 0 0 6px 0; font-size: 1.1em; }
.cs-verdict-bar-text p { color: #888; margin: 0; font-size: 0.88em; line-height: 1.5; }
@media (max-width: 700px) { .cs-tools-grid { grid-template-columns: 1fr; } .cs-hero h1 { font-size: 1.7em; } .ms-pros-cons { grid-template-columns: 1fr; } }

/* Fix: Allow inline color styles on briefing table cells to override dark theme */
.com-content-article__body td[style*="color"],
.container-component table td[style*="color"],
.view-featured .com-content-article__body td[style*="color"] {
  color: inherit !important;
}
.com-content-article__body td[style*="#27ae60"],
.container-component table td[style*="#27ae60"] { color: #27ae60 !important; }
.com-content-article__body td[style*="#e74c3c"],
.container-component table td[style*="#e74c3c"] { color: #e74c3c !important; }