/* Навбар: базовые стили */
.sem-navbar { margin:0; }

/* Логотип: цвет наследуется от текста, но можно задать явно */
.sem-navbar-logo {
    stroke: currentColor; /* ← ключевое: цвет берётся из color родителя */
    transition: stroke 0.2s ease;
}

/* При ховере на бренд — меняем цвет иконки */
.sem-navbar-brand:hover .sem-navbar-logo {
    stroke: #adb5bd; /* или var(--bs-secondary) */
}

/* Кнопки навбара: можно переопределить без !important */
.sem-navbar-btn {
    margin:0;
}

/* Иконки: уменьшаем клик-зону на мобильных */
@media (max-width: 576px) {
    .sem-navbar-icon {
        padding: 0.25rem;
    }
}

/* Иконки навбара: плавный ховер */
.sem-navbar-icon {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    text-decoration: none;
}

.sem-navbar-icon:hover {
    transform: scale(1.25); /* Увеличение на 25% с отскоком */
    color: #fff; /* Явная подсветка, если нужно */
}

/* Адаптив: на мобильных уменьшаем клик-зону */
@media (max-width: 576px) {
    .sem-navbar-icon {
        padding: 0.4rem;
    }
}