/* =========================
   Umbreon v2 Gallery
========================= */


.gallery-grid {

    display:grid;

    grid-template-columns:
    repeat(auto-fill, minmax(220px,1fr));

    gap:22px;

    padding:20px;

}




.gallery-item {

    background:
    var(--bg-card);

    border:
    1px solid var(--border);

    border-radius:
    var(--radius-lg);

    overflow:hidden;

    transition:
    transform .2s ease,
    border-color .2s ease;

}



.gallery-item:hover {

    transform:
    translateY(-5px);

    border-color:
    var(--accent);

}




.gallery-item img {

    width:100%;

    aspect-ratio:1/1;

    object-fit:cover;

    display:block;

}




.gallery-info {

    padding:14px;

}




.gallery-title {

    font-size:16px;

    font-weight:600;

    color:
    var(--text-main);

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}




.gallery-meta {

    display:flex;

    justify-content:space-between;

    margin-top:10px;

    color:
    var(--text-sub);

    font-size:13px;

}



.gallery-tag {

    display:inline-block;

    padding:4px 8px;

    margin:3px;

    background:
    rgba(139,92,246,.15);

    color:
    var(--accent-light);

    border-radius:20px;

    font-size:12px;

}




@media(max-width:768px){

    .gallery-grid {

        grid-template-columns:
        repeat(2,1fr);

        gap:12px;

        padding:10px;

    }


}