/* VYNTRIXHOST OFFICIAL THEME CSS */
/* Palette: Black, White, Gold */

:root, [data-bs-theme=light] {
    --bs-primary: #D4AF37 !important;
    --bs-primary-rgb: 212, 175, 55 !important;
    --bs-body-bg: #F8F9FA !important;
    --bs-body-bg-rgb: 248, 249, 250 !important;
}

[data-bs-theme=dark], .dark-style {
    --bs-primary: #D4AF37 !important;
    --bs-primary-rgb: 212, 175, 55 !important;
    --bs-body-bg: #000000 !important;
    --bs-body-bg-rgb: 0, 0, 0 !important;
    --bs-paper-bg: #111111 !important; /* Cards and sidebar */
}

/* Force dark style backgrounds */
[data-bs-theme=dark] body, .dark-style body {
    background-color: #000000 !important;
}
[data-bs-theme=dark] .bg-menu-theme, .dark-style .bg-menu-theme {
    background-color: #111111 !important;
}
[data-bs-theme=dark] .card, .dark-style .card {
    background-color: #111111 !important;
    border: 1px solid #222222 !important;
}
[data-bs-theme=dark] .navbar, .dark-style .navbar {
    background-color: #111111 !important;
}
[data-bs-theme=dark] .footer, .dark-style .footer {
    background-color: #000000 !important;
}

/* Remove bluish tint from inputs in dark mode */
.dark-style .form-control, 
.dark-style .form-select,
.dark-style .input-group-text {
    background-color: #0a0a0a !important;
    border: 1px solid #222222 !important;
    color: #e0e0e0 !important;
}
.dark-style .form-control:focus, 
.dark-style .form-select:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.1rem rgba(212, 175, 55, 0.25) !important;
}

/* Fix dropdown, modals, and select2 bluish tints */
.dark-style .dropdown-menu,
.dark-style .modal-content,
.dark-style .offcanvas {
    background-color: #111111 !important;
    border: 1px solid #222222 !important;
}
.dark-style .dropdown-item:hover, .dark-style .dropdown-item:focus {
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: #D4AF37 !important;
}
.dark-style .select2-container--default .select2-selection--single,
.dark-style .select2-container--default .select2-selection--multiple {
    background-color: #0a0a0a !important;
    border: 1px solid #222222 !important;
}
.dark-style .select2-dropdown {
    background-color: #111111 !important;
    border: 1px solid #222222 !important;
}
.dark-style .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #222222 !important;
}
.dark-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(212, 175, 55, 0.15) !important;
    color: #D4AF37 !important;
}
/* Flatpickr (Calendars) bluish tint removal */
.dark-style .flatpickr-calendar {
    background-color: #111111 !important;
    border: 1px solid #222222 !important;
}

/* Primary buttons and elements */
.btn-primary {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
}

.bg-primary {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
}

.text-primary {
    color: #D4AF37 !important;
}

/* Sidebar active states */
.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, #D4AF37 22.16%, #C5A059 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgba(212, 175, 55, 0.48) !important;
    color: #ffffff !important;
}

.menu-vertical .menu-item.active > .menu-toggle {
    color: #D4AF37 !important;
}

/* Checkboxes & Radios */
.form-check-input:checked {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

/* Branding overrides */
.app-brand-text {
    color: #D4AF37 !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #ffffff !important;
}

/* Nav tabs */
.nav-tabs .nav-link.active {
    color: #D4AF37 !important;
}

.nav-tabs .nav-link.active::after {
    background-color: #D4AF37 !important;
}

/* Badges */
.badge.bg-primary {
    background-color: #D4AF37 !important;
}
.badge.bg-label-primary {
    background-color: rgba(212, 175, 55, 0.16) !important;
    color: #D4AF37 !important;
}

/* Landing Page Overrides */
.landing-hero {
    background: #111111 !important;
}
.landing-hero::before, .landing-hero::after {
    display: none !important;
}
.landing-hero-btn .hero-btn-item {
    color: #D4AF37 !important;
}

/* Tabs and Pills */
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #D4AF37 !important;
    color: #fff !important;
}

/* Select2 overrides */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #D4AF37 !important;
    color: #fff !important;
}

/* Datatables selected row */
table.dataTable tbody tr.selected {
    background-color: rgba(212, 175, 55, 0.2) !important;
}
table.bootstrap-table tbody tr.selected td {
    background-color: rgba(212, 175, 55, 0.2) !important;
}

/* Switches */
.switch-primary .switch-input:checked ~ .switch-toggle-slider {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

.landing-hero-btn .hero-btn-item img {
    filter: invert(72%) sepia(50%) saturate(600%) hue-rotate(1deg) brightness(95%) contrast(90%) !important; /* Make arrow gold */
}
.hero-title {
    background: none !important;
    -webkit-text-fill-color: #D4AF37 !important;
    color: #D4AF37 !important;
}
/* Force all semantic colors to gold/monochrome palette with extreme specificity */
body .text-primary, body .text-success, body .text-info, body .text-warning, body .text-danger { color: #D4AF37 !important; }
body .bg-primary, body .bg-success, body .bg-info, body .bg-warning, body .bg-danger { background-color: #D4AF37 !important; color: #fff !important; }
body .bg-label-primary, body .bg-label-success, body .bg-label-info, body .bg-label-warning, body .bg-label-danger, body .bg-label-secondary { 
    background-color: rgba(212, 175, 55, 0.16) !important; 
    color: #D4AF37 !important; 
}
body .border-label-primary, body .border-label-success, body .border-label-info, body .border-label-warning, body .border-label-danger, body .border-label-secondary {
    border-color: #D4AF37 !important;
}
body .btn-primary, body .btn-success, body .btn-info, body .btn-warning, body .btn-danger, body .btn-secondary {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #fff !important;
}
body .btn-label-primary, body .btn-label-success, body .btn-label-info, body .btn-label-warning, body .btn-label-danger, body .btn-label-secondary {
    background-color: rgba(212, 175, 55, 0.16) !important;
    color: #D4AF37 !important;
}
body .alert-primary, body .alert-success, body .alert-info, body .alert-warning, body .alert-danger {
    background-color: rgba(212, 175, 55, 0.16) !important;
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}
body .badge.bg-primary, body .badge.bg-success, body .badge.bg-info, body .badge.bg-warning, body .badge.bg-danger {
    background-color: #D4AF37 !important;
}
body .badge.bg-label-primary, body .badge.bg-label-success, body .badge.bg-label-info, body .badge.bg-label-warning, body .badge.bg-label-danger {
    background-color: rgba(212, 175, 55, 0.16) !important;
    color: #D4AF37 !important;
}
body .nav-tabs .nav-link.active, body .nav-pills .nav-link.active, body .nav-tabs .nav-link.active:hover, body .nav-tabs .nav-link.active:focus {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #fff !important;
}
body .nav-tabs .nav-link.active::after {
    background-color: #D4AF37 !important;
}

/* Remove bluish tint from unselected tabs in dark mode */
.dark-style .nav-tabs .nav-link {
    background-color: #111111 !important;
    color: #a1a1aa !important;
    border-color: #222222 !important;
}
.dark-style .nav-tabs .nav-link:hover, .dark-style .nav-tabs .nav-link:focus {
    background-color: #1a1a1a !important;
    color: #D4AF37 !important;
}
.dark-style .nav-tabs {
    border-bottom: 1px solid #222222 !important;
}

/* Remove bluish tint from outline buttons */
.dark-style .btn-outline-secondary {
    border-color: #444444 !important;
    color: #a1a1aa !important;
}
.dark-style .btn-outline-secondary:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

.dark-style .btn-outline-primary {
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}
.dark-style .btn-outline-primary:hover {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
}

/* Landing Navbar Active Link Override */
body .landing-navbar .navbar-nav .nav-link.active,
body .landing-navbar .navbar-nav .nav-link:hover {
    color: #D4AF37 !important;
}

/* Force Hero Text to White (Since background is always dark) */
body .landing-hero .hero-sub-title, 
body .landing-hero .text-heading,
body .landing-hero .hero-btn-item {
    color: #ffffff !important;
}

/* Landing Page Icons Gold Filter */
.landing-hero-btn .hero-btn-item img,
.landing-features img,
.landing-fun-facts img,
.landing-pricing img,
.landing-faq .faq-image {
    filter: invert(72%) sepia(50%) saturate(600%) hue-rotate(1deg) brightness(95%) contrast(90%) !important;
}

/* Force Footer to Black & Remove Purple Wave */
body .landing-footer-bg, body .landing-footer::before, body .landing-footer::after {
    display: none !important;
    background-image: none !important;
}
body .landing-footer, body .landing-footer .footer-top, body .landing-footer .footer-bottom {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}
body .landing-footer .footer-text, body .landing-footer .footer-link {
    color: #ffffff !important;
}
body .landing-footer .footer-link:hover {
    color: #D4AF37 !important;
}

/* Landing Backgrounds Light/Dark */
.dark-style .landing-features, .dark-style .landing-faq, .dark-style .landing-pricing, .dark-style .landing-fun-facts, .dark-style .landing-reviews {
    background-color: #000000 !important;
}
.light-style .landing-features, .light-style .landing-faq, .light-style .landing-pricing, .light-style .landing-fun-facts, .light-style .landing-reviews,
.landing-features, .landing-faq, .landing-pricing, .landing-fun-facts, .landing-reviews {
    background-color: #F8F9FA !important;
}
.dark-style .accordion-item {
    background-color: #111111 !important;
    border-color: #222222 !important;
}
.dark-style .accordion-button {
    background-color: #111111 !important;
    color: #ffffff !important;
}
.dark-style .accordion-body {
    color: #cccccc !important;
}