/* editor menu (#block-naukan-primary-local-tasks) start */

/* 1. Позиционирование и размер контейнера UL */
/* Используем селектор атрибутов для таргетинга конкретных ссылок внутри списка */
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) {
    position: fixed; /* Фиксированное позиционирование относительно окна просмотра */
    right: 0;        /* Прибить к правому краю */
    bottom: 100px;   /* Отступ от нижней границы 350px */
    width: 180px;    /* Фиксированная ширина */
    margin: 0;       /* Сброс стандартных отступов */
    padding: 0;      /* Сброс стандартных паддингов */
    list-style: none; /* Убираем стандартные маркеры списка */
    background-color: #f9f9f9; /* Легкий фон для выделения блока */
    border: 1px solid #ddd; /* Рамка для аккуратности */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Легкая тень */
    z-index: 1000; /* Убедимся, что меню находится поверх другого контента */
    border-radius: 5px 0 0 5px; /* Скругление углов слева */
}

/* 2. Стилизация отдельных элементов списка LI */
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) li {
    border-bottom: 1px solid #eee; /* Разделитель между пунктами */
}

#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) li:last-child {
    border-bottom: none; /* Убираем разделитель у последнего элемента */
}

/* 3. Стилизация самих ссылок A */
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) a {
    display: block;      /* Делаем ссылки блочными, чтобы они занимали всю ширину LI */
    padding: 10px 15px 10px 40px; /* Увеличиваем область нажатия, добавляем место для иконки слева */
    text-decoration: none; /* Убираем подчеркивание */
    color: #333;         /* Цвет текста */
    transition: background-color 0.3s, color 0.3s; /* Плавные переходы при наведении */
    position: relative; /* Нужно для позиционирования псевдоэлементов (иконок) */
}

/* 4. Эффекты при наведении и для активного пункта */
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) a:hover,
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) a.is-active {
    background-color: #007bff; /* Яркий фон для активного/наведенного пункта */
    color: white;              /* Белый текст */
}

#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) a.is-active {
    font-weight: bold; /* Жирный шрифт для активного пункта */
    cursor: default; /* Курсор по умолчанию для активной ссылки */
}


/* 5. Добавление иконок через CSS content и псевдоэлементы ::before */
/* Используем Unicode-символы в качестве простых иконок */
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) a::before {
    content: "\25B6"; /* Простая стрелка вправо (►) */
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.7em;
    color: #007bff; /* Цвет иконки */
}

/* Цвет иконки меняется при наведении или для активного пункта */
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) a:hover::before,
#block-naukan-primary-local-tasks > ul:has(li a[data-drupal-link-system-path]) a.is-active::before {
    color: white;
}

/* Уникальные иконки для конкретных пунктов (опционально, если нужно) */
#block-naukan-primary-local-tasks > ul a[href*="delete"]::before {
    content: "\1F5D1" !important; /* Символ (\1F5D1) корзины (🗑️) - может отображаться по-разному в разных браузерах/ОС */
    font-size: 1.2em !important;
    color: #333 !important;
}

#block-naukan-primary-local-tasks > ul a[href*="edit"]::before {
    content: "\270E" !important; /* Символ карандаша (✎) */
    font-size: 1.1em !important;
    color: #333 !important;
}

#block-naukan-primary-local-tasks > ul a[href*="revisions"]::before {
    content: "\1F504" !important; /* Символ обновления/цикла (🔄) */
    font-size: 1em !important;
    color: #333 !important;
}

/* editor menu end */