/**
 * @version     CVS: 1.0.0
 * @package     com_test
 * @copyright   2024 Agamemnon
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Agamemnon <info@easylogic.gr>
 */

.list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.list-item{
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    text-decoration: none;

}


.item-title{
    
    color: #666;
}

.item-categories{
    font-size: 14px;
    color: #666;
}

.item-developers{
    font-size: 14px;
    color: #666;
}


.item-image img{
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.list-item:hover{
    border:1px solid #777;
    transform: tranlateY(-3px);
}