/* ============================================================
   LOGO TEXTE CHILL ROOM DANS L'ENTETE
   ============================================================ */

.chillroom-portal-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin:
        0
        auto
        10px !important;

    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    overflow: visible !important;
}

.chillroom-header-logo-image {
    display: block !important;

    width: min(92%, 520px) !important;
    max-width: 520px !important;
    height: auto !important;
    max-height: 125px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain !important;

    filter:
        drop-shadow(
            0 0 10px
            rgba(255, 255, 255, 0.23)
        )
        drop-shadow(
            0 0 18px
            rgba(116, 88, 255, 0.42)
        )
        drop-shadow(
            0 0 28px
            rgba(41, 167, 255, 0.20)
        ) !important;

    transform:
        translate3d(0, 0, 0)
        scale(1) !important;

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

    user-select: none !important;
    pointer-events: none !important;
}

.chillroom-portal-header:hover
.chillroom-header-logo-image {
    transform:
        translate3d(0, -2px, 0)
        scale(1.018) !important;

    filter:
        drop-shadow(
            0 0 12px
            rgba(255, 255, 255, 0.30)
        )
        drop-shadow(
            0 0 23px
            rgba(133, 94, 255, 0.53)
        )
        drop-shadow(
            0 0 34px
            rgba(42, 178, 255, 0.27)
        ) !important;
}

@media (max-width: 760px) {
    .chillroom-header-logo-image {
        width: min(94%, 410px) !important;
        max-width: 410px !important;
        max-height: 105px !important;
    }
}

@media (max-width: 480px) {
    .chillroom-header-logo-image {
        width: min(96%, 330px) !important;
        max-width: 330px !important;
        max-height: 90px !important;
    }
}