html[data-dmtest="1"] .carmo-theme-toggle-item {
  display: inline-block !important;
}

html:not([data-dmtest="1"]) .carmo-theme-toggle-item,
html:not([data-dmtest="1"]) .carmo-theme-toggle {
  display: none !important;
}

.carmo-theme-toggle {
  border: 1px solid currentColor;
  background: transparent;
  color: inherit;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}

.carmo-theme-toggle:hover,
.carmo-theme-toggle:focus {
  text-decoration: none;
}

html[data-dmtest="1"][data-theme="dark"] {
  color-scheme: dark;
  --carmo-bg: #101214;
  --carmo-surface: #181b1f;
  --carmo-surface-2: #20242a;
  --carmo-text: #f2f4f6;
  --carmo-text-muted: #b4bbc4;
  --carmo-border: #343a42;
  --carmo-accent: #ff7a00;
  --carmo-accent-hover: #ffa24a;
  --carmo-input-bg: #15181c;
  --carmo-input-text: #ffffff;
}

html[data-dmtest="1"][data-theme="dark"] body,
html[data-dmtest="1"][data-theme="dark"] #mainWrapper,
html[data-dmtest="1"][data-theme="dark"] #contentMainWrapper,
html[data-dmtest="1"][data-theme="dark"] .centerColumn {
  background-color: var(--carmo-bg);
  color: var(--carmo-text);
}

html[data-dmtest="1"][data-theme="dark"] .header-container,
html[data-dmtest="1"][data-theme="dark"] .header-top,
html[data-dmtest="1"][data-theme="dark"] .header-content,
html[data-dmtest="1"][data-theme="dark"] .nav-maincontainer,
html[data-dmtest="1"][data-theme="dark"] .sticky-header-wrapper,
html[data-dmtest="1"][data-theme="dark"] #vakantie {
  background-color: var(--carmo-surface);
  color: var(--carmo-text);
  border-color: var(--carmo-border);
}

html[data-dmtest="1"][data-theme="dark"] .top-link a,
html[data-dmtest="1"][data-theme="dark"] .custom_links a,
html[data-dmtest="1"][data-theme="dark"] .language-switcher label,
html[data-dmtest="1"][data-theme="dark"] .currency_top label,
html[data-dmtest="1"][data-theme="dark"] .redirect-store a {
  color: var(--carmo-text);
}

html[data-dmtest="1"][data-theme="dark"] a {
  color: var(--carmo-accent);
}

html[data-dmtest="1"][data-theme="dark"] a:hover,
html[data-dmtest="1"][data-theme="dark"] a:focus {
  color: var(--carmo-accent-hover);
}

html[data-dmtest="1"][data-theme="dark"] .sideBoxContent,
html[data-dmtest="1"][data-theme="dark"] .centerBoxContents,
html[data-dmtest="1"][data-theme="dark"] .productListing-data,
html[data-dmtest="1"][data-theme="dark"] .product-col,
html[data-dmtest="1"][data-theme="dark"] .homepageBrandsLi a,
html[data-dmtest="1"][data-theme="dark"] .single-banner,
html[data-dmtest="1"][data-theme="dark"] .owl-item .item,
html[data-dmtest="1"][data-theme="dark"] .categoryListBoxContents,
html[data-dmtest="1"][data-theme="dark"] .centerBoxWrapper {
  background-color: var(--carmo-surface);
  color: var(--carmo-text);
  border-color: var(--carmo-border);
}

html[data-dmtest="1"][data-theme="dark"] input,
html[data-dmtest="1"][data-theme="dark"] select,
html[data-dmtest="1"][data-theme="dark"] textarea,
html[data-dmtest="1"][data-theme="dark"] .form-search input.input-text {
  background-color: var(--carmo-input-bg);
  color: var(--carmo-input-text);
  border-color: var(--carmo-border);
}

html[data-dmtest="1"][data-theme="dark"] input::placeholder,
html[data-dmtest="1"][data-theme="dark"] textarea::placeholder,
html[data-dmtest="1"][data-theme="dark"] .form-search input.input-text::placeholder {
  color: var(--carmo-text-muted);
}

html[data-dmtest="1"][data-theme="dark"] button,
html[data-dmtest="1"][data-theme="dark"] .button,
html[data-dmtest="1"][data-theme="dark"] .cssButton {
  border-color: var(--carmo-border);
}

html[data-dmtest="1"][data-theme="dark"] .form-search .button,
html[data-dmtest="1"][data-theme="dark"] .carmo-theme-toggle {
  background-color: var(--carmo-surface-2);
  color: var(--carmo-text);
}

html[data-dmtest="1"][data-theme="dark"] .footer-container,
html[data-dmtest="1"][data-theme="dark"] .footer-top,
html[data-dmtest="1"][data-theme="dark"] .footer-bottom,
html[data-dmtest="1"][data-theme="dark"] .copyright,
html[data-dmtest="1"][data-theme="dark"] .newsletter_bg {
  background-color: var(--carmo-surface);
  color: var(--carmo-text);
  border-color: var(--carmo-border);
}
