.widget--shared-tuile-application .metadata-link,
.widget--shared-catalogue-applications .metadata-link {
    display:none !important;
}

/*
Systèmes de liens en mosaique sur fond gris avec icone à gauche
Composant : Entrées de catalogue
Style : Grille - Dégroupés
Style global : Tuile Application
*/

.widget--groupe  .block-grid__item{
    background-color: var(--eiffage-accent-gray) !important;
    .lumx-link__content, .directory-entry-block__custom-field{
        color: var(--eiffage-accent-gray-hover) !important;
    }
    .directory-entry-block__actions,
    .lumx-thumbnail__image{
        filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
    }
}
.widget--outils-metier .block-grid__item{
    background-color: var(--eiffage-accent-blue) !important;
    .lumx-link__content, .directory-entry-block__custom-field{
        color: var(--eiffage-accent-blue-hover) !important;
    }
    .directory-entry-block__actions,
    .lumx-thumbnail__image{
        filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
    }
}

.widget--support-et-service  .block-grid__item{
    background-color: var(--eiffage-accent-yellow) !important;
    .lumx-link__content, .directory-entry-block__custom-field{
        color: var(--eiffage-accent-yellow-hover) !important;
    }
}

.widget--vie-du-salarie  .block-grid__item{
    background-color: var(--eiffage-accent-green) !important;
    .lumx-link__content, .directory-entry-block__custom-field{
        color: var(--eiffage-accent-green-hover) !important;
    }
    .directory-entry-block__actions,
    .lumx-thumbnail__image{
        filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
    }
}

.widget--shared-tuile-application{
    
    .directory-entry-block--vertical .directory-entry-block__thumbnail-wrapper {
        margin-bottom: 0px;
    }
    .block-grid{
        --lumx-grid-column-columns:3 !important;
    }
    .block-grid__item{
        clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
        background-color: var(--eiffage-gray-background);
        justify-content: center !important;
        padding:16px !important;
        transition: box-shadow 1s;
        aspect-ratio:1 !important;
        max-height: 168px !important;
    }
    .block-grid__item:hover {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .directory-entry-block__content{
        gap: 0.2rem;
        flex: 0 !important;
    }
    .directory-entry-block--vertical{
        position: relative;
        align-items: center !important;
        justify-content: space-around;
    }
    .directory-entry-block__actions {
        position: absolute !important;
        right: -10px;
        top: -20px;
    }
    
    .directory-entry-block--vertical .directory-entry-block__image {
        width: 75px;
        height: 75px;
        padding: 8px !important;
    }
    
    .groupe {
        background-color: var(--eiffage-accent-gray) !important;
        .lumx-link__content, .directory-entry-block__custom-field{
            color: var(--eiffage-accent-gray-hover) !important;
        }
        .directory-entry-block__actions,
        .lumx-thumbnail__image{
            filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
        }
    }
    .outils-metier{
        background-color: var(--eiffage-accent-blue) !important;
        .lumx-link__content, .directory-entry-block__custom-field{
            color: var(--eiffage-accent-blue-hover) !important;
        }
        .directory-entry-block__actions,
        .lumx-thumbnail__image{
            filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
        }
    }

    .support-et-service{
        background-color: var(--eiffage-accent-yellow) !important;
        .lumx-link__content, .directory-entry-block__custom-field{
            color: var(--eiffage-accent-yellow-hover) !important;
        }
    }
    
    .vie-du-salarie{
        background-color: var(--eiffage-accent-green) !important;
        .lumx-link__content, .directory-entry-block__custom-field{
            color: var(--eiffage-accent-green-hover) !important;
        }
        .directory-entry-block__actions,
        .lumx-thumbnail__image{
            filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
        }
    }
    .widget-content--block-grid{
        overflow: hidden !important;
    }
    
    @media (min-width: 64em)  and (max-width:80em){
        .directory-entry-block__custom-field {
            display:none;
        }
    }
    
    @media (max-width: 40em){
        .directory-entry-block__custom-field {
            display:none;
        }

         .directory-entry-block--vertical {
            height: auto !important;
         }
        .directory-entry-block--vertical  .directory-entry-block__image {
            width: 50px;
            height: 50px;
            padding: 3px !important;
        }
        .block-grid .block-grid-template-columns
        {
            --lumx-grid-column-columns:2 !important;
        }
        .lumx-link__content, .directory-entry-block__custom-field {
            font-size: 12px;
        
        }
    }
}



/*
Systèmes de liens en mosaique sur fond gris avec icone à gauche
Composant : Entrées de catalogue
Style : Grille - Dégroupés
Style global : Tuile Application
*/

.widget--shared-catalogue-applications
.directory-entry-block__image,
.widget--shared-catalogue-applications
.directory-entry-block__content
{
    padding:16px !important;
    gap : 0.2rem;
}

.widget--shared-catalogue-applications
.directory-entry-block--vertical .directory-entry-block__thumbnail-wrapper{
    margin-bottom: 0px !important;
}
.widget--shared-catalogue-applications
.directory-entry-block--vertical{
    flex-direction: row !important;
    position: relative;
}
.widget--shared-catalogue-applications
.directory-entry-block__actions{
   position: absolute;
   right: 0px;
   top: 0px;
}
.widget--shared-catalogue-applications
.directory-entry-block--vertical .directory-entry-block__content{
    align-items: start !important;
    text-align: left !important;
    gap : 0.2rem;
}
.widget--shared-catalogue-applications .lumx-thumbnail{
    padding: 16px !important;
    width:72px !important;
    height:72px !important;
    object-fit: contain !important;
}

.widget--shared-catalogue-applications {
    .lumx-grid-column{
        --lumx-grid-column-item-min-width: 250px !important;
    }
    .widget--groupe,
    .groupe {
        .lumx-thumbnail{
            background-color: var(--eiffage-accent-gray) !important;
        }
        .lumx-thumbnail__image{
            filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
        }
        
    }
    .widget--outil-metier,
    .outils-metier{
        .lumx-thumbnail{
            background-color: var(--eiffage-accent-blue) !important;
        }
        .lumx-thumbnail__image{
            filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
        }
    }
    .widget--support-et-service,
    .support-et-service{
        .lumx-thumbnail{
            background-color: var(--eiffage-accent-yellow) !important;
        }
    }
    
    .widget--vie-du-salarie,
    .vie-du-salarie{
        .lumx-thumbnail{
            background-color: var(--eiffage-accent-green) !important;
        }
        .lumx-thumbnail__image{
            filter: invert(98%) sepia(0%) saturate(1680%) hue-rotate(305deg) brightness(110%) contrast(100%);
        }
    }
}