/* Lalegold optional dark appearance - 2026-07-17. */
html.lalegold-dark-mode,
html.lalegold-dark-mode body {
  background: #000000 !important;
  color: #f4f2ed !important;
}

html.lalegold-dark-mode .site-wrapper,
html.lalegold-dark-mode #container,
html.lalegold-dark-mode #content,
html.lalegold-dark-mode .content,
html.lalegold-dark-mode .content-top,
html.lalegold-dark-mode .content-bottom,
html.lalegold-dark-mode .module-body,
html.lalegold-dark-mode .module-content,
html.lalegold-dark-mode .page-header,
html.lalegold-dark-mode .page-title,
html.lalegold-dark-mode .breadcrumbs-wrapper,
html.lalegold-dark-mode .breadcrumb,
html.lalegold-dark-mode .popup-container,
html.lalegold-dark-mode .modal-content,
html.lalegold-dark-mode .panel,
html.lalegold-dark-mode .well {
  background-color: #000000 !important;
  color: #f4f2ed !important;
}

html.lalegold-dark-mode footer,
html.lalegold-dark-mode .footer,
html.lalegold-dark-mode .footer-top,
html.lalegold-dark-mode .footer-bottom,
html.lalegold-dark-mode .footer-main,
html.lalegold-dark-mode .footer-content,
html.lalegold-dark-mode .footer .module,
html.lalegold-dark-mode .footer .module-body {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #eabb7a !important;
  border-color: #2a3034 !important;
}

html.lalegold-dark-mode .footer h1,
html.lalegold-dark-mode .footer h2,
html.lalegold-dark-mode .footer h3,
html.lalegold-dark-mode .footer h4,
html.lalegold-dark-mode .footer h5,
html.lalegold-dark-mode .footer h6,
html.lalegold-dark-mode .footer a,
html.lalegold-dark-mode .footer li,
html.lalegold-dark-mode .footer p,
html.lalegold-dark-mode .footer span {
  color: #eabb7a !important;
}

html.lalegold-dark-mode .header,
html.lalegold-dark-mode .header-mega,
html.lalegold-dark-mode .desktop-bar,
html.lalegold-dark-mode .secondary-menu,
html.lalegold-dark-mode .secondary-menu .top-menu,
html.lalegold-dark-mode .secondary-menu .j-menu,
html.lalegold-dark-mode .secondary-menu .menu-item,
html.lalegold-dark-mode .secondary-menu .top-menu-item > a,
html.lalegold-dark-mode .desktop-cart-wrapper,
html.lalegold-dark-mode .mobile-header,
html.lalegold-dark-mode .mobile-bar,
html.lalegold-dark-mode .sticky-bar,
html.lalegold-dark-mode .main-menu,
html.lalegold-dark-mode .main-menu > ul,
html.lalegold-dark-mode .main-menu .dropdown-menu,
html.lalegold-dark-mode .j-dropdown,
html.lalegold-dark-mode .mobile-container,
html.lalegold-dark-mode .mobile-wrapper-header,
html.lalegold-dark-mode .mobile-main-menu-wrapper {
  background-color: #050607 !important;
  color: #f4f2ed !important;
}

html.lalegold-dark-mode .header,
html.lalegold-dark-mode .mobile-header,
html.lalegold-dark-mode .main-menu,
html.lalegold-dark-mode .mobile-bar {
  border-color: #262b2f !important;
}

html.lalegold-dark-mode .main-menu a,
html.lalegold-dark-mode .main-menu .menu-item > a,
html.lalegold-dark-mode .mobile-main-menu-wrapper a,
html.lalegold-dark-mode .header a,
html.lalegold-dark-mode .header .fa,
html.lalegold-dark-mode .header [class*="icon"] {
  color: #f4f2ed !important;
}

html.lalegold-dark-mode .main-menu .menu-item > a:hover,
html.lalegold-dark-mode .main-menu .menu-item.active > a,
html.lalegold-dark-mode .main-menu .menu-item.open > a,
html.lalegold-dark-mode .mobile-main-menu-wrapper a:hover {
  color: #eabb7a !important;
}

html.lalegold-dark-mode .lalegold-live-gold-bar,
html.lalegold-dark-mode .lalegold-live-gold-bar.is-visible {
  background: #050607 !important;
  border-color: #2b3035 !important;
}

html.lalegold-dark-mode .lalegold-live-gold-value,
html.lalegold-dark-mode .lalegold-live-timer,
html.lalegold-dark-mode .lalegold-live-change {
  color: #f4f2ed !important;
}

html.lalegold-dark-mode .product-thumb,
html.lalegold-dark-mode .product-thumb .caption,
html.lalegold-dark-mode .product-thumb .product-details,
html.lalegold-dark-mode .product-info,
html.lalegold-dark-mode .category-info,
html.lalegold-dark-mode .manufacturer-info,
html.lalegold-dark-mode .blog-post,
html.lalegold-dark-mode .post-thumb,
html.lalegold-dark-mode .cart-panels,
html.lalegold-dark-mode .cart-total,
html.lalegold-dark-mode .checkout-content,
html.lalegold-dark-mode .checkout-cart,
html.lalegold-dark-mode .cart-content,
html.lalegold-dark-mode .notification,
html.lalegold-dark-mode .notification-cart,
html.lalegold-dark-mode .journal-loading {
  background-color: #000000 !important;
  color: #f4f2ed !important;
  border-color: #2a3034 !important;
}

html.lalegold-dark-mode .product-thumb,
html.lalegold-dark-mode .post-thumb,
html.lalegold-dark-mode .cart-total,
html.lalegold-dark-mode .cart-content,
html.lalegold-dark-mode .checkout-content {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

html.lalegold-dark-mode h1,
html.lalegold-dark-mode h2,
html.lalegold-dark-mode h3,
html.lalegold-dark-mode h4,
html.lalegold-dark-mode h5,
html.lalegold-dark-mode h6,
html.lalegold-dark-mode .title,
html.lalegold-dark-mode .page-title,
html.lalegold-dark-mode .product-thumb .name a,
html.lalegold-dark-mode .product-info .product-name,
html.lalegold-dark-mode .product-info .product-name h1,
html.lalegold-dark-mode .cart-content,
html.lalegold-dark-mode .checkout-content,
html.lalegold-dark-mode .table,
html.lalegold-dark-mode .table th,
html.lalegold-dark-mode .table td,
html.lalegold-dark-mode label,
html.lalegold-dark-mode .form-group,
html.lalegold-dark-mode .breadcrumb,
html.lalegold-dark-mode .breadcrumb a {
  color: #f4f2ed !important;
}

html.lalegold-dark-mode p,
html.lalegold-dark-mode li,
html.lalegold-dark-mode .text-muted,
html.lalegold-dark-mode .vat-shipping-note,
html.lalegold-dark-mode .shipping-info,
html.lalegold-dark-mode .product-thumb .description,
html.lalegold-dark-mode .product-thumb .price-tax,
html.lalegold-dark-mode .product-info .product-stats,
html.lalegold-dark-mode .form-control-feedback {
  color: #c5c1b8 !important;
}

html.lalegold-dark-mode a,
html.lalegold-dark-mode .product-thumb .name a:hover,
html.lalegold-dark-mode .breadcrumb a:hover,
html.lalegold-dark-mode .category-info a,
html.lalegold-dark-mode .manufacturer-info a,
html.lalegold-dark-mode .blog-post a {
  color: #eabb7a !important;
}

html.lalegold-dark-mode .price-group,
html.lalegold-dark-mode .product-price,
html.lalegold-dark-mode .price-new,
html.lalegold-dark-mode .price-normal,
html.lalegold-dark-mode .cart-content .total,
html.lalegold-dark-mode .table .price,
html.lalegold-dark-mode .cart-total .total {
  color: #f4f2ed !important;
}

html.lalegold-dark-mode .product-thumb .image,
html.lalegold-dark-mode .product-thumb .image a,
html.lalegold-dark-mode .product-image,
html.lalegold-dark-mode .image-holder,
html.lalegold-dark-mode .product-layout .image {
  background: transparent !important;
}

html.lalegold-dark-mode .form-control,
html.lalegold-dark-mode input.form-control,
html.lalegold-dark-mode textarea.form-control,
html.lalegold-dark-mode select.form-control,
html.lalegold-dark-mode .header-search,
html.lalegold-dark-mode .search-input,
html.lalegold-dark-mode .input-group-addon {
  background-color: #050607 !important;
  border-color: #3a4249 !important;
  color: #f4f2ed !important;
}

html.lalegold-dark-mode select.form-control option {
  background: #050607;
  color: #f4f2ed;
}

html.lalegold-dark-mode .form-control::placeholder,
html.lalegold-dark-mode .search-input::placeholder {
  color: #aaa69e !important;
}

html.lalegold-dark-mode .table,
html.lalegold-dark-mode .table > thead > tr > th,
html.lalegold-dark-mode .table > tbody > tr > td,
html.lalegold-dark-mode .table > tbody > tr > th,
html.lalegold-dark-mode .list-group-item,
html.lalegold-dark-mode .panel-default,
html.lalegold-dark-mode .panel-default > .panel-heading,
html.lalegold-dark-mode .checkout-content .section-title,
html.lalegold-dark-mode .checkout-content .section-body {
  background-color: #000000 !important;
  border-color: #30363b !important;
  color: #f4f2ed !important;
}

html.lalegold-dark-mode .sort-order,
html.lalegold-dark-mode .product-filter,
html.lalegold-dark-mode .products-filter,
html.lalegold-dark-mode .products-filter .select-group,
html.lalegold-dark-mode .products-filter .input-group,
html.lalegold-dark-mode .product-filter .display,
html.lalegold-dark-mode .pagination,
html.lalegold-dark-mode .pagination > li > a,
html.lalegold-dark-mode .pagination > li > span {
  background-color: #050607 !important;
  border-color: #30363b !important;
  color: #f4f2ed !important;
}

html.lalegold-dark-mode .pagination > .active > a,
html.lalegold-dark-mode .pagination > .active > span,
html.lalegold-dark-mode .pagination > li > a:hover {
  background-color: #c99a45 !important;
  border-color: #c99a45 !important;
  color: #101214 !important;
}

html.lalegold-dark-mode .btn,
html.lalegold-dark-mode .btn-primary,
html.lalegold-dark-mode .btn-cart,
html.lalegold-dark-mode .search-button {
  box-shadow: none !important;
}

html.lalegold-dark-mode .btn-light,
html.lalegold-dark-mode .buttons .pull-left .btn,
html.lalegold-dark-mode .btn-default {
  background: #050607 !important;
  border-color: #c99a45 !important;
  color: #eabb7a !important;
}

html.lalegold-dark-mode .btn-light:hover,
html.lalegold-dark-mode .buttons .pull-left .btn:hover,
html.lalegold-dark-mode .btn-default:hover {
  background: #c99a45 !important;
  border-color: #c99a45 !important;
  color: #101214 !important;
}

html.lalegold-dark-mode .mobile-container-overlay,
html.lalegold-dark-mode .overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}

html.lalegold-dark-mode #cookie-consent {
  background: #012f36 !important;
  color: #eabb7a !important;
}

/* Apple-like control. */
.lalegold-theme-toggle {
  appearance: none;
  -webkit-appearance: none;
  align-items: center;
  background: #d8d9da;
  border: 1px solid rgba(1, 47, 54, 0.16);
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  height: 28px;
  justify-content: flex-start;
  padding: 2px;
  position: relative;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
  width: 48px;
}

.lalegold-theme-toggle:focus-visible {
  box-shadow: 0 0 0 3px rgba(201, 154, 69, 0.32);
  outline: 0;
}

.lalegold-theme-toggle-knob {
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: block;
  height: 22px;
  position: relative;
  transform: translateX(0);
  transition: transform 180ms ease, background-color 180ms ease;
  width: 22px;
}

.lalegold-theme-toggle-knob:after {
  border: 1.5px solid #7e858b;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 7px;
}

html.lalegold-dark-mode .lalegold-theme-toggle {
  background: #c99a45;
  border-color: #c99a45;
  justify-content: flex-end;
}

html.lalegold-dark-mode .lalegold-theme-toggle-knob {
  background: #101214;
  transform: translateX(0);
}

html.lalegold-dark-mode .lalegold-theme-toggle-knob:after {
  background: #eabb7a;
  border-color: #eabb7a;
  box-shadow: 3px -2px 0 #101214;
}

.lalegold-theme-toggle--desktop {
  position: absolute;
  right: calc(100% + 14px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.desktop-search-wrapper {
  position: relative;
}

.lalegold-theme-menu-control {
  align-items: center;
  border-bottom: 1px solid rgba(201, 154, 69, 0.22);
  color: #5f626a;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  margin: 0 14px 12px;
  padding: 4px 0 12px;
}

html.lalegold-dark-mode .lalegold-theme-menu-control {
  color: #f4f2ed;
}

@media (max-width: 1100px) and (min-width: 769px) {
  .lalegold-theme-toggle--desktop {
    right: calc(100% + 8px);
  }
}