/* =========================================================
   VIRALMINT AI SIDEBAR LOGO
   DESKTOP
========================================================= */

.sidebar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: fit-content !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 0 34px !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    text-decoration: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

.sidebar-brand-logo {
    display: block !important;

    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: contain !important;
    flex: 0 0 38px !important;

    border: none !important;
    border-radius: 9px !important;
}

.sidebar-brand:hover {
    background: transparent !important;
    text-decoration: none !important;
    opacity: 0.95 !important;
}

.sidebar-brand:focus-visible {
    outline: 2px solid rgba(255, 42, 168, 0.75) !important;
    outline-offset: 5px !important;
    border-radius: 9px !important;
}

/* Hide old brand elements */
.sidebar-brand-icon,
.sidebar-brand-text {
    display: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 850px) {

    .sidebar-brand {
        margin-bottom: 25px !important;
    }

    .sidebar-brand-logo {
        width: 31px !important;
        height: 31px !important;

        min-width: 31px !important;
        min-height: 31px !important;

        flex-basis: 31px !important;
        border-radius: 8px !important;
    }
}