/* *****************************************************
   WayaVPN Custom CSS Overrides
   Overrides WHMCS default styles for a dark theme with
   neon green accents and improved contrast.
   Backgrounds: Dark (#0D0D0D)
   Accent (links, highlights, tooltips, etc.): Neon green (#00FF00)
   Base text: Light (#eee)
***************************************************** */

/* Global Background & Text Color */
body,
section#main-body,
section#footer,
#main-menu,
.navbar,
.navbar-inverse,
.navbar-main {
    background-color: #0D0D0D !important;
    color: #2ecc71 !important;
}

/* Global link color */
a, a:visited {
    color: #00FF00 !important;
}
a:hover, a:focus {
    color: #00FF00 !important;
}

/* Headings & Breadcrumbs (in header) */
div.header-lined h1,
div.header-lined h2,
div.header-lined h3,
div.header-lined h4,
div.header-lined h5,
div.header-lined h6 {
    color: #00FF00 !important;
}
div.header-lined .breadcrumb li a {
    color: #00FF00 !important;
}
div.header-lined .breadcrumb > .active {
    color: #00FF00 !important;
}

/* Navbar & Main Menu */
.navbar-main,
#main-menu,
.navbar,
.navbar-inverse {
    background-color: #0D0D0D !important;
    border: none !important;
}
.navbar-main .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}
.navbar-main .navbar-nav > li.active > a,
.navbar-main .navbar-nav > li.active > a:hover,
.navbar-main .navbar-nav > li.active > a:focus {
    background-color: #043d5f !important;
    color: #000 !important;
}

/* Tooltip Overrides */
.tooltip-inner {
    background-color: #00FF00 !important;
    color: #0D0D0D !important;
}
.tooltip.top .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.left .tooltip-arrow {
    border-color: #00FF00 !important;
}

/* Home Page Banner */
section#home-banner {
    background-color: #0D0D0D !important;
    color: #fff !important;
}
section#home-banner h2 {
    color: #00FF00 !important;
}

/* Footer */
section#footer {
    background-color: #0D0D0D !important;
    color: #aaa !important;
}
section#footer .back-to-top i {
    background-color: #333 !important;
    color: #00FF00 !important;
}

/* Buttons Overrides */
.btn-primary {
    background-color: #00FF00 !important;
    border-color: #00FF00 !important;
    color: #0D0D0D !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #00e600 !important;
    border-color: #00e600 !important;
    color: #0D0D0D !important;
}
/* Optional: override .btn-default to a darker variant */
.btn-default {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #eee !important;
}
/* For .btn-info, use neon accent */
.btn-info {
    background-color: #00FF00 !important;
    border-color: #00FF00 !important;
    color: #0D0D0D !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #00e600 !important;
    border-color: #00e600 !important;
    color: #0D0D0D !important;
}

/* Form Controls */
.form-control {
    background-color: #222 !important;
    color: #000 !important;
    border: 1px solid #00FF00 !important;
}
.form-control:focus {
    border-color: #00FF00 !important;
    box-shadow: none !important;
}

/* Panels & Accents (overriding blue accents) */
.panel.panel-accent-blue,
.panel.panel-accent-brand-xovinow-blue,
.panel.panel-accent-green,
.panel.panel-accent-red {
    border-top-color: #00FF00 !important;
}

/* Override any instance of the default blue codes used by WHMCS */
/* Replace #058, #0e5077, #043d5f, #00a3c6, #006687, #10069F, #5bc0de with our theme colors */
a, 
div.header-lined a, 
div.header-lined .breadcrumb li a {
    color: #00FF00 !important;
}

/* Ensure section headers and search buttons adopt our dark theme */
section#header,
section#footer,
section#main-body {
    background-color: #0D0D0D !important;
}
section#header .search .btn {
    background-color: #222 !important;
    border-color: #222 !important;
    color: #00FF00 !important;
}

/* Adjust panels with emerald green backgrounds to have dark text for readability */
.bg-color-emerald,
.bg-color-green {
    background-color: #2ecc71 !important;
    color: #000 !important;
}

/* Adjust any white text that appears on green backgrounds */
.bg-color-green a,
.bg-color-emerald a {
    color: #000 !important;
}

/* Miscellaneous Overrides */

/* Ensure header logo text uses our accent */
section#header .logo-text {
    color: #00FF00 !important;
}

/* Override top navigation links if needed */
ul.top-nav > li > a {
    color: #fff !important;
}

/* Override any default button overflow issues */
.btn {
    overflow: hidden;
}
/* Deep Orange Dropdown Menu Overrides */
.navbar-main .dropdown-menu,
.dropdown-menu {
    background-color: #276539 !important;
    border-color: #276539 !important;
}

.navbar-main .dropdown-menu > li > a,
.dropdown-menu > li > a {
    color: #000 !important;
}

.navbar-main .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:focus {
    background-color: #E67E22 !important;  /* Slightly darker for hover */
    color: #fff !important;
}

/* Deep Orange Home Shortcuts Overrides */
.home-shortcuts {
    background-color: #276539 !important;
}

.home-shortcuts li,
.home-shortcuts li a {
    color: #fff !important;
}

.home-shortcuts li:hover,
.home-shortcuts li a:hover {
    background-color: #E67E22 !important;  /* Darker shade on hover */
}
/* Force main menu hover to use our neon green */
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > li.active > a,
.navbar-main .navbar-nav > li.active > a:hover,
.navbar-main .navbar-nav > li.active > a:focus {
    background-color: #00FF00 !important;
    color: #0D0D0D !important; /* Use a dark text color for contrast */
}
/* Force .summary-container and .cart-sidebar to use our green background with very dark text */
.summary-container,
.cart-sidebar {
    background-color: #E67E22 !important;  /* Our neon green */
    color: #0D0D0D !important;             /* Very dark text for contrast */
}

/* Force active navigation items (.nav-item.active) to display deep orange */
.nav-item.active {
    background-color: #276539 !important;  /* Deep orange */
    color: #fff !important;              /* White text on orange for readability */
}
/* Additional override for elements with both 'product' and 'clearfix' classes */
.product.clearfix {
    background-color: #800080 !important;  /* Deep purple background */
}
/* Additional override for elements with the 'product-info' class */
.product-info {
    background-color: #351c75 !important;  /* Emerald green background */
}
/* Additional override for Font Awesome shopping cart icon to be white */
.fas.fa-shopping-cart {
    color: #000 !important;
}
/* Additional override for elements with the 'product' class */
.product {
    background-color: #000 !important;  /* Deep orange background */
}
/* Additional override for elements with the classes 'btn', 'btn-success', and 'btn-lg' to display white text */
.btn.btn-success.btn-lg {
    color: #000 !important;
}
/* Additional override for elements with classes "form-control markdown-editor md-input" to have a black background */
.form-control.markdown-editor.md-input {
    background-color: #fff !important;
}
/* Additional override for elements with the 'form-control' class to have a white background */
.form-control {
    background-color: #fff !important;
}
/* Additional override for elements with the 'row' class to have a black background */
.row {
    background-color: #000 !important;
}
/* Additional override for elements with the 'list-group' class to have a black background */
.list-group {
    background-color: #000 !important;
}
/* Additional override for elements with the 'list-group-item' class to have a black background */
.list-group-item {
    background-color: #000 !important;
}
/* Additional override for elements with the 'text' class to have white text */
.text {
    color: #fff !important;
}
/* Additional override for elements with the 'form-group' class to have a neon green background */
.form-group {
    background-color: #00FF00 !important;
}
/* Additional override for elements with the 'fas fa-cube' classes to have a sea green color */
.fas.fa-cube {
    color: #2E8B57 !important;
}
/* Additional override for elements with the 'far fa-file-alt' classes to have a sea green color */
.far.fa-file-alt {
    color: #2E8B57 !important;
}
/* Additional override for elements with the 'fas fa-comments' classes to have a sea green color */
.fas.fa-comments {
    color: #2E8B57 !important;
}
/* Additional override for elements with the 'fas fa-credit-card' classes to have a deep purple color */
.fas.fa-credit-card {
    color: #800080 !important;
}
/* Additional override for elements with the 'fas fa-exclamation-triangle' classes to have a yellow color */
.fas.fa-exclamation-triangle {
    color: yellow !important;
}

/* Additional override for elements with the 'far fa-hdd' classes to have a neon green color */
.far.fa-hdd {
    color: #00FF00 !important;
}
/* Additional override for elements with the 'far fa-envelope' classes to have a very light shiny blue color */
.far.fa-envelope {
    color: #87CEFA !important;  /* Light Sky Blue */
}

/* End of Custom Overrides */