.todo-text {
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* default = mobil + tablet */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4em;
    word-break: break-word;
    transition: opacity 0.2s ease;
}

/* Na väčších obrazovkách dáme 3 riadky */
@media (min-width: 992px) {
    .todo-text {
        -webkit-line-clamp: 3;
    }
}

.todo-text.expanded {
    -webkit-line-clamp: unset;
    white-space: normal;
}

.todo-text.truncated:hover {
    opacity: 0.8;
}