/* 1. СТИЛИЗАЦИЯ ПОПАПА ПРОФИЛЯ ПОЛЬЗОВАТЕЛЯ (окно, которое открывается при клике на личный кабинет) */
.tlk-popup, 
.tlk-modal__content {
    background-color: #ffffff !important; /* Цвет фона окна профиля */
    border-radius: 16px !important;       /* Скругление углов попапа */
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.12) !important; /* Мягкая тень */
}

/* 2. СТИЛИЗАЦИЯ ТЕКСТА И ИМЕНИ ПОЛЬЗОВАТЕЛЯ */
.tlk-user-profile__name,
.tlk-profile-title {
    font-family: 'Helvetica Neue', Arial, sans-serif !important; /* Замените на ваш шрифт сайта */
    font-weight: 700 !important;
    color: #111111 !important; /* Цвет имени */
}

.tlk-user-profile__email {
    color: #777777 !important; /* Цвет почты под именем */
    font-size: 14px !important;
}

/* 3. СТИЛИЗАЦИЯ ВКЛАДОК МЕНЮ И НАВИГАЦИИ (Мои курсы, Настройки и т.д.) */
.tlk-tabs__item,
.tlk-menu-item {
    font-weight: 500 !important;
    color: #444444 !important; /* Цвет неактивных пунктов */
    transition: all 0.3s ease !important;
}

/* Эффект при наведении на пункт меню */
.tlk-tabs__item:hover,
.tlk-menu-item:hover {
    color: #ff5722 !important; /* Ваш фирменный цвет при наведении */
    background-color: #fff5f2 !important; /* Легкий фон под пунктом при наведении */
    border-radius: 6px !important;
}

/* Активная (выбранная) вкладка меню */
.tlk-tabs__item_active,
.tlk-menu-item_active {
    color: #ff5722 !important; /* Цвет активного пункта */
    border-bottom: 2px solid #ff5722 !important; /* Подчеркивание активной вкладки */
}

/* 4. КАСТ ОМИЗАЦИЯ КНОПОК ВНУТРИ ПРОФИЛЯ (Редактировать, Выйти, Сохранить) */
.tlk-btn, 
.tlk-button {
    background-color: #ff5722 !important; /* Цвет основной кнопки */
    color: #ffffff !important;            /* Цвет текста на кнопке */
    border-radius: 8px !important;         /* Скругление кнопки */
    font-weight: 600 !important;
    border: none !important;
    transition: opacity 0.3s ease !important;
}

.tlk-btn:hover,
.tlk-button:hover {
    opacity: 0.9 !important; /* Мягкое затухание при наведении */
}

/* Кнопка отмены или выхода (второстепенная кнопка) */
.tlk-btn_secondary,
.tlk-button_secondary {
    background-color: transparent !important;
    border: 1px solid #e0e0e0 !important;
    color: #666666 !important;
}

.tlk-btn_secondary:hover,
.tlk-button_secondary:hover {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
}

/* 5. АВАТАР ПОЛЬЗОВАТЕЛЯ */
.tlk-avatar,
.tlk-user-avatar {
    border: 2px solid #ff5722 !important; /* Цвет ободка вокруг аватара */
    box-shadow: 0px 4px 10px rgba(255, 87, 34, 0.2) !important;
}