/* Dark Mode Toggle Styles */
.dark-mode-trigger {
    cursor: pointer;
}

/* Dark Mode Enhancements */
.pixel-dark-mode {
    transition: all 0.6s ease-in-out;
}

.pixel-dark-mode .clapat-header {
    background-color: rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.pixel-dark-mode #clapat-logo img.black-logo {
    opacity: 0 !important;
}

.pixel-dark-mode #clapat-logo img.white-logo {
    opacity: 1 !important;
}

.pixel-dark-mode .flexnav li a {
    color: #ffffff !important;
}

.pixel-dark-mode .button-wrap .button-icon i {
    color: #ffffff !important;
}

.pixel-dark-mode .button-wrap .button-text {
    color: #ffffff !important;
}

.pixel-dark-mode p.subtitle {
    color: #cccccc !important;
}

.pixel-dark-mode .hero-subtitle {
    color: #cccccc !important;
}

.pixel-dark-mode .hero-subtitle span {
    color: #dddddd !important;
}

.pixel-dark-mode .hero-description {
    color: #bbbbbb !important;
}

.pixel-dark-mode .section-title {
    color: #ffffff !important;
}

.pixel-dark-mode .section-text {
    color: #cccccc !important;
}