/* Shared logo styles for admin / teacher / student panels and login */

.site-logo--on-light .site-logo__img--light,
.site-logo--on-dark .site-logo__img--dark,
.site-logo .site-logo__img--light[aria-hidden="true"] {
    display: none !important;
}

.sidebar .logo.site-logo,
.sidebar .site-logo.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 56px;
    padding: 12px 14px 22px;
    box-sizing: content-box;
    text-decoration: none;
}

.sidebar .logo.site-logo .site-logo__img,
.sidebar .site-logo.logo .site-logo__img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-height: 42px !important;
    max-width: min(168px, calc(100% - 8px)) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
}

.sidebar.close .logo.site-logo,
.sidebar.show.close .logo.site-logo {
    justify-content: center;
    padding-inline: 8px;
}

.sidebar.close .logo.site-logo .site-logo__img,
.sidebar.show.close .logo.site-logo .site-logo__img {
    max-width: 44px;
    max-height: 38px;
    object-position: center;
}

.sidebar .logo-name {
    display: none;
}

.navbar-brand.site-logo {
    display: inline-flex;
    align-items: center;
    margin-right: 0.75rem;
}

.navbar-brand.site-logo .site-logo__img {
    max-height: 38px;
    max-width: min(150px, 46vw);
}

.login-form-logo.site-logo,
.login-panel-card .login-form-logo.site-logo {
    display: flex;
    justify-content: center;
    margin: 0 auto 18px;
}

.login-form-logo .site-logo__img {
    max-height: 48px;
    max-width: min(200px, 72vw);
}

.login-cover-logo.site-logo {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.login-cover-logo .site-logo__img {
    max-height: 56px;
    max-width: min(220px, 80vw);
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.35));
}

.cover .text .text-1,
.cover .text .text-2 {
    display: none;
}

/* Phone / in-app: hide sidebar logo (native app branding); keep original sidebar layout */
@media screen and (max-width: 768px) {
    .sidebar .logo.site-logo,
    .sidebar .site-logo.logo {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
}