/* =========================================================================================
   AMOLED BLACK THEME OVERRIDE (HIGH CONTRAST)
   Maximale Lesbarkeit + Beige Buttons
   ========================================================================================= */

:root {
  --bg: #000000;
  --bg2: #050505;

  --surface: #0a0a0a;
  --surface2: #121212;
  --surface3: #1c1c1c;

  --text: #ffffff;
  --text2: #f0f0f0;
  --text3: #d0d0d0;
  --text4: #a8a8a8;

  --border: rgba(255,255,255,0.18);
  --border2: rgba(255,255,255,0.28);

  --accent: #dcc8a2;         /* Beige */
  --accent_hover: #f3dfba;

  --danger: #ff5c5c;
  --success: #55ff9d;

  --shadow: 0 10px 30px rgba(0,0,0,0.9);
}

/* =========================================================================================
   GLOBALS
   ========================================================================================= */

body {
  background: var(--bg);
  color: var(--text2);
}

/* make sure all common text is readable */
p, span, div, li, td, th {
  color: var(--text2);
}

/* small helper texts */
small,
.fields_required,
.inputNote,
.lr_tax,
.lb_tax {
  color: var(--text3) !important;
}

/* =========================================================================================
   LINKS
   ========================================================================================= */

a:link,
a:visited,
a:active {
  color: var(--accent);
}

a:hover {
  color: var(--accent_hover);
}

/* =========================================================================================
   HEADLINES
   ========================================================================================= */

h1, h2, h3, h4,
.headline,
.subline,
.box_products_head .title {
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* =========================================================================================
   BACKGROUNDS / CONTENT AREAS
   ========================================================================================= */

.layout_wrap,
.layout_content,
.content_full {
  background: var(--bg);
}

.content_full_colored {
  background: var(--bg2) !important;
}

.contentbox.grey {
  background: var(--surface2) !important;
}

.contentbox.lightyellow {
  background: rgba(220, 200, 162, 0.14) !important;
}

/* boxes that are normally white */
.listingbox,
.listingrow,
.reviewbox,
.giftbox,
.navigation_item,
.action_row,
.action_item,
.action_item_full {
  background: var(--surface) !important;
  color: var(--text2) !important;
}

/* =========================================================================================
   BORDERS
   ========================================================================================= */

hr,
.reviewbox,
.listingrow,
.giftbox,
.navigation_item,
.pd_tabs .resp-tab-content,
.pd_tabs .resp-tabs-list li,
.pd_accordion h2.resp-accordion,
.pd_accordion div.resp-accordion {
  border-color: var(--border) !important;
}

/* =========================================================================================
   HEADER + MENU (nutzt Variablen)
   ========================================================================================= */

.layout_header,
.layout_header_checkout {
  --header_bg: var(--bg);
  --categoriesmenu_bg: var(--surface);
  --categoriesmenu_border: var(--border);

  --categoriesitems_level1_color: var(--text2);
  --categoriesitems_level1_color_hover: var(--accent_hover);
  --categoriesitems_level1_bg_hover: rgba(220,200,162,0.15);

  --count_cart_wishlist_bg: var(--accent);
  --count_cart_wishlist_color: #000;

  --search_toggle_bg: rgba(0,0,0,0.98);
  --search_toggle_input_bg: var(--surface2);
  --search_toggle_input_border: var(--border);
  --search_toggle_color_input: var(--text);
  --search_toggle_color_select: var(--text2);
  --search_toggle_color_button: var(--accent);
  --search_toggle_color_help: var(--text3);

  --toggle_menu_closer_bg: var(--surface2);
  --toggle_menu_closer_color: var(--accent);
}

/* top menu items */
.menu_items > li > a,
.menu_items > li > span.nolink {
  color: var(--text2) !important;
}

.menu_items > li > a:hover,
.menu_items > li > span.nolink:hover {
  color: var(--accent_hover) !important;
  background: rgba(220,200,162,0.15) !important;
}

/* =========================================================================================
   INPUTS / FORMS
   ========================================================================================= */

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select,
textarea {
  background-color: var(--surface2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder {
  color: var(--text4) !important;
}

input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=tel]:hover,
select:hover,
textarea:hover {
  background-color: var(--surface3) !important;
  border-color: var(--border2) !important;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
  background-color: #1f1f1f !important;
  border-color: var(--accent) !important;
  color: var(--text) !important;
  outline: 0 none;
}

/* labels */
.field_text {
  color: var(--text3) !important;
}
.field_item_1:focus-within .field_text,
.field_item_2:focus-within .field_text,
.field_item_3:focus-within .field_text,
.field_item_4:focus-within .field_text {
  color: var(--accent_hover) !important;
}

/* password wrapper */
.field_password {
  background-color: var(--surface2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.field_password:hover {
  background-color: var(--surface3) !important;
  border-color: var(--border2) !important;
}
.field_password:focus-within {
  background-color: #1f1f1f !important;
  border-color: var(--accent) !important;
}

/* =========================================================================================
   PRICES / PRODUCT TEXT READABILITY
   ========================================================================================= */

/* normal prices */
.lr_price,
.lb_price,
.price,
.products_price {
  color: var(--text) !important;
}

/* old price */
.lr_price .old_price,
.lb_price .old_price {
  color: var(--text4) !important;
  text-decoration: line-through !important;
}

/* new price */
.lr_price .new_price,
.lb_price .new_price {
  color: var(--accent_hover) !important;
  font-weight: 900 !important;
}

/* tax lines */
.lr_tax,
.lb_tax,
.lr_tax a,
.lb_tax a {
  color: var(--text3) !important;
  border-bottom: 1px solid var(--border) !important;
}

.lr_tax a:hover,
.lb_tax a:hover {
  color: var(--accent_hover) !important;
  border-bottom: 1px solid var(--accent_hover) !important;
}

/* expires date */
.lr_expires_date,
.lb_expires_date {
  color: var(--accent_hover) !important;
  font-weight: 900 !important;
}

/* save label */
.lr_price .save_price {
  background: var(--accent) !important;
  color: #000 !important;
  font-weight: 900 !important;
}

/* =========================================================================================
   PRODUCT LISTINGS / HOVER OVERLAYS
   ========================================================================================= */

@media only screen and (min-width: 985px) {
  .lb_buttons {
    background: rgba(0,0,0,0.85) !important;
  }
}

/* =========================================================================================
   BUTTONS (Beige)
   ========================================================================================= */

.cssButton {
  background: var(--accent) !important;
  border: 1px solid rgba(0,0,0,0.55) !important;
  color: #000 !important;
  font-weight: 900 !important;
}

.cssButton:hover {
  background: var(--accent_hover) !important;
  color: #000 !important;
  border-color: rgba(0,0,0,0.75) !important;
}

/* Transparent Icons no Border */
.cssButtonColor5 {
  background: var(--accent) !important;
  color: #000 !important;
}
.cssButtonColor5:hover {
  background: var(--accent_hover) !important;
}

/* Small account action text-buttons */
.cssButtonColor7 {
  color: var(--accent_hover) !important;
}
.cssButtonColor7 .cssButtonText {
  border-bottom: 1px solid var(--accent_hover) !important;
}
.cssButtonColor7:hover {
  color: var(--accent) !important;
}

/* =========================================================================================
   FOOTER / COPYRIGHT
   ========================================================================================= */

.footer,
.layout_footer,
.mod_copyright,
.copyright,
.parseTime {
  background: var(--bg) !important;
  color: var(--text3) !important;
}

.mod_copyright a,
.copyright a {
  color: var(--accent) !important;
  border-bottom: 1px solid var(--border2) !important;
}

.mod_copyright a:hover,
.copyright a:hover {
  color: var(--accent_hover) !important;
  border-bottom: 1px solid var(--accent_hover) !important;
}

/* =========================================================================================
   TABS / ACCORDION (product info)
   ========================================================================================= */

.pd_tabs .resp-tabs-list li {
  background: var(--surface2) !important;
  color: var(--text2) !important;
}

.pd_tabs .resp-tabs-list li.resp-tab-active {
  background: #000 !important;
  color: var(--accent_hover) !important;
  border-color: var(--accent) !important;
}

.pd_tabs .resp-tab-content {
  background: var(--surface) !important;
  color: var(--text2) !important;
}

.pd_tabs .count,
.pd_accordion .count {
  background: var(--accent) !important;
  color: #000 !important;
}

/* accordion headings */
.pd_accordion h2.resp-accordion,
.pd_accordion div.resp-accordion {
  background: var(--surface2) !important;
  color: var(--text2) !important;
}

.pd_accordion h2.resp-tab-active,
.pd_accordion div.resp-tab-active {
  background: #000 !important;
  color: var(--accent_hover) !important;
}

/* =========================================================================================
   TABLES
   ========================================================================================= */

table,
td,
th {
  border-color: var(--border) !important;
  color: var(--text2) !important;
}

th {
  color: var(--text) !important;
  background: var(--surface2) !important;
}

/* =========================================================================================
   SCROLLBARS
   ========================================================================================= */

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.35) rgba(255,255,255,0.05);
}

*::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.05);
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.35);
  border: 1px solid rgba(255,255,255,0.10);
}

/* =========================================================================================
   FINAL FORCE OVERRIDE FOR WHITE BACKGROUNDS
   ========================================================================================= */

[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background:white"],
[style*="background: white"] {
  background: var(--surface) !important;
}

/* =========================================================================================
   DARK MAPPING OVERRIDE (fixes #333 #555 #666 etc.)
   Kategorien + MegaMenu + Preise + Settings Button
   ========================================================================================= */

/* FORCE DEFAULT TEXT COLORS */
body,
.layout_wrap,
.layout_content,
.layout_categories,
.layout_categories_inner,
.mega_menu,
.mega_menu * {
  color: #f0f0f0 !important;
}

/* replace common "dark gray" from light theme */
* {
  border-color: rgba(255,255,255,0.18) !important;
}

/* ---------------------------------------------------------
   LAYOUT CATEGORIES (Top Menu Bar)
--------------------------------------------------------- */

.layout_categories {
  background: #0a0a0a !important;
  border-top: 1px solid rgba(255,255,255,0.18) !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
}

/* top category links */
.menu_items > li > a,
.menu_items > li > span.nolink {
  color: #f5f5f5 !important;
  background: transparent !important;
}

.menu_items > li > a:hover,
.menu_items > li > span.nolink:hover {
  color: #f3dfba !important;
  background: rgba(220,200,162,0.15) !important;
}

/* counts next to menu item */
.menu_items > li > a > .counts {
  color: #dcc8a2 !important;
}

/* ---------------------------------------------------------
   MEGA MENU
--------------------------------------------------------- */

.mega_menu {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.95) !important;
}

/* mega menu headings */
.mega_menu h1,
.mega_menu h2,
.mega_menu h3,
.mega_menu h4,
.mega_menu .headline,
.mega_menu .subline {
  color: #ffffff !important;
}

/* mega menu links */
.mega_menu a {
  color: #f0f0f0 !important;
}

.mega_menu a:hover {
  color: #f3dfba !important;
}

/* mega menu separators */
.mega_menu hr,
.mega_menu .separator,
.mega_menu .line {
  border-color: rgba(255,255,255,0.18) !important;
}

/* ---------------------------------------------------------
   PRICES (make them much brighter)
--------------------------------------------------------- */

.price,
.products_price,
.lb_price,
.lr_price,
.lb_price *,
.lr_price *,
.product_price,
.product_price * {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* new price highlight */
.lr_price .new_price,
.lb_price .new_price,
.special_price,
.special_price *,
.new_price {
  color: #f3dfba !important;
  font-weight: 900 !important;
}

/* old price */
.lr_price .old_price,
.lb_price .old_price,
.old_price {
  color: #bdbdbd !important;
  opacity: 0.95 !important;
  text-decoration: line-through !important;
}

/* tax text */
.lr_tax,
.lb_tax,
.lr_tax a,
.lb_tax a {
  color: #d0d0d0 !important;
}

/* ---------------------------------------------------------
   SETTINGS SHORT (make beige)
--------------------------------------------------------- */

#settings_short,
#settings_short * {
  color: #dcc8a2 !important;
}

#settings_short:hover,
#settings_short:hover * {
  color: #f3dfba !important;
}

/* ---------------------------------------------------------
   FIX BUTTONS inside menus / toggles
--------------------------------------------------------- */

.toggle_settings a,
.toggle_settings span,
.toggle_settings div {
  color: #f0f0f0 !important;
}

/* ---------------------------------------------------------
   FIX COMMON LIGHT BACKGROUNDS
--------------------------------------------------------- */

.contentbox,
.contentbox.grey,
.contentbox.lightyellow,
.reviewbox,
.giftbox,
.navigation_item,
.action_item,
.action_item_full,
.listingbox,
.listingrow {
  background: #0a0a0a !important;
}

/* ---------------------------------------------------------
   FIX LINKS THAT WERE #222/#333/#555
--------------------------------------------------------- */

a.color_more,
a.arrow,
.navigation_item a,
.navigation_item a .title,
.rb_title h2 a,
.rb_title .rb_title_inner a {
  color: #f0f0f0 !important;
}

a.color_more:hover,
a.arrow:hover,
.rb_title h2 a:hover,
.rb_title .rb_title_inner a:hover {
  color: #f3dfba !important;
}

/* =========================================================================================
   BACKGROUND MAPPING OVERRIDE
   mappt ALLE hellen Boxen auf AMOLED Dark Surfaces
   ========================================================================================= */

/* global safety */
html, body {
  background: #000 !important;
}

/* most used light backgrounds in template */
div, section, article, aside, header, footer,
main, nav, ul, li, table, tr, td, th,
form, fieldset, legend {
  background-color: transparent;
}

/* force common light backgrounds to dark */
* {
  background-color: unset;
}

/* replace typical light surfaces */
.contentbox,
.contentbox.grey,
.contentbox.lightyellow,
.reviewbox,
.giftbox,
.navigation_item,
.action_item,
.action_item_full,
.listingbox,
.listingrow,
.box_products_head,
.toggle_cart,
.toggle_wishlist,
.toggle_settings,
.toggle_account,
.pd_tabs .resp-tab-content,
.pd_accordion .resp-tab-content,
.pd_tabs .resp-tabs-list li,
.pd_accordion h2.resp-accordion,
.pd_accordion div.resp-accordion,
.layout_header,
.layout_header_checkout,
.layout_categories,
.layout_footer,
.footer,
.subfooter {
  background: #0a0a0a !important;
}

/* slightly raised surfaces */
.field_password,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select,
textarea {
  background: #121212 !important;
}

/* hover / active surfaces */
.navigation_item:hover,
.navigation_item.selected,
.menu_items > li > a:hover,
.menu_items > li > span.nolink:hover,
.pd_tabs .resp-tabs-list li:hover,
.pd_accordion h2.resp-accordion:hover {
  background: #1a1a1a !important;
}

/* tabs active */
.pd_tabs .resp-tabs-list li.resp-tab-active,
.pd_accordion h2.resp-tab-active,
.pd_accordion div.resp-tab-active {
  background: #000 !important;
}

/* borders for all these boxes */
.contentbox,
.reviewbox,
.giftbox,
.navigation_item,
.action_item,
.action_item_full,
.listingbox,
.listingrow,
.pd_tabs .resp-tab-content,
.pd_tabs .resp-tabs-list li,
.pd_accordion h2.resp-accordion,
.pd_accordion div.resp-accordion {
  border-color: rgba(255,255,255,0.18) !important;
}

/* -----------------------------------------------------------------------------------------
   EXTREME FIX: inline styles like background:#fff / background-color:#f5f5f5 etc.
----------------------------------------------------------------------------------------- */

/* force inline background whites to dark */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background:#f5f5f5"],
[style*="background: #f5f5f5"],
[style*="background-color:#f5f5f5"],
[style*="background-color: #f5f5f5"],
[style*="background:#f9f9f9"],
[style*="background: #f9f9f9"],
[style*="background-color:#f9f9f9"],
[style*="background-color: #f9f9f9"],
[style*="background:#eee"],
[style*="background: #eee"],
[style*="background-color:#eee"],
[style*="background-color: #eee"],
[style*="background:#e1e1e1"],
[style*="background: #e1e1e1"],
[style*="background-color:#e1e1e1"],
[style*="background-color: #e1e1e1"],
[style*="background:#d9d9d9"],
[style*="background: #d9d9d9"],
[style*="background-color:#d9d9d9"],
[style*="background-color: #d9d9d9"] {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
}

/* -----------------------------------------------------------------------------------------
   FIX SPECIAL CASES: white pseudo elements, separators, overlays
----------------------------------------------------------------------------------------- */

*:before,
*:after {
  border-color: rgba(255,255,255,0.18) !important;
}

/* separators and divider lines */
.br_btn_alternate:before,
.splide_size2:after {
  border-color: rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.18) !important;
}

/* listing hover overlay */
@media only screen and (min-width: 985px) {
  .lb_buttons {
    background: rgba(0,0,0,0.85) !important;
  }
}

/* =========================================================================================
   AMOLED FIXES (Readability + Beige Elements)
   ========================================================================================= */

/* box_sub_categories links brighter */
.box_sub_categories a,
.box_sub_categories a:link,
.box_sub_categories a:visited {
  color: #f3dfba !important;
  font-weight: 700 !important;
}
.box_sub_categories a:hover {
  color: #ffffff !important;
}

/* listingbox title not readable */
.lb_title,
.lb_title .lb_title_inner,
.lb_title .lb_title_inner a {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* listing filter icon beige */
.listing_filter_icon,
.listing_filter_icon .fa-solid,
.listing_filter_icon i {
  color: #dcc8a2 !important;
}

/* settings_short beige background + dark text */
#settings_short {
  border: 1px solid rgba(0,0,0,0.6) !important;
  border-radius: 8px;
}

#settings_short:hover {
 /* background: #f3dfba !important;*/
}

/* pagination beige */
.pagination_list a,
.pagination_list span,
.pagination_list li {
  background: #dcc8a2 !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,0.6) !important;
}

.pagination_list a:hover {
  background: #f3dfba !important;
  color: #000 !important;
}
a.view_box:hover, a.view_box.active {
  color: #dcc8a2;
  background: #000;
  text-decoration: none;
}

/* cssButtonText darker */
.cssButtonText,
.cssButton .cssButtonText {
  color: #000 !important;
}

/* checkout/order summary boxes dark bg + readable text */
.ordersum,
.checkout_info,
.resp-tabs-container {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

/* ensure text inside those containers is bright */
.ordersum *,
.checkout_info *,
.resp-tabs-container * {
  color: #f0f0f0 !important;
}

/* make headings inside them white */
.ordersum h1, .ordersum h2, .ordersum h3, .ordersum h4,
.checkout_info h1, .checkout_info h2, .checkout_info h3, .checkout_info h4,
.resp-tabs-container h1, .resp-tabs-container h2, .resp-tabs-container h3, .resp-tabs-container h4 {
  color: #ffffff !important;
}

/* =========================================================================================
   AMOLED FIXES 2 (Accordion, Checkout, SumoSelect, Footer/Subfooter, Form Elements)
   ========================================================================================= */

/* accordion headings dark + readable */
div.resp-accordion,
h2.resp-accordion {
  background: #0a0a0a !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

div.resp-accordion *,
h2.resp-accordion * {
  color: #ffffff !important;
}

/* checkout conditions */
.checkoutconditions {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

.checkoutconditions * {
  color: #f0f0f0 !important;
}

/* order total shipping rows */
.ordertotal_row,
.ordertotal_row.ot_shipping,
.ordertotal_row.ot_shipping.ot_select,
.ot_width_1,
.ot_width_2 {
  background: #0a0a0a !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.ordertotal_row *,
.ordertotal_row.ot_shipping *,
.ordertotal_row.ot_shipping.ot_select *,
.ot_width_1 *,
.ot_width_2 * {
  color: #ffffff !important;
}

/* SumoSelect dropdown wrapper dark + readable */
.SumoSelect > .optWrapper {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 15px 40px rgba(0,0,0,0.95) !important;
}

.SumoSelect > .optWrapper * {
  color: #f0f0f0 !important;
}

/* hovered/selected option */
.SumoSelect > .optWrapper > .options li.opt:hover {
  background: rgba(220,200,162,0.15) !important;
  color: #ffffff !important;
}
.SumoSelect > .optWrapper > .options li.opt.selected {
  background: rgba(220,200,162,0.25) !important;
  color: #ffffff !important;
}

/* cssButtonIcon dark (because buttons are beige) */
.cssButtonIcon,
.cssButton .cssButtonIcon {
  color: #000 !important;
}

/* RADIO + CHECKBOX brighter */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #dcc8a2 !important;
}

/* fallback if accent-color not supported */
.cus_check label,
.cus_radio label {
  color: #f0f0f0 !important;
}

.cus_check input[type="checkbox"] ~ label:before,
.cus_radio input[type="radio"] ~ label:before {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.35) !important;
}

.cus_check input[type="checkbox"] ~ label:after,
.cus_radio input[type="radio"] ~ label:after {
  color: #dcc8a2 !important;
}

/* layout_subfooter slightly brighter than body */
.layout_subfooter,
.subfooter {
  background: #0a0a0a !important;
  border-top: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

.layout_subfooter *,
.subfooter * {
  color: #f0f0f0 !important;
}

/* footer links brighter */
.layout_footer a,
.footer a,
.mod_copyright a,
.copyright a {
  color: #f3dfba !important;
  border-bottom-color: rgba(220,200,162,0.5) !important;
}

.layout_footer a:hover,
.footer a:hover,
.mod_copyright a:hover,
.copyright a:hover {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

/* =========================================================================================
   AMOLED FIXES 3 (SumoSelect, Tabs, Filter Toggle, Search, Content Boxes)
   ========================================================================================= */

/* -----------------------------
   SumoSelect (Country + general)
----------------------------- */

.SumoSelect,
.SumoSelect.sumo_country,
.SumoSelect.sumo_country * {
  color: #f0f0f0 !important;
}

.SumoSelect > .CaptionCont,
.SumoSelect > .CaptionCont.SelectBox,
.SumoSelect > .CaptionCont.SelectBox.undefined,
.SumoSelect > .CaptionCont.SelectBox.SumoUnder {
  background: #121212 !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}

.SumoSelect > .CaptionCont * {
  color: #ffffff !important;
}

/* dropdown open area */
.SumoSelect > .optWrapper,
.SumoSelect > .optWrapper.SumoUnder {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

.SumoSelect > .optWrapper * {
  color: #f0f0f0 !important;
}

/* options hover/selected */
.SumoSelect > .optWrapper > .options li.opt:hover {
  background: rgba(220,200,162,0.18) !important;
  color: #ffffff !important;
}
.SumoSelect > .optWrapper > .options li.opt.selected {
  background: rgba(220,200,162,0.30) !important;
  color: #ffffff !important;
}

/* -----------------------------
   RESPONSIVE TABS / CONTENT
----------------------------- */

.resp-tab-content,
.resp-tab-content.resp-tab-content-active,
.resp-tab-contents,
.resp-tab-contents * {
  background: #0a0a0a !important;
  color: #f0f0f0 !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.resp-tab-content *,
.resp-tab-content.resp-tab-content-active * {
  color: #f0f0f0 !important;
}

/* accordion active */
.resp-accordion.resp-tab-active,
div.resp-accordion.resp-tab-active,
h2.resp-accordion.resp-tab-active {
  background: #000000 !important;
  color: #f3dfba !important;
  border-color: rgba(220,200,162,0.6) !important;
}

.resp-accordion.resp-tab-active *,
div.resp-accordion.resp-tab-active *,
h2.resp-accordion.resp-tab-active * {
  color: #f3dfba !important;
}

/* -----------------------------
   FILTER TOGGLE / FILTER BAR
----------------------------- */

.toggle_filter,
.filter_bar,
.filter_bar.cf {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

.toggle_filter *,
.filter_bar *,
.filter_bar.cf * {
  color: #f0f0f0 !important;
}

/* -----------------------------
   SEARCH TEXT FIELD
----------------------------- */

.search-txt,
.search-txt input,
.search-txt input[type=text] {
  background: #121212 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.search-txt input::placeholder {
  color: #bdbdbd !important;
}

/* -----------------------------
   CONTENT BOX HEADER / TEXT
----------------------------- */

.content_box_header {
  background: #0a0a0a !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.content_box_header * {
  color: #ffffff !important;
}

.content_box_text {
  background: #0a0a0a !important;
  color: #f0f0f0 !important;
}

.content_box_text * {
  color: #f0f0f0 !important;
}

/* -----------------------------
   CONTENT BOX LIST LINKS BRIGHTER
----------------------------- */

.content_box_list a,
.content_box_list a:link,
.content_box_list a:visited {
  color: #f3dfba !important;
  font-weight: 700 !important;
}

.content_box_list a:hover {
  color: #ffffff !important;
}

/* =========================================================================================
   CONTENT BOX LIST LEVEL1 LINKS (brighter)
   ========================================================================================= */

.content_box_list .level1 a,
.content_box_list .level1 a:link,
.content_box_list .level1 a:visited {
  color: #ffffff !important;
  font-weight: 500 !important;
}

.content_box_list .level1 a:hover {
  color: #f3dfba !important;
}



/* =========================================================================================
   HEADER ICONS BEIGE
   ========================================================================================= */

#wishlist_short .fa-regular.fa-heart{
	color: #dcc8a2 !important;
}

#cart_short .fa-solid.fa-cart-shopping{
	color: #dcc8a2 !important;
}

#account_short .fa-solid.fa-user{
	color: #dcc8a2 !important;
}

#menu_short .fa-solid.fa-bars{
	color: #dcc8a2 !important;
}

/* =========================================================================================
   MOBILE MENU AMOLED FIX
   ========================================================================================= */

.mobile_menu,
.mobile_menu_inner,
.mobile_menu_content,
.mobile_menu_wrap,
.mobile_menu ul,
.mobile_menu li {
  background: #000 !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* menu links */
.mobile_menu a,
.mobile_menu a:link,
.mobile_menu a:visited {
  color: #f0f0f0 !important;
  font-weight: 800 !important;
}

/* hover / active */
.mobile_menu a:hover,
.mobile_menu li:hover > a,
.mobile_menu li.active > a {
  color: #f3dfba !important;
  background: rgba(220,200,162,0.12) !important;
}

/* submenu indentation */
.mobile_menu ul ul {
  background: #0a0a0a !important;
}

/* icons in mobile menu */
.mobile_menu i,
.mobile_menu .fa-solid,
.mobile_menu .fa-regular {
  color: #dcc8a2 !important;
}

/* close button / toggles */
.mobile_menu .close,
.mobile_menu .toggle,
.mobile_menu .menu_closer {
  background: #0a0a0a !important;
  color: #f3dfba !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.mobile_menu .close:hover,
.mobile_menu .toggle:hover,
.mobile_menu .menu_closer:hover {
  background: #121212 !important;
  color: #ffffff !important;
}

/* =========================================================================================
   MOBILE OVERLAY + SETTINGS SHORT FIX
   ========================================================================================= */

/* mmenu offcanvas content dark */
.mm-ocd__content,
.mm-ocd__content * {
  background: #000 !important;
  
}

/* ensure links inside overlay are readable */
.mm-ocd__content a {
  color: #f3dfba !important;
}
.mm-ocd__content a:hover {
  color: #ffffff !important;
}

/* settings_short beige background */
#settings_short {
  border: 1px solid rgba(0,0,0,0.6) !important;
}




#settings_short:hover {
  /*background: #f3dfba !important;*/
}

/* =========================================================================================
   ACCOUNT SHORT LINK DARK
   ========================================================================================= */

#settings_short > a {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

#settings_short > a:hover {
  /*background: #121212 !important;*/
  color: #f3dfba !important;
  border-color: rgba(255,255,255,0.28) !important;
}

#settings_short > div {
  background: #0a0a0a !important;
}


#account_short > a {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #dcc8a2; !important;
}

#account_short > a:hover {
  background: #121212 !important;
  color: #f3dfba !important;
  border-color: rgba(255,255,255,0.28) !important;
}

#wishlist_short > a {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

#wishlist_short > a:hover {
  background: #121212 !important;
  color: #f3dfba !important;
  border-color: rgba(255,255,255,0.28) !important;
}

#cart_short > a {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

#cart_short > a:hover {
  background: #121212 !important;
  color: #f3dfba !important;
  border-color: rgba(255,255,255,0.28) !important;
}

#mobile_menu > a {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #f0f0f0 !important;
}

#mobile_menu > a:hover {
  background: #121212 !important;
  color: #f3dfba !important;
  border-color: rgba(255,255,255,0.28) !important;
}

#menu_short > div {
  background: #0a0a0a !important;
}

#search_short > div {
  display: block;
  position: relative;
  background: var(--header_menuitems_bg, #dcc8a2);
  color: var(--header_menuitems_color, #000);
  border: 1px solid var(--header_menuitems_border, #eee);
  height: 40px;
  width: 40px;
  border-radius: 40px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin: 0px auto;
}

/* =========================================================================================
   STANDARD PRICE BRIGHTER
   ========================================================================================= */

.standard_price,
.standard_price *,
.standard_price span {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.standard_price:hover,
.standard_price:hover * {
  color: #f3dfba !important;
}

.lr_title .lr_title_inner > a {
color: var(--text) !important;
}

.toggle_settings div {
  color: #000 !important;
}

.toggle_headline {
  margin: 10px 0px;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
  background: #f3dfba;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
}

.mm-spn.mm-spn--light {
  color: #000;
  background:#f3dfba;
  font-weight:400;
}

.menu_items > li > a:hover {
  color:var(--categoriesitems_level1_color_hover, #222);
  background:#000;
}

.lb_buttons > i {
  color: #000 !important;
}

.cssButtonColor2 {
  border-radius: 4px;
  text-decoration: none;
  border: 1px solid var(--button2_border, rgba(0,0,0,0.1));
  background: var(--button2_background, #4d4d4d);
  color: var(--button2_color, #fff);
}

.fa-regular.fa-heart {
  color: #000000 !important;
}


#wishlist_short .fa-regular.fa-heart{
	color: #dcc8a2 !important;
}

#cart_short .fa-solid.fa-cart-shopping{
	color: #dcc8a2 !important;
}

#account_short .fa-solid.fa-user{
	color: #dcc8a2 !important;
}

#menu_short .fa-solid.fa-bars{
	color: #dcc8a2 !important;
}

.action_item.selected .action_item_inner, .action_item_full.selected .action_item_inner {
  border-top: 1px solid #e1e1e1;
    border-top-color: rgb(225, 225, 225);
  background: #000000;
}

ul.subcats_menu_hover > li > ul {
  background: #000;
  border: solid #d9d9d9;
    border-top-width: medium;
    border-top-color: rgb(217, 217, 217);
    border-right-width: medium;
    border-right-color: rgb(217, 217, 217);
    border-bottom-width: medium;
    border-bottom-color: rgb(217, 217, 217);
    border-left-width: medium;
    border-left-color: rgb(217, 217, 217);
  border-width: 1px 0 1px 0;
  transition: all 0.3s ease-in-out;
  padding: 0px 0px;
  margin: 0;
  list-style-type: none;
  position: absolute;
  left: 100%;
  top: -1px;
  width: 270px;
  visibility: hidden;
  opacity: 1 !important;
  max-height: 60vh;
  overflow: auto;
}

.mm-spn.mm-spn--navbar::before {
  content: '';
  display: block;
  position: absolute;
  top: 60px;
  left: 20px;
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  -ms-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: 0.8;
  z-index: 2;
  color: brown;
}

ul.content_box_list > li > a {
	color: #fff !important;
	
}

.layout_wrap.theme_djdiscount, .layout_wrap.theme_djdiscount ~ .copyright, .layout_wrap.theme_djdiscount ~ .parseTime, .layout_wrap.theme_djdiscount ~ .mm-ocd, .layout_wrap.theme_djdiscount ~ #colorbox {
  --footer_link_color: #fff;
}

/* =========================================================================================
    Cookie Consent
   ========================================================================================= */


.as-oil__heading {
  max-width: 840px;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.3;
  color: #000;
}

.as-oil__intro-txt {
  display: inline-block;
  min-width: 75%;
  max-width: 75%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

.content_box_payment > span {
  float: left;
  width: 54px;
  border-radius: 4px;
  background: var(--footer_payment_icons_bg, rgba(243,223,186,0.9));
  margin: 0px 10px 10px 0px;
}

.box_products_head .more a {
  background: #dcc8a2;
  color: #333;
  padding: 6px 10px;
  position: relative;
  display: block;
  font-size: 11px;
  line-height: 15px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.box_products_head .more a:hover {
  background: #f3dfba;
}

.suggestionsBox {
  position: absolute;
  right: -10px;
  left: -10px;
  top: calc(100% + 28px);
  margin: auto;
  background: #000;
  z-index: 1100;
  padding: 20px 0px 20px 0px;
  text-align: left;
  box-shadow: 0 10px 15px -15px #333;
}

.suggestionsBox .ac_text {
  display: block;
  padding: 2px 0px 0px 0px;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}


.suggestionsBox .suggestionList {
  width: 100%;
  max-width: 980px;
  background: #000;
  margin: 0px auto;
  padding: 0 0 0 0;
}

ul#checkoutnavigation li .selected .number {
  border: 1px solid #d9d9d9;
    border-top-color: rgb(217, 217, 217);
    border-right-color: rgb(217, 217, 217);
    border-bottom-color: rgb(217, 217, 217);
    border-left-color: rgb(217, 217, 217);
    color: #dcc8a2;
}

ul#checkoutnavigation li .active .number {
  border: 1px solid #d9d9d9;
    border-top-color: rgb(217, 217, 217);
    border-right-color: rgb(217, 217, 217);
    border-bottom-color: rgb(217, 217, 217);
    border-left-color: rgb(217, 217, 217);
  color: #dcc8a2;
}

ul#checkoutnavigation li .inactive .number {
  border: 1px solid #d9d9d9;
    border-top-color: rgb(217, 217, 217);
    border-right-color: rgb(217, 217, 217);
    border-bottom-color: rgb(217, 217, 217);
    border-left-color: rgb(217, 217, 217);
  color: #dcc8a2;
}

.errormessage p {
  margin: 0px 0px;
  padding: 0px 0px;
  color: #dd1d1d;
}

.sitemaplist > ul.sitemapcat > li > ul li a {
  background: #000;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0px;
    padding-left: 0px;
  border-bottom: none;
}


.sitemaplist > ul.sitemapcat {
  column-rule: 1px solid #bababa;
}

.sitemaplist > ul.sitemapcat > li.level1 > a:hover {
  color: #f3dfba;
  text-decoration: none;
}