/* 1. Возвращаем жирность выделенному тексту */
#category-description strong,
#category-description b {
    font-weight: bold !important;
}

/* 2. Отключаем принудительный цвет темы, чтобы стили из палитры редактора применялись корректно */
#category-description.text-muted {
    color: inherit !important;
}

/* 3. Возвращаем маркеры (буллиты) и отступы для списков */
#category-description ul {
    list-style-type: disc !important;
    padding-left: 20px !important;
    margin-bottom: 15px !important;
}

/* 4. Настраиваем сами пункты списка */
#category-description li {
    display: list-item !important;
    margin-bottom: 5px !important;
}
a:focus, button:focus, .nav-link:focus, .menu-item:focus {
    outline: 1px solid #f6f6f6 !important; 
    box-shadow: none !important;
}
/* 1. Статичний стан */
.social-sharing ul li.twitter {
    background-image: url('../img/x-icon.svg') !important;
    background-size: 24px !important; /* Базовий розмір іконки */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #ffffff !important; /* Статичний білий фон кола */
    
    /* Примусово скасовуємо будь-які трансформації та плавні переходи */
    transform: none !important;
    transition: none !important; 
}

/* 2. Блокуємо системну пташку назавжди */
.social-sharing ul li.twitter::before,
.social-sharing ul li.twitter a::before {
    display: none !important;
    content: "" !important;
}

/* 3. Стан при наведенні (Hover) */
.social-sharing ul li.twitter:hover {
    background-image: url('../img/x-icon-hover.svg') !important; /* Зміна на кольорову */
    background-color: #ffffff !important; /* Фон залишається на місці */
    
    /* Збільшуємо ТІЛЬКИ саму іконку. Замість 18px ставимо, наприклад, 22px */
    background-size: 28px !important; 
}
.grecaptcha-badge {
    visibility: hidden !important;
}