/* Custom Theme Override - Black Background, White Text, Red Buttons */

/* Override CSS Variables for Dark Theme */
:root {
  /* Primary Colors */
  --brand-color: #dc2626 !important; /* Red for buttons */
  --secondary-color: #dc2626 !important; /* Red for secondary elements */
  --tertiary-color: #1f1f1f !important; /* Dark background */
  --tertiary-color2: #1f1f1f !important;
  --tertiary-color3: #1f1f1f !important;
  --tertiary-color4: #dc2626 !important; /* Red for tertiary elements */
  
  /* Text Colors */
  --title-color: #ffffff !important; /* White for headings */
  --title-color-style2: #ffffff !important;
  --text-color: #ffffff !important; /* White for body text */
  --text-color-light: #ffffff !important;
  --text-color-2: rgba(255, 255, 255, 0.8) !important;
  --text-color-3: rgba(255, 255, 255, 0.9) !important;
  --text-color-4: #ffffff !important;
  
  /* Background Colors */
  --bg-color: #000000 !important; /* Black background */
  --bg-color-trans: rgba(0, 0, 0, 0.8) !important;
  --bg-grad-color: #000000 !important;
  --bg-grad-color-trans: rgba(0, 0, 0, 0.9) !important;
  --bg-grad-color-2: #1a1a1a !important;
  --bg-white: #000000 !important; /* Black instead of white */
  --wh-color: #ffffff !important; /* White text */
  --black-color: #ffffff !important; /* White instead of black */
  
  /* Additional Background Colors */
  --service-item-border-color: #333333 !important;
  --service-item-bg-color: #1a1a1a !important;
  --faq-bg-color: #1a1a1a !important;
  --extra-bg-color: #1a1a1a !important;
  --sec-bg-color-2: #1a1a1a !important;
  --social-border-color: rgba(255, 255, 255, 0.1) !important;
  --bg-color-7: rgba(255, 255, 255, 0.05) !important;
  --bg-color-9: #000000 !important;
  --arrow-icon-color: #ffffff !important;
  
  /* Form Colors */
  --form-border: #333333 !important;
  --form-focus-color: #dc2626 !important;
  
  /* Border Colors */
  --border-color: #333333 !important;
  --border-color-2: #333333 !important;
  --border-color-3: #333333 !important;
  --border-color-4: #333333 !important;
  --border-color-5: #333333 !important;
  --border-color-6: #333333 !important;
  --border-color-7: #333333 !important;
  --border-color-8: #333333 !important;
  --border-color-9: #333333 !important;
  --border-color-10: #333333 !important;
  --border-color-11: #333333 !important;
  --border-color-12: #333333 !important;
  --border-color-13: #333333 !important;
  --border-color-14: #333333 !important;
  --border-color-15: #333333 !important;
  --border-color-16: #333333 !important;
  --border-color-17: #333333 !important;
  --border-color-18: #333333 !important;
  --border-color-19: #333333 !important;
  --border-color-20: #333333 !important;
  --border-color-21: #333333 !important;
  --border-color-22: #333333 !important;
  --border-color-23: #333333 !important;
  --border-color-24: #333333 !important;
  --border-color-25: #333333 !important;
  --border-color-26: #333333 !important;
  --border-color-27: #333333 !important;
  --border-color-28: #333333 !important;
  --border-color-29: #333333 !important;
  --border-color-30: #333333 !important;
  --border-color-31: #333333 !important;
  --border-color-32: #333333 !important;
  --border-color-33: #333333 !important;
  --border-color-34: #333333 !important;
  --border-color-35: #333333 !important;
  --border-color-36: #333333 !important;
  --border-color-37: #333333 !important;
  --border-color-38: #333333 !important;
  --border-color-39: #333333 !important;
  --border-color-40: #333333 !important;
  --border-color-41: #333333 !important;
  --border-color-42: #333333 !important;
  --border-color-43: #333333 !important;
  --border-color-44: #333333 !important;
  --border-color-45: #333333 !important;
  --border-color-46: #333333 !important;
  --border-color-47: #333333 !important;
  --border-color-48: #333333 !important;
  --border-color-49: #333333 !important;
  --border-color-50: #333333 !important;
  --border-color-51: #333333 !important;
  --border-color-52: #333333 !important;
  --border-color-53: #333333 !important;
  --border-color-54: #333333 !important;
  --border-color-55: #333333 !important;
  --border-color-56: #333333 !important;
  --border-color-57: #333333 !important;
  --border-color-58: #333333 !important;
  --border-color-59: #333333 !important;
  --border-color-60: #333333 !important;
  --border-color-61: #333333 !important;
  --border-color-62: #333333 !important;
  --border-color-63: #333333 !important;
  --border-color-64: #333333 !important;
  --border-color-65: #333333 !important;
  --border-color-66: #333333 !important;
  --border-color-67: #333333 !important;
  --border-color-68: #333333 !important;
  --border-color-69: #333333 !important;
  --border-color-70: #333333 !important;
  --border-color-71: #333333 !important;
  --border-color-72: #333333 !important;
  --border-color-73: #333333 !important;
  --border-color-74: #333333 !important;
  --border-color-75: #333333 !important;
  --border-color-76: #333333 !important;
  --border-color-77: #333333 !important;
  --border-color-78: #333333 !important;
  --border-color-79: #333333 !important;
  --border-color-80: #333333 !important;
  --border-color-81: #333333 !important;
  --border-color-82: #333333 !important;
  --border-color-83: #333333 !important;
  --border-color-84: #333333 !important;
  --border-color-85: #333333 !important;
  --border-color-86: #333333 !important;
  --border-color-87: #333333 !important;
  --border-color-88: #333333 !important;
  --border-color-89: #333333 !important;
  --border-color-90: #333333 !important;
  --border-color-91: #333333 !important;
  --border-color-92: #333333 !important;
  --border-color-93: #333333 !important;
  --border-color-94: #333333 !important;
  --border-color-95: #333333 !important;
  --border-color-96: #333333 !important;
  --border-color-97: #333333 !important;
  --border-color-98: #333333 !important;
  --border-color-99: #333333 !important;
  --border-color-100: #333333 !important;
}

/* Override Dark Theme Variables */
[data-bs-theme=dark] {
  --brand-color: #dc2626 !important;
  --secondary-color: #dc2626 !important;
  --tertiary-color: #1f1f1f !important;
  --tertiary-color2: #1f1f1f !important;
  --tertiary-color3: #1f1f1f !important;
  --tertiary-color4: #dc2626 !important;
  --title-color: #ffffff !important;
  --title-color-style2: #ffffff !important;
  --text-color: #ffffff !important;
  --text-color-light: #ffffff !important;
  --text-color-2: rgba(255, 255, 255, 0.8) !important;
  --text-color-3: rgba(255, 255, 255, 0.9) !important;
  --text-color-4: #ffffff !important;
  --bg-color: #000000 !important;
  --bg-color-trans: rgba(0, 0, 0, 0.8) !important;
  --bg-grad-color: #000000 !important;
  --bg-grad-color-trans: rgba(0, 0, 0, 0.9) !important;
  --bg-grad-color-2: #1a1a1a !important;
  --bg-white: #000000 !important;
  --wh-color: #ffffff !important;
  --black-color: #ffffff !important;
  --form-border: #333333 !important;
  --form-focus-color: #dc2626 !important;
}

/* Global Body and HTML Overrides */
html, body {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Page Wrapper */
.page-wrapper {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Header Overrides */
.header-section {
  background-color: #000000 !important;
  border-bottom: 1px solid #333333 !important;
}

.header-wrapper {
  background-color: #000000 !important;
}

/* Menu Overrides */
.menu > li > a {
  color: #ffffff !important;
}

.menu > li > a:hover {
  color: #dc2626 !important;
}

.submenu {
  background-color: #1a1a1a !important;
  border: 1px solid #333333 !important;
}

.submenu li a {
  color: #ffffff !important;
}

.submenu li a:hover {
  color: #dc2626 !important;
  background-color: #333333 !important;
}

/* Banner Section */
.banner {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.banner__content-heading {
  color: #ffffff !important;
}

.banner__content-moto {
  color: #ffffff !important;
}

/* Button Overrides */
.trk-btn {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

.trk-btn:hover {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
}

.trk-btn--primary {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

.trk-btn--primary:hover {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
}

.trk-btn--border {
  background-color: transparent !important;
  border-color: #dc2626 !important;
  color: #dc2626 !important;
}

.trk-btn--border:hover {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

/* Section Overrides */
.about, .feature, .service, .roadmap, .faq {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.about__content h2, .about__content h3, .about__content h4, .about__content h5, .about__content h6 {
  color: #ffffff !important;
}

.about__content p {
  color: #ffffff !important;
}

/* Feature Section */
.feature__item-content h6 {
  color: #ffffff !important;
}

/* Service Section */
.service__item-content h5 {
  color: #ffffff !important;
}

.service__item-content p {
  color: #ffffff !important;
}

/* Roadmap Section */
.roadmap__item-content h3 {
  color: #ffffff !important;
}

.roadmap__item-content p {
  color: #ffffff !important;
}

/* FAQ Section */
.accordion__button {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
}

.accordion__button:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

.accordion__body {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
}

.accordion__body p {
  color: #ffffff !important;
}

/* Footer Overrides */
.footer {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.footer__linklist-item a {
  color: #ffffff !important;
}

.footer__linklist-item a:hover {
  color: #dc2626 !important;
}

.footer__end-copyright {
  color: #ffffff !important;
}

/* Form Overrides */
.form-control {
  border-color: #333333 !important;
  color: #ffffff !important;
}

.form-control:focus {
  background-color: #1a1a1a !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25) !important;
}

.form-label {
  color: #ffffff !important;
}

/* Language Switcher */
.language-switcher .dropbtn {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.language-switcher .dropdown-content {
  background-color: #1a1a1a !important;
  border: 1px solid #333333 !important;
}

.language-switcher .dropdown-content a {
  color: #ffffff !important;
}

.language-switcher .dropdown-content a:hover {
  background-color: #333333 !important;
  color: #dc2626 !important;
}

/* Social Links */
.social__link {
  color: #ffffff !important;
}

.social__link:hover {
  color: #dc2626 !important;
}

/* TradingView Widget */
.tradingview-widget-container {
  background-color: #000000 !important;
}

/* Additional Overrides for Better Contrast */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
}

p, span, div {
  color: #ffffff !important;
}

/* Ensure all text elements are white */
* {
  color: inherit;
}

/* Override any remaining white backgrounds */
.bg-color, .bg-white {
  background-color: #000000 !important;
}

/* Override any remaining dark text */
.text-dark, .text-black {
  color: #ffffff !important;
}

/* Ensure proper contrast for links */
a {
  color: #ffffff !important;
}

a:hover {
  color: #dc2626 !important;
}

/* Override any remaining light backgrounds */
.bg-light, .bg-white-50, .bg-light-50 {
  background-color: #1a1a1a !important;
}

/* Override any remaining dark text on light backgrounds */
.text-dark, .text-muted {
  color: #ffffff !important;
}

/* Ensure proper styling for all button variants */
.btn, .btn-primary, .btn-secondary, .btn-outline-primary, .btn-outline-secondary {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
}

.btn:hover, .btn-primary:hover, .btn-secondary:hover, .btn-outline-primary:hover, .btn-outline-secondary:hover {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
}

.btn-outline-primary, .btn-outline-secondary {
  background-color: transparent !important;
  color: #dc2626 !important;
}

.btn-outline-primary:hover, .btn-outline-secondary:hover {
  background-color: #dc2626 !important;
  color: #ffffff !important;
}