/* 1. Главный контейнер футера */
li.actnbr-ellipsis.actnbr-hidden {
    display: block !important;
    background-color: #0047AB !important; /* Насыщенный синий */
    padding: 20px !important;
    list-style: none !important;
    border-top: 2px solid #00BFFF;
}

/* Скрываем лишнюю иконку трех точек сверху */
li.actnbr-ellipsis.actnbr-hidden > svg.gridicons-ellipsis {
    display: none !important;
}

/* 2. Выстраиваем список в горизонтальную линию */
li.actnbr-ellipsis.actnbr-hidden .tip-inner ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important; /* Чтобы на мобильных переносилось */
    gap: 10px !important;       /* Расстояние между прямоугольниками */
    justify-content: center !important; /* Центрируем всё */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 3. Убираем точки списка (маркеры) окончательно */
li.actnbr-ellipsis.actnbr-hidden .tip-inner ul li,
li.actnbr-ellipsis.actnbr-hidden .tip-inner ul li::before {
    list-style: none !important;
    content: none !important;
    margin: 0 !important;
}

/* 4. Стилизация каждого пункта как прямоугольника */
li.actnbr-ellipsis.actnbr-hidden .tip-inner ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    background: rgba(255, 255, 255, 0.1) !important; /* Полупрозрачный фон */
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Тонкая рамка */
    border-radius: 4px !important; /* Слегка скругленные углы */
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

/* Эффект при наведении на прямоугольник */
li.actnbr-ellipsis.actnbr-hidden .tip-inner ul li a:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: #ffffff !important;
    transform: translateY(-2px); /* Легкий подъем */
}

/* 5. Особый стиль для блока с логотипом (первый прямоугольник) */
li.actnbr-ellipsis.actnbr-hidden .actnbr-sitename a {
    background: #ffffff !important; /* Белый фон для контраста */
    color: #0047AB !important;     /* Синий текст */
    font-weight: bold !important;
}

li.actnbr-ellipsis.actnbr-hidden .actnbr-sitename a svg {
    fill: #0047AB !important;
}

/* 6. Иконки внутри прямоугольников */
li.actnbr-ellipsis.actnbr-hidden svg.gridicon {
    fill: currentColor !important; /* Цвет иконки как у текста */
    width: 16px !important;
    height: 16px !important;
}

/* Стилизация аватара/логотипа */
li.actnbr-ellipsis.actnbr-hidden .avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 2px !important;
}