/* Phanoliax - Tema gecis motoru stilleri */

.header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    border: none;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    transition: transform .3s ease, background .3s ease, color .3s ease;
}

.theme-toggle:hover {
    transform: rotate(-20deg);
}

.theme-toggle i {
    display: none;
}

html[data-theme='dark'] .theme-toggle {
    background: #323232;
    color: #ffffff;
}
html[data-theme='light'] .theme-toggle {
    background: #0F0F0F;
    color: #ffffff;
}

html[data-theme='dark'] .theme-toggle .moon-icon {
    display: inline-block;
}
html[data-theme='light'] .theme-toggle .sun-icon {
    display: inline-block;
}