.zdm-toggle-wrapper {
    display: inline-flex;
    align-items: center;
}

.zdm-toggle-btn {
    background: transparent;
    border: 1px solid rgba(125, 125, 125, 0.2);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: currentColor;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.zdm-toggle-btn:hover {
    transform: scale(1.08);
}

/* En mode Jour : Affiche la Lune, cache le Soleil */
.zdm-toggle-btn .icon-sun { display: none; }
.zdm-toggle-btn .icon-moon { display: block; }

/* En mode Nuit (html.dark) : Affiche le Soleil, cache la Lune */
html.dark .zdm-toggle-btn .icon-sun { display: block; }
html.dark .zdm-toggle-btn .icon-moon { display: none; }