.darkmode-toggle {
  width: 80px;
  height: 40px;
  background: #c5b8cc;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}
.darkmode-toggle .icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.darkmode-toggle .icon-svg {
  width: 20px;
  height: 20px;
  fill: white;
}
.darkmode-toggle .toggle-circle {
  position: absolute;
  width: 36px;
  height: 36px;
  background: #d96f00;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: left 0.3s;
  z-index: 1;
}
html.dark-mode .darkmode-toggle .toggle-circle {
  left: 42px;
}

/* Dark Mode Styling */

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3{
	color: #D6CDE0 !important;
}

html.dark-mode p{
	color: #ffffff !important;
}
html.dark-mode .elementor-widget-form .elementor-field-subgroup label{
	color: #ffffff !important;
}

html.dark-mode .dark-theme-color-orange p{
	color: var(--e-global-color-primary) !important;
}

html.dark-mode #intro{
	background: #160d1c !important;
}

html.dark-mode #what-we-do {
  background: linear-gradient(135deg, #4F031F 0%, #0D0311 100%) !important;
}

html.dark-mode #about-us {
  background: linear-gradient(to top right, #0D0311 0%, #00573D 100%) !important;
}

html.dark-mode #about-us h4 {
	color: var(--e-global-color-primary) !important;
}

html.dark-mode #our-collection {
  background: linear-gradient(to bottom right, #4a3c53 0%, #0D0311 100%) !important;
}

html.dark-mode .about-us-hero {
  background: linear-gradient(to bottom right, #4a3c53 0%, #0D0311 100%) !important;
}

html.dark-mode .about-us-copy {
  background: #4F031F !important;
}

html.dark-mode #about-us .acf-text{
   color: #ffffff;
}

html.dark-mode .about-us-philosophy {
  background: linear-gradient(to top right, #0D0311 0%, #00573D 100%) !important;
}

html.dark-mode #legal {
  background: #4F031F !important;
}

html.dark-mode #legal h4{
  color: #ffffff;
}

html.dark-mode #legal ul > li{
  color: #ffffff;
}

html.dark-mode #contact-us {
  background: #0D0311 !important;
}

html.dark-mode #contact-us .elementor-button{
  background: var(--e-global-color-primary)!important;
}

html.dark-mode #product-detail{
  background: linear-gradient(to bottom right, #4a3c53 0%, #0D0311 100%) !important;
}

html.dark-mode #product-detail .acf-info-table td:first-child {
    color: var(--e-global-color-primary);
}

html.dark-mode #product-detail .acf-info-table td:not(:first-child) {
    color: #ffffff;
}

html.dark-mode #footer {
  background: #3D3344 !important;
}

html.dark-mode #footer h5{
  color: #D6CDE0 !important;
}

html.dark-mode #footer p,
html.dark-mode #footer p a{
  color: #D6CDE0 !important;
}

html.dark-mode #footer svg{
  fill: #D6CDE0 !important;
}

html.dark-mode #contact-us .elementor-field{
  color: #ffffff !important;
}

html.dark-mode .product h6{
	color: var(--e-global-color-primary)!important;
}

html.dark-mode .product h4{
	color: #ffffff !important;
}

html.dark-mode .produkt-hover:hover .pi-bg {
    background-color: #D6CDE0;
}

html.dark-mode .produkt-hover:hover .pi-frame {
    border: 2px solid #D6CDE0 !important;
}

html.dark-mode #our-collection h4,
html.dark-mode #our-collection h5{
	color: var(--e-global-color-primary);
}

html.dark-mode .elementor-nav-menu--main .elementor-item:not(.elementor-item-active) {
	color: #ffffff !important
}

html.dark-mode div.elementor-menu-toggle svg{
	fill: #D6CDE0 !important;
}