/*
==========================================
Prévisualisation photos
==========================================
*/

.lca-photo-preview{

    display:flex;
    flex-wrap:wrap;
    gap:15px;

    margin-top:20px;

}


.lca-photo-item{

    width:110px;
    height:110px;

    overflow:hidden;

    border-radius:12px;

    background:#f5f5f5;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

}


.lca-photo-item img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

}

/*
==========================================
Wrapper
==========================================
*/

.lca-photo-preview-wrapper{

    margin-top:20px;

}


/*
==========================================
Titre
==========================================
*/

.lca-photo-preview-title{

    font-size:15px;

    font-weight:600;

    color:#555;

    margin-bottom:15px;

}


/*
==========================================
Galerie
==========================================
*/

.lca-photo-preview{

    display:flex;
    flex-wrap:wrap;
    gap:15px;

}


/*
==========================================
Miniature
==========================================
*/

.lca-photo-item{

    position:relative;

    width:110px;
    height:110px;

    overflow:hidden;

    border-radius:12px;

    background:#f5f5f5;

    box-shadow:0 6px 18px rgba(0,0,0,.08);

    animation:lcaFade .25s ease;

}


.lca-photo-item img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.3s;

}


.lca-photo-item:hover img{

    transform:scale(1.08);

}


/*
==========================================
Bouton supprimer
==========================================
*/

.lca-remove-preview{

    position:absolute;

    top:8px;
    right:8px;

    width:26px;
    height:26px;

    display:flex;
    align-items:center !important;
    justify-content:center;

    border:none !important;
    border-radius:50%;

    background:transparent !important;

    color:#ffffff !important;

    font-size:22px;
    font-weight:600;
    line-height:1;

    cursor:pointer;

    box-shadow:none;

    transition:all .2s ease;

    z-index:5;

}

.lca-remove-preview:hover{

    color:#d9534f !important;
    transform:scale(1.15);

}


/*
==========================================
Animation
==========================================
*/

@keyframes lcaFade{

    from{

        opacity:0;
        transform:scale(.9);

    }

    to{

        opacity:1;
        transform:scale(1);

    }

}