/**
 * Dark Mode Styles for Neovision Website
 * Applied when html element has class "dark-mode"
 */

/* ==========================================================================
   BASE - Body and HTML
   ========================================================================== */
html.dark-mode {
    background-color: #0d1117 !important;
}

html.dark-mode body {
    background-color: #0d1117 !important;
    color: #c9d1d9 !important;
}

/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
    color: #f0f6fc !important;
}

html.dark-mode p {
    color: #c9d1d9 !important;
}

html.dark-mode li {
    color: #c9d1d9 !important;
}

html.dark-mode label {
    color: #c9d1d9 !important;
}

html.dark-mode address {
    color: #c9d1d9 !important;
}

/* ==========================================================================
   LINKS
   ========================================================================== */
html.dark-mode a {
    color: #58a6ff !important;
}

html.dark-mode a:hover {
    color: #79c0ff !important;
}

html.dark-mode .navbar-nav a {
    color: inherit !important;
}

/* ==========================================================================
   NAVBAR
   ========================================================================== */
html.dark-mode .navbar-inverse {
    background-color: #161b22 !important;
    border-bottom: 1px solid #30363d !important;
}

html.dark-mode .navbar-inverse .navbar-nav>li>a {
    color: #c9d1d9 !important;
}

html.dark-mode .navbar-inverse .navbar-nav>li>a:hover,
html.dark-mode .navbar-inverse .navbar-nav>.active>a {
    color: #f4b905 !important;
}

html.dark-mode .navbar-inverse .dropdown-menu {
    background-color: #21262d !important;
    border: 1px solid #30363d !important;
}

html.dark-mode .navbar-inverse .dropdown-menu>li>a {
    color: #c9d1d9 !important;
}

html.dark-mode .navbar-inverse .dropdown-menu>li>a:hover {
    background-color: #30363d !important;
    color: #f4b905 !important;
}

/* ==========================================================================
   HEADERS
   ========================================================================== */
html.dark-mode #head {
    background-color: #161b22 !important;
}

html.dark-mode #head::before {
    background: rgba(13, 17, 23, 0.85) !important;
}

html.dark-mode #head.secondary {
    background-color: #161b22 !important;
}

html.dark-mode .page-header {
    background-color: #21262d !important;
}

html.dark-mode .page-header h1,
html.dark-mode .page-title {
    color: #f0f6fc !important;
}

html.dark-mode .hero-banner-page {
    background-color: #161b22 !important;
}

html.dark-mode .hero-banner-overlay {
    background: rgba(13, 17, 23, 0.8) !important;
}

html.dark-mode .hero-banner-title {
    color: #f0f6fc !important;
}

html.dark-mode .hero-banner-subtitle {
    color: #c9d1d9 !important;
}

html.dark-mode .hero-badge {
    background: #f4b905 !important;
    color: #0d1117 !important;
}

html.dark-mode .hero-icon-circle {
    background: rgba(88, 166, 255, 0.15) !important;
}

html.dark-mode .hero-icon-circle i {
    color: #58a6ff !important;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
html.dark-mode .sectionBox {
    background-color: #161b22 !important;
}

html.dark-mode .section-alt,
html.dark-mode .section-modern.section-alt {
    background-color: #161b22 !important;
}

html.dark-mode .jumbotron {
    background-color: #21262d !important;
}

html.dark-mode .jumbotron p {
    color: #c9d1d9 !important;
}

/* ==========================================================================
   CARDS
   ========================================================================== */
html.dark-mode .feature-card,
html.dark-mode .pro-feature-card,
html.dark-mode .module-item {
    background-color: #21262d !important;
    border: 1px solid #30363d !important;
}

html.dark-mode .feature-card h3,
html.dark-mode .pro-feature-card h4,
html.dark-mode .module-content h4 {
    color: #f0f6fc !important;
}

html.dark-mode .feature-card p,
html.dark-mode .pro-feature-card p,
html.dark-mode .module-content p {
    color: #8b949e !important;
}

html.dark-mode .feature-icon-wrapper {
    background-color: #30363d !important;
    color: #58a6ff !important;
}

html.dark-mode .pro-feature-icon {
    color: #f4b905 !important;
}

html.dark-mode .pro-feature-card::before {
    background: #58a6ff !important;
}

html.dark-mode .hero-text-section {
    background-color: #21262d !important;
    border-left-color: #f4b905 !important;
}

html.dark-mode .hero-text-section p {
    color: #c9d1d9 !important;
}

/* ==========================================================================
   PANELS
   ========================================================================== */
html.dark-mode .panel {
    background-color: transparent !important;
    border-color: #30363d !important;
}

html.dark-mode .panel-body {
    color: #c9d1d9 !important;
}

html.dark-mode .panel-title {
    color: #f0f6fc !important;
}

html.dark-mode .well {
    background-color: #21262d !important;
    border-color: #30363d !important;
}

/* ==========================================================================
   FORMS
   ========================================================================== */
html.dark-mode .form-control,
html.dark-mode input[type="text"],
html.dark-mode input[type="email"],
html.dark-mode input[type="tel"],
html.dark-mode input[type="password"],
html.dark-mode textarea,
html.dark-mode select {
    background-color: #21262d !important;
    border: 1px solid #30363d !important;
    color: #c9d1d9 !important;
}

html.dark-mode .form-control:focus,
html.dark-mode input:focus,
html.dark-mode textarea:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.3) !important;
}

html.dark-mode ::placeholder {
    color: #6e7681 !important;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
html.dark-mode .btn {
    background-color: #302984 !important;
    color: #ffffff !important;
    border-color: #302984 !important;
}

html.dark-mode .btn:hover {
    background-color: #4a3fb8 !important;
}

html.dark-mode .btn-action,
html.dark-mode .btn-primary {
    background-color: #f4b905 !important;
    color: #0d1117 !important;
    border-color: #f4b905 !important;
}

/* ==========================================================================
   TABLES
   ========================================================================== */
html.dark-mode table,
html.dark-mode .equipment-table {
    background-color: #161b22 !important;
}

html.dark-mode table thead,
html.dark-mode .equipment-table thead {
    background-color: #21262d !important;
}

html.dark-mode table thead th,
html.dark-mode .equipment-table thead th {
    color: #f0f6fc !important;
    border-color: #30363d !important;
}

html.dark-mode table tbody tr,
html.dark-mode .equipment-table tbody tr {
    background-color: #161b22 !important;
    border-color: #30363d !important;
}

html.dark-mode table tbody tr:nth-child(even),
html.dark-mode .equipment-table tbody tr:nth-child(even) {
    background-color: #0d1117 !important;
}

html.dark-mode table tbody tr:nth-child(even) td {
    background-color: #0d1117 !important;
}

html.dark-mode table td,
html.dark-mode .equipment-table td {
    color: #c9d1d9 !important;
    border-color: #30363d !important;
    background-color: inherit !important;
}

html.dark-mode .equipment-table-wrapper {
    background-color: #161b22 !important;
}

html.dark-mode .equipment-thumbnail {
    background-color: #21262d !important;
}

html.dark-mode .equipment-subtitle {
    color: #8b949e !important;
}

/* ==========================================================================
   SLIDERS
   ========================================================================== */
html.dark-mode .slider-container {
    background-color: #0d1117 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
}

html.dark-mode .slide-text {
    background: linear-gradient(0deg, rgba(13, 17, 23, 0.95) 0%, rgba(13, 17, 23, 0.6) 50%, transparent 100%) !important;
    color: #c9d1d9 !important;
}

html.dark-mode .dot {
    background-color: #484f58 !important;
}

html.dark-mode .dot.active,
html.dark-mode .dot:hover {
    background-color: #f4b905 !important;
}

html.dark-mode .prev,
html.dark-mode .next {
    background-color: rgba(33, 38, 45, 0.8) !important;
    color: #c9d1d9 !important;
}

html.dark-mode .prev:hover,
html.dark-mode .next:hover {
    background-color: #f4b905 !important;
    color: #0d1117 !important;
}

/* ==========================================================================
   VIDEO
   ========================================================================== */
html.dark-mode .video-container-custom {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
}

/* ==========================================================================
   LIGHTBOX
   ========================================================================== */
html.dark-mode .lightbox {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
html.dark-mode #footer {
    background-color: #0d1117 !important;
}

html.dark-mode .footer1 {
    background: linear-gradient(135deg, #161b22 0%, #0d1117 100%) !important;
}

html.dark-mode .footer1 .panel {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html.dark-mode .footer1 .panel-title {
    color: #f4b905 !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
}

html.dark-mode .footer1 .panel-title:first-child {
    margin-top: 0 !important;
}

html.dark-mode .footer1 .panel-body {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html.dark-mode .footer1 .panel-body p {
    color: #c9d1d9 !important;
}

html.dark-mode .footer1 a {
    color: #f4b905 !important;
}

html.dark-mode .footer1 a:hover {
    color: #ffc107 !important;
}

html.dark-mode .footer1 i {
    color: #f4b905 !important;
}

html.dark-mode .footer_copy {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .partner-logos img {
    opacity: 0.85;
}

html.dark-mode .partner-logos img:hover {
    opacity: 1;
}

html.dark-mode .footer2 {
    background-color: #0a0a12 !important;
}

html.dark-mode .footer2 a {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.dark-mode .footer2 a:hover {
    color: #f4b905 !important;
}

html.dark-mode .footer2 p {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ==========================================================================
   AGENTS PAGE
   ========================================================================== */
html.dark-mode .column2 {
    background-color: #21262d !important;
    border-color: #30363d !important;
}

html.dark-mode .column2 .title,
html.dark-mode .column2 .address,
html.dark-mode .column2 .phone {
    color: #c9d1d9 !important;
}

/* ==========================================================================
   HOME PAGE SLIDER
   ========================================================================== */
html.dark-mode .da-slide h2 {
    color: #f4b905 !important;
}

html.dark-mode .da-slide p {
    color: #c9d1d9 !important;
}

/* ==========================================================================
   SECTION TITLES
   ========================================================================== */
html.dark-mode .section-title-custom {
    color: #f4b905 !important;
}

html.dark-mode .section-header h2 {
    color: #f0f6fc !important;
}

html.dark-mode .section-header p {
    color: #8b949e !important;
}

/* ==========================================================================
   MISC
   ========================================================================== */
html.dark-mode .breadcrumb {
    background-color: transparent !important;
}

html.dark-mode .breadcrumb li,
html.dark-mode .breadcrumb a {
    color: #8b949e !important;
}

html.dark-mode hr {
    border-color: #30363d !important;
}

html.dark-mode blockquote {
    color: #8b949e !important;
    border-color: #30363d !important;
}

/* Override inline color styles */
html.dark-mode [style*="color: #CCCCCC"],
html.dark-mode [style*="color:#CCCCCC"] {
    color: #c9d1d9 !important;
}

html.dark-mode [style*="color: #444"],
html.dark-mode [style*="color:#444"] {
    color: #c9d1d9 !important;
}

html.dark-mode [style*="color: #555"],
html.dark-mode [style*="color:#555"] {
    color: #c9d1d9 !important;
}

html.dark-mode [style*="color: #666"],
html.dark-mode [style*="color:#666"] {
    color: #c9d1d9 !important;
}

html.dark-mode [style*="color: #777"],
html.dark-mode [style*="color:#777"] {
    color: #c9d1d9 !important;
}

html.dark-mode [style*="color: black"],
html.dark-mode [style*="color:black"] {
    color: #c9d1d9 !important;
}

html.dark-mode [style*="color: #000"],
html.dark-mode [style*="color:#000"] {
    color: #c9d1d9 !important;
}

/* ==========================================================================
   ADDITIONAL CONTAINER AND LAYOUT OVERRIDES
   ========================================================================== */
/* Override pro-enhancements.css body background */
html.dark-mode body {
    background-color: #0d1117 !important;
}

/* Main container backgrounds */
html.dark-mode .container,
html.dark-mode .container-fluid {
    background-color: transparent !important;
}

html.dark-mode main,
html.dark-mode main.container {
    background-color: #0d1117 !important;
}

/* Row and column backgrounds */
html.dark-mode .row {
    background-color: transparent !important;
}

html.dark-mode .col-md-12,
html.dark-mode .col-md-9,
html.dark-mode .col-md-6,
html.dark-mode .col-md-4,
html.dark-mode .col-md-3 {
    background-color: transparent !important;
}

/* Override inline background styles */
html.dark-mode [style*="background: white"],
html.dark-mode [style*="background:white"],
html.dark-mode [style*="background-color: white"],
html.dark-mode [style*="background-color:white"] {
    background-color: #21262d !important;
}

html.dark-mode [style*="background: #fff"],
html.dark-mode [style*="background:#fff"],
html.dark-mode [style*="background-color: #fff"],
html.dark-mode [style*="background-color:#fff"] {
    background-color: #21262d !important;
}

/* Agents page specific - column2 cards */
html.dark-mode .container2,
html.dark-mode .row2 {
    background-color: transparent !important;
}

/* Page header custom backgrounds */
html.dark-mode .page-header-custom {
    background-color: #21262d !important;
}

/* Section box override */
html.dark-mode .sectionBox {
    background-color: #0d1117 !important;
}

/* Main content text color fixes */
html.dark-mode .container p,
html.dark-mode .container-fluid p,
html.dark-mode main p {
    color: #c9d1d9 !important;
}

html.dark-mode .container h1,
html.dark-mode .container h2,
html.dark-mode .container h3,
html.dark-mode .container h4,
html.dark-mode main h1,
html.dark-mode main h2,
html.dark-mode main h3,
html.dark-mode main h4 {
    color: #f0f6fc !important;
}

/* Blockquote box */
html.dark-mode .blockquote-box {
    background-color: #21262d !important;
    border-color: #30363d !important;
}

html.dark-mode .blockquote-box .square {
    background-color: #302984 !important;
}

/* Sidebar */
html.dark-mode .sidebar {
    background-color: transparent !important;
}

/* Address styling in agents page */
html.dark-mode .address,
html.dark-mode .phone,
html.dark-mode .title {
    color: #c9d1d9 !important;
}

/* Logo class for agents page */
html.dark-mode .logo {
    background-color: #fff !important;
    border-radius: 8px;
    padding: 5px;
}

/* ==========================================================================
   ALERTS
   ========================================================================== */
html.dark-mode .alert {
    background-color: #21262d !important;
    border-color: #30363d !important;
    color: #c9d1d9 !important;
}

html.dark-mode .alert-info {
    background-color: rgba(56, 139, 253, 0.15) !important;
    border-color: rgba(56, 139, 253, 0.4) !important;
    color: #c9d1d9 !important;
}

html.dark-mode .alert strong,
html.dark-mode .alert h4,
html.dark-mode .alert .alert-link {
    color: #f0f6fc !important;
}

html.dark-mode .alert li {
    color: #c9d1d9 !important;
}

/* ==========================================================================
   ABOUT PAGE ENHANCEMENTS
   ========================================================================== */
html.dark-mode .impact-highlight-box {
    background-color: #21262d !important;
    border-left: 6px solid #f4b905 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

html.dark-mode .impact-lead-text {
    color: #f0f6fc !important;
}

html.dark-mode .impact-sub-text {
    color: #c9d1d9 !important;
}

html.dark-mode .impact-highlight-box::before {
    color: rgba(244, 185, 5, 0.1) !important;
}