/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Имя ученика в меню 2 строки'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'sms'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: ""; */

/* Задайте своё описание файла между '' */
/* --human-description-css: 'Возвращает имя ученика в верхнее меню школы + в две строки.'; */

/* ========== ОСНОВНЫЕ СТИЛИ ========== */

/* Кнопка профиля — относительное позиционирование для стрелки */
#user-profile-dropdown.dropdown-button {
    position: relative;
    padding-right: 30px;   /* увеличил с 24px до 30px для надёжности */
}

/* Аватар — слева */
#user-profile-dropdown .user-profile-humbnail {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/* Текст (имя и фамилия) — вертикальный перенос + отступ справа */
#user-profile-dropdown.dropdown-button::after {
    content: attr(title);
    display: inline-block;
    vertical-align: middle;
    max-width: 110px;           /* ограничение для переноса */
    margin-right: 16px;         /* ГАРАНТИРУЕТ, что текст не наедет на стрелку */
    white-space: normal;
    word-break: break-word;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

/* Стрелка — абсолютно справа, увеличенный треугольник */
#user-profile-dropdown .caret {
    position: absolute !important;
    right: 12px;                /* чуть сдвинул для визуального баланса */
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    float: none !important;
    
    border-top-width: 6px !important;
    border-right-width: 6px !important;
    border-left-width: 6px !important;
    border-right-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: #333 !important;
    
    width: 0 !important;
    height: 0 !important;
    display: inline-block;

    transform: translateY(-20%) !important;   /* положение кнопки вертикальное */
}
}

/* ========== АДАПТИВ ДЛЯ МОБИЛЬНЫХ ========== */
@media (max-width: 768px) {
    #user-profile-dropdown.dropdown-button::after {
        max-width: 85px;
        font-size: 15px;
        margin-right: 12px;
    }
    #user-profile-dropdown.dropdown-button {
        padding-right: 26px;
    }
    #user-profile-dropdown .caret {
        right: 8px;
        border-top-width: 5px !important;
        border-right-width: 5px !important;
        border-left-width: 5px !important;
    }
}