/********************************************************/
/*
/*      Gallery (importé de Club Canin 27 May - Fari)
/*  
/********************************************************/

    .gallery {
        grid-column: full;
        display: grid;
        padding: var(--padding-2xl) 0;
        min-width: 100vw;
    }	
    
    .gallery__body[data-part='outer'] {
        display: grid;
        position: relative;
        padding-left: var(--padding-2xl);
    }
    
    .gallery__body[data-part='outer'] > .vignette {
        position: absolute;
        right: calc(var(--padding-2xl) * -1);
        height: 100%;
        width: 25%;
        background: linear-gradient(270deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
        z-index: 1;
    }
    
    .gallery__body[data-part='inner'] {
        display: block;
    }
        
    .gallery__body[data-part='items'] {
        display: flex;
        position: relative;
        left : var(--offset, 0);
        flex-wrap: nowrap;
        gap: var(--spacing);
        transition: left .6s ease-in-out;
    }
    
    .gallery__body[data-part='item'] {
        display: flex;
        justify-content: center;
    }
    
    .gallery__body[data-part='item'] > img {
        max-height: 750px;
        min-width: 500px;
        max-width: 1000px;
        object-fit: cover;
        border-radius: 20px;
    }
    
    .gallery__body[data-part='figure__thumb'] {
        object-fit: contain;
        width: 100%;
        height: 100%;
        object-position: center center;
    }
    
    .gallery__body[data-part='nav'] {
        position: relative;
        display: contents;
    }	
    
    .gallery__body[data-part='nav__item'] {
        position: absolute;
        top: 47.5%;
        height: 50px;
        width: 50px;
        background-color: transparent;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        outline-style: solid;
        outline-color: var(--color-secondary-1);
        outline-width: 3px;
        z-index: 2;
    }
    
    .gallery__body[data-part='nav__item']:hover {
        background-color: var(--color-secondary-1);
    }
    
    .gallery__body[data-part='nav__item'][rel='next'] {
        left: 90vw;
    }
    
    .gallery__body[data-part='nav__item'] > img {
        height: 30px;
    }
    
    @media only screen and (max-width: 1000px) {
        .gallery                                        { padding: var(--padding-l) 0; margin-bottom: 0 !important; }
        .gallery__body[data-part='outer']               { padding-left: 0; }
        .gallery__body[data-part='outer'] > .vignette   { width: 32%; right: calc(var(--spacing) * -1); }
        .gallery__body[data-part='item'] > img          { max-height: 75vh; min-width: 65vw; max-width: 65vw; }
        .gallery__body[data-part='nav__item']           { top: 45%; height: 40px; width: 40px; }
        .gallery__body[data-part='nav__item'][rel='next']
                                                        { left: 90%; }
        .gallery__body[data-part='nav__item'] > img     { height: 20px; }
    }