/* ============================================================
   ИКОНКИ – надёжная версия (с защитой от прозрачности)
   ============================================================ */

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--color-link);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    flex-shrink: 0;
    opacity: 1 !important; /* блокируем любое уменьшение прозрачности */
    transition: background-color 0.2s ease;
}

.icon-sm {
    width: 16px;
    height: 16px;
}

/* ---------- ОПРЕДЕЛЕНИЯ ИКОНОК (без изменений) ---------- */
.icon-ai-mind {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44A2.5 2.5 0 0 1 9.5 2z'/%3E%3Cpath d='M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44A2.5 2.5 0 0 0 14.5 2z'/%3E%3C/svg%3E");
}

.icon-user {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='12' cy='7' r='4' /%3E%3C/svg%3E");
}

.icon-moon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z' /%3E%3C/svg%3E");
}

.icon-sun {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5' /%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42' /%3E%3C/svg%3E");
}

.icon-logout {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 17l5-5-5-5M10 12h11M10 12h11' /%3E%3Cpath d='M9 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4' /%3E%3C/svg%3E");
}

.icon-coins {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12c0 1.657 2.686 3 6 3s6-1.343 6-3M9 12v6c0 1.657 2.686 3 6 3s6-1.343 6-3v-6M9 8c0 1.657 2.686 3 6 3s6-1.343 6-3M9 8V2c0 1.657 2.686 3 6 3s6-1.343 6-3v6' /%3E%3Cpath d='M3 7v6c0 1.657 2.686 3 6 3M3 7V2M3 7V2' /%3E%3C/svg%3E");
}

.icon-help {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' /%3E%3Cpath d='M12 17h.01' /%3E%3C/svg%3E");
}

.icon-settings {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E");
}

.icon-info {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 16v-4M12 8h.01' /%3E%3C/svg%3E");
}

.icon-history {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 1 3 2 5 1 7 2 9 1' /%3E%3Cpath d='M12 8v4l3 3' /%3E%3Cpath d='M4 5v-2' /%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3C/svg%3E");
}




/* ---------- ЦВЕТА ИКОНОК ---------- */

/* Обычное состояние */
.icon {
    background-color: var(--color-link);
    transition: opacity 0.2s ease;
}

.nav-link .icon,
.nav-link-secondary .icon {
    background-color: currentColor;
}

.nav-logout .icon {
    background-color: var(--color-error);
}

/* При наведении – притушение (без смены цвета) */
.nav-link:hover .icon,
.nav-link-secondary:hover .icon,
.nav-logout:hover .icon {
    opacity: 0.6;
}

/* ---- ТЁМНАЯ ТЕМА ---- */
[data-bs-theme="dark"] .icon {
    background-color: var(--color-link);
}

[data-bs-theme="dark"] .nav-link .icon,
[data-bs-theme="dark"] .nav-link-secondary .icon {
    background-color: currentColor;
}

[data-bs-theme="dark"] .nav-logout .icon {
    background-color: var(--color-error);
}

[data-bs-theme="dark"] .nav-link:hover .icon,
[data-bs-theme="dark"] .nav-link-secondary:hover .icon,
[data-bs-theme="dark"] .nav-logout:hover .icon {
    opacity: 0.6;
}