/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2025 | 20:38:14 */
.dark-toggle {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dark-toggle .dt-icon {
  position: absolute;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.4s ease;
}

.dark-toggle .dt-sun {
  color: #FFD93B;
}

.dark-toggle .dt-moon {
  color: #FFD93B;
}

/* حالت دارک → خورشید فعال */
html.dark .dark-toggle .dt-sun {
  opacity: 1;
  transform: scale(1);
}

/* حالت لایت → ماه فعال */
html:not(.dark) .dark-toggle .dt-moon {
  opacity: 1;
  transform: scale(1);
}