/* Logo DJ Landriault sur le portail ChillRoom */

.chillroom-dj-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    padding: 6px 12px !important;

    background: transparent !important;
    background-image: none !important;

    border: none !important;
    outline: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
    text-decoration: none !important;

    transition:
        transform 0.22s ease,
        filter 0.22s ease !important;
}

.chillroom-dj-logo-link:hover {
    transform: translateY(-3px) scale(1.045) !important;
}

.chillroom-dj-logo-link:active {
    transform: translateY(1px) scale(0.98) !important;
}

.chillroom-dj-logo-link .chillroom-dj-logo-button {
    display: block !important;

    width: clamp(190px, 21vw, 340px) !important;
    max-width: 100% !important;
    height: auto !important;

    object-fit: contain !important;

    filter:
        drop-shadow(0 0 11px rgba(149, 75, 255, 0.68))
        drop-shadow(0 0 23px rgba(36, 157, 255, 0.40))
        drop-shadow(0 0 33px rgba(225, 57, 255, 0.20)) !important;

    transition:
        transform 0.22s ease,
        filter 0.22s ease !important;
}

.chillroom-dj-logo-link:hover .chillroom-dj-logo-button {
    filter:
        drop-shadow(0 0 15px rgba(169, 91, 255, 0.82))
        drop-shadow(0 0 31px rgba(34, 181, 255, 0.56))
        drop-shadow(0 0 43px rgba(234, 58, 255, 0.28)) !important;
}

@media (max-width: 760px) {
    .chillroom-dj-logo-link .chillroom-dj-logo-button {
        width: min(76vw, 290px) !important;
    }
}