/* Mobile navigation layout - these apply to both light and dark modes */
.nav-mobile-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  width: 100%;
}

.nav-mobile-right {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}

.theme-toggle.mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
}

.theme-toggle.mobile .sun-icon,
.theme-toggle.mobile .moon-icon {
  width: 24px;
  height: 24px;
}

/* Remove any default margins/padding */
.nav-mobile-menu-icon {
  margin: 0;
  padding: 0;
}

/* Dark mode color variables */
:root.dark-mode {
  --dark-bg: #001c38;
  --dark-text: #ffffff;
  --dark-text-secondary: #eeeeee;
  --dark-border: #0b2e51;
  --dark-primary: #3399ff;
  --dark-card-bg: #0d365f;
  --dark-hover: #1965af;
  
  --primary-text-color: #ffffff;
  --paragraph-gray: #eeeeee;
  --banner-title-other: #57a6f9;
}


/* Base dark mode styles */
html.dark-mode {
  background-color: var(--dark-bg);
}

html.dark-mode body {
  color: var(--dark-text);
  background-color: var(--dark-bg);
}

html.dark-mode .banner.home {
  background-color: var(--transparent);
  opacity: 1;
  background-image: url('../images/main_background_dark.png');
  background-position: 0 0;
  background-size: cover;
  border-top-style: none;
  border-bottom-style: none;
  border-radius: 0;
  min-height: auto;
  padding-bottom: 0;
  transform: translate(0);
}

/* Navigation buttons in dark mode */
html.dark-mode .secondary-button.w-button {
  color: var(--dark-text);
  border: 1px solid var(--dark-text);
  background-color: transparent;
}

html.dark-mode .secondary-button.w-button:hover {
  background-color: var(--dark-text);
  color: var(--dark-bg);
}

html.dark-mode .primary-button.w-button {
  background-color: var(--dark-primary);
  border: 1px solid var(--dark-primary);
  color: var(--dark-text);
}

html.dark-mode .primary-button.w-button:hover {
  background-color: transparent;
  border-color: var(--dark-primary);
  color: var(--dark-primary);
}

html.dark-mode .main-section.grey,
html.dark-mode .review-item-wrap.fix-width,
html.dark-mode .testimonial-author-name,
html.dark-mode .nav-menu-dropdown-icon.header,
html.dark-mode .w-layout-blockcontainer.nav-container.w-container,
html.dark-mode .nav-navi-icon-square{
  color: var(--dark-text);
  background-color: var(--dark-bg);
}
html.dark-mode .banner-inner-title.home.other {
  color: var(--dark-text);
}
html.dark-mode .pricing-plan-item-blue.full-service
{
  background-color: var(--dark-bg);
  border: 1px solid var(--dark-border);
}



html.dark-mode .feature-include-2
{
  color: var(--dark-text);
  background-color: var(--dark-card-bg);
  border: 1px solid var(--dark-card-bg);
}
html.dark-mode .number-wrap{
  border: var(--dark-text);
  box-shadow: 0 0 5px 1px var(--dark-text);

}

html.dark-mode .secondary-button-white
{
  color: var(--dark-text);
}

html.dark-mode .nav-menu-dropdown-icon{
  color: var(--dark-text);
  background-color: none;

}

html.dark-mode .review-item-wrap.blue{
  background-color: var(--dark-text);

}
/* 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,
html.dark-mode .testimonial-quote,
html.dark-mode .user-name,
html.dark-mode .paragraph.full-service{
  color: var(--dark-text);
}


html.dark-mode p {
  color: var(--dark-text-secondary);
}

html.dark-mode a {
  color: var(--dark-primary);
}

html.dark-mode .left-arrow-slider-review,
html.dark-mode .section.pricing-banner.full-service {
  background-color: var(--dark-bg);
}

/* Navigation */
html.dark-mode .nav-desktop,
html.dark-mode .nav-mobile {
  background-color: var(--dark-bg);
  border-color: var(--dark-border);
}

html.dark-mode .nav-link,
html.dark-mode .nav-menu-text,
html.dark-mode .nav-navi-text,
html.dark-mode .nav-menu-dropdown-toggle,
html.dark-mode .nav-navi-link.w-nav-link,
html.dark-mode .banner-inner-title.home.pricing,
html.dark-mode .pricing-text,
html.dark-mode .review-text.dark,
html.dark-mode .bold-text{
  color: var(--dark-text);
}

html.dark-mode .nav-navi-dropdown {
  background-color: var(--dark-card-bg);
}

html.dark-mode .nav-navi-dropdown-link:hover {
  background-color: var(--dark-hover);
}

html.dark-mode .nav-navi-subtext {
  color: var(--dark-text-secondary);
}

/* Mobile menu icon */
html.dark-mode .nav-mobile-menu-image.w-icon-nav-menu {
  color: var(--dark-text);
}

html.dark-mode .w-icon-nav-menu:before {
  color: var(--dark-text);
}

/* Mobile navigation menu */
html.dark-mode .nav-mobile {
  background-color: var(--dark-bg);
}

html.dark-mode .w-nav-overlay {
  background-color: var(--dark-bg);
}

/* Mobile dropdown styles */
html.dark-mode .nav-mobile-dropdown {
  background-color: var(--dark-bg);
}

html.dark-mode .nav-mobile-toggle {
  background-color: var(--dark-bg);
  color: var(--dark-text);
}

html.dark-mode .nav-menu-text {
  color: var(--dark-text);
}

/* Mobile submenu styles */
html.dark-mode .w-dropdown-list {
  background-color: var(--dark-card-bg);
  border: 1px solid var(--dark-border);
  border-radius: 10px;
}

html.dark-mode .accordion-list.w-dropdown-list {
  border: none;
}

html.dark-mode .nav-navi-dropdown-link {
  color: var(--dark-text);
  background-color: transparent;
}

html.dark-mode .nav-navi-dropdown-link:hover {
  background-color: var(--dark-hover);
}

html.dark-mode .nav-navi-text {
  color: var(--dark-text);
}

html.dark-mode .nav-navi-content-wrap {
  color: var(--dark-text);
}

html.dark-mode .nav-navi-icon-square {
  border-color: var(--dark-border);
}

html.dark-mode .nav-navi-description {
  color: var(--dark-text-secondary);
}

/* Mobile dropdown list items */
html.dark-mode .nav-mobile-dropdown-list {
  background-color: var(--dark-card-bg);
  border: 1px solid var(--dark-border);
  border-radius: 4px;
  margin-top: 4px;
}

html.dark-mode .nav-mobile-dropdown-link {
  color: var(--dark-text);
  background-color: transparent;
}

html.dark-mode .nav-mobile-dropdown-link:hover {
  background-color: var(--dark-hover);
}

html.dark-mode .nav-menu-dropdown-icon.mobile {
  color: var(--dark-text);
}

/* Ensure mobile dropdown menu stays dark */
html.dark-mode .w-nav-overlay [data-nav-menu-open] {
  background-color: var(--dark-bg);
}

html.dark-mode .w-nav-menu[data-nav-menu-open] {
  background-color: var(--dark-bg);
}

/* Submenu icons and descriptions */
html.dark-mode .nav-navi-icon {
  background-color: var(--dark-card-bg);
  border: 1px solid var(--dark-border);
}

html.dark-mode .nav-navi-icon svg path {
  fill: var(--dark-text);
}

/* Navigation links */
html.dark-mode a.nav-navi-link {
  color: var(--dark-text) !important;
}

html.dark-mode .nav-navi-link.w-nav-link {
  color: var(--dark-text) !important;
}

/* Override any Webflow default styles */
html.dark-mode .w-nav-link {
  color: var(--dark-text) !important;
}

/* Buttons */
html.dark-mode .primary-button {
  background-color: var(--dark-primary);
  border-color: var(--dark-primary);
  color: var(--dark-text);
}

html.dark-mode .primary-button:hover {
  background-color: transparent;
  color: var(--dark-primary);
}

html.dark-mode .secondary-button {
  border-color: var(--dark-border);
  color: var(--dark-text);
}

html.dark-mode .secondary-button:hover {
  border-color: var(--dark-primary);
  color: var (--dark-primary);
}

html.dark-mode .price-switcher {
  background-color: var(--dark-card-bg);
  border: 1px solid var(--dark-border);

  .secondary-button:hover {
    border-color: var(--dark-primary);
    background-color: var(--dark-border);
  }
}

/* Cards and Sections */
html.dark-mode .feature-itm-2.dark,
html.dark-mode .feature-itm-3.dark,
html.dark-mode .feature-itm-dark-3 {
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border);
}

html.dark-mode .banner {
  background-color: var(--dark-bg);
  border-color: var(--dark-border);
}

html.dark-mode .main-section.grey,
html.dark-mode .section-other.center,
html.dark-mode .section.grey {
  background-color: var(--dark-card-bg);
}

/* Content */
html.dark-mode .banner-stats {
  color: var(--dark-text);
}

html.dark-mode .feature-heading-8.dark,
html.dark-mode .feature-heading-9.dark {
  color: var(--dark-text);
}

html.dark-mode .paragraph-gray,
html.dark-mode .paragraph-gray-2,
html.dark-mode .paragraph-gray-3 {
  color: var(--dark-text-secondary);
}

html.dark-mode .main-section.imports,
html.dark-mode .content-div,
html.dark-mode .support-itm-blue-bg.custom {
  background-color: var(--dark-border);
  color: var(--dark-text);
}

html.dark-mode .import-category.w-button {
  background-color: var(--dark-bg);
  color: var(--dark-text);
}

html.dark-mode .import-category.w-button.active {
  background-color: var(--dark-card-bg);
}

html.dark-mode .buttons-wrapper{
  background-color: var(--dark-border);
}


/* Footer */
html.dark-mode .footer {
  background-color: var(--dark-border);
  border-color: var(--dark-border);
}

html.dark-mode .footer-link-3 {
  color: var(--dark-text);
}

html.dark-mode .footer-copyright-2 {
  color: var(--dark-text-secondary);
}

/* Forms */
html.dark-mode .input,
html.dark-mode .search-field,
html.dark-mode .w-input {
  background-color: var(--dark-bg);
  border-color: var(--dark-border);
  color: var(--dark-text);
}

html.dark-mode .input::placeholder,
html.dark-mode .search-field::placeholder,
html.dark-mode .w-input::placeholder {
  color: var(--dark-text-secondary);
}

html.dark-mode .input---brix,
html.dark-mode .text-area---brix {
  background-color: var(--dark-hover);
}

html.dark-mode .field-label---brix {
  color: var(--dark-text);
}

/* Accordion */
html.dark-mode .accordion-item-faq {
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border);
}

html.dark-mode .tab-link
{
  background-color: var(--dark-card-bg);

}

html.dark-mode .accordion-title-faq {
  color: var(--dark-text);
}

/* Theme Toggle */
html.dark-mode .theme-toggle,
.theme-toggle {
  background-color: transparent !important;
}

/* Mobile navigation layout */
html.dark-mode .nav-mobile-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  width: 100%;
}

html.dark-mode .nav-mobile-right {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}

html.dark-mode .theme-toggle.mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
}

html.dark-mode .theme-toggle.mobile .sun-icon,
html.dark-mode .theme-toggle.mobile .moon-icon {
  width: 24px;
  height: 24px;
  color: var(--dark-text);
}

html.dark-mode .achievement-number---brix.stats-v4---brix {
  color: var(--dark-text);
}

html.dark-mode .worker-image {
  border: 1px solid #00254a;
  border-radius: 8px;
  box-shadow: 2px 9px 20px 6px #001c381f;
}

html.dark-mode .slide-wrapper {
  box-shadow: 5px 5px 20px #001020cc;
}

html.dark-mode .cta-section {
  border: 1px solid var(--dark-border);
}

html.dark-mode .cloneable-container-default-6 {
  background-color: var(--dark-bg);
}

html.dark-mode .feedback-submission-form---brix,
html.dark-mode .success-message---brix,
html.dark-mode .error-message---brix-2 {
  background-color: var(--dark-card-bg);
}



/* Dark Mode Image Replacement */

html.dark-mode img[src*="assets/images/cointracking-crypto-tax-calculator-imports.png"] {
  content: url('/assets/images/cointracking-crypto-tax-calculator-imports_dark.png');
}
html.dark-mode img[src*="assets/images/cointracking-crypto-tax-reports.png"] {
  content: url('/assets/images/cointracking-crypto-tax-reports_dark.png');
}
html.dark-mode img[src*="assets/images/ct-corporate.png"] {
  content: url('/assets/images/ct-corporate_dark.png');
}
html.dark-mode img[src*="assets/images/ct-dashboard.png"] {
  content: url('/assets/images/ct-dashboard_dark.png');
}
html.dark-mode img[src*="assets/images/ct-full.service.png"] {
  content: url('/assets/images/ct-full.service_dark.png');
}
html.dark-mode img[src*="assets/images/dataimports.png"] {
  content: url('/assets/images/dataimports_dark.png');
}
html.dark-mode img[src*="assets/images/Diversity-600x448.png"] {
  content: url('/assets/images/Diversity-600x448_dark.png');
}
html.dark-mode img[src*="assets/images/get-tax-report.png"] {
  content: url('/assets/images/get-tax-report_dark.png');
}
html.dark-mode img[src*="assets/images/import-data.png"] {
  content: url('/assets/images/import-data_dark.png');
}
html.dark-mode img[src*="assets/images/more-features.png"] {
  content: url('/assets/images/more-features_dark.png');
}
html.dark-mode img[src*="assets/images/portfolio-tracker.png"] {
  content: url('/assets/images/portfolio-tracker_dark.png');
}
html.dark-mode img[src*="assets/images/start-account.png"] {
  content: url('/assets/images/start-account_dark.png');
}
html.dark-mode img[src*="assets/images/tax-report.png"] {
  content: url('/assets/images/tax-report_dark.png');
}
html.dark-mode img[src*="assets/images/tax-savings.png"] {
  content: url('/assets/images/tax-savings_dark.png');
}

html.dark-mode img[src*="assets/images/balance-by-exchange-report-cointracking.png"] {
  content: url('/assets/images/balance-by-exchange-report-cointracking_dark.png');
}
html.dark-mode img[src*="assets/images/current-balance-report.png"] {
  content: url('/assets/images/current-balance-report_dark.png');
}
html.dark-mode img[src*="assets/images/Realized-unrealized-gains-report.png"] {
  content: url('/assets/images/Realized-unrealized-gains-report_dark.png');
}



html.dark-mode img[src*="assets/images/free-pricing.png"] {
  content: url('/assets/images/free-pricing_dark.png');
}
html.dark-mode img[src*="assets/images/pro-pricing.png"] {
  content: url('/assets/images/pro-pricing_dark.png');
}
html.dark-mode img[src*="assets/images/expert-pricing.png"] {
  content: url('/assets/images/expert-pricing_dark.png');
}
html.dark-mode img[src*="assets/images/unlimited-pricing.png"] {
  content: url('/assets/images/unlimited-pricing_dark.png');
}

html.dark-mode .feedback-tile {
  background-color: var(--dark-card-bg);
  border-color: var(--dark-border);
}

html.dark-mode .feedback-tile-title {
  color: var(--dark-text);
}

html.dark-mode .feedback-tile-subtext {
  color: var(--dark-text-secondary);
}

html.dark-mode section.feedback-notice {
  background-color: var(--dark-border);
}

html.dark-mode .banner-upper-title.other {
  color: var(--banner-title-other);
}

html.dark-mode .tier-selector {
  color: var(--dark-text);
  background-color: var(--dark-card-bg);
  border: 1px solid var(--dark-border);
  .tier-background {
    filter: invert(100%);
  }

  option {
    color: var(--dark-bg);
  }
}

html.dark-mode .tier-selector:focus-visible {
  border: 2px solid var(--dark-primary);
  outline: none;
}

/* Dark mode styles for pricing promotional area */
html.dark-mode .pricing-promo-area {
  background: #1E293B;
  border-left: 4px solid #3B82F6;
}

html.dark-mode .pricing-promo-area h5 {
  color: #60A5FA;
}

html.dark-mode .pricing-promo-area p {
  color: #93C5FD;
}

html.dark-mode img[src*="assets/images/new-free-pricing.png"] {
    content: url(/assets/images/new-free-pricing_dark.png);
}