/* Smarteek logo — shared sizing across hubs, auth, admin, footer */

.smarteek-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    line-height: 1.1;
    max-width: 100%;
}

.smarteek-logo:hover {
    text-decoration: none;
    opacity: 0.92;
}

.smarteek-logo__inner {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
}

.smarteek-logo__img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.smarteek-logo__text {
    font-weight: 800;
    letter-spacing: -0.02em;
}

.smarteek-logo__subtitle {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
}

/* App menu bar — compact mark */
.hub-app-menu__brand.smarteek-logo,
.smarteek-logo--app-menu {
    height: clamp(1.75rem, 5vw, 2rem);
    max-width: clamp(1.75rem, 5vw, 2rem);
    flex-shrink: 0;
}

.smarteek-logo--app-menu .smarteek-logo__inner {
    height: 100%;
    width: 100%;
}

.smarteek-logo--app-menu .smarteek-logo__img {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.hub-app-menu__brand .smarteek-logo__text {
    color: #f8fafc;
}

/* Commerce & Research Hub — fit within header bar height */
.smarteek-logo--commerce-header,
.smarteek-logo--research-header {
    display: inline-flex;
    align-items: center;
    height: 100%;
    max-width: 100%;
    flex-shrink: 0;
}

.smarteek-logo--commerce-header .smarteek-logo__inner,
.smarteek-logo--research-header .smarteek-logo__inner {
    display: inline-flex;
    align-items: center;
    height: 100%;
    max-width: 100%;
}

.smarteek-logo--commerce-header .smarteek-logo__img,
.smarteek-logo--research-header .smarteek-logo__img {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}

.smarteek-logo--research-header .smarteek-logo__subtitle {
    color: #1d4ed8;
    font-size: clamp(0.65rem, 1.8vw, 0.75rem);
    font-weight: 700;
}

/* Footer — stacked full logo */
.smarteek-logo--footer .smarteek-logo__img {
    width: clamp(120px, 28vw, 160px);
    max-height: clamp(44px, 12vw, 56px);
}

/* Auth form — centered mark above sign-in / register */
.smarteek-logo--auth-form {
    display: flex;
    width: 100%;
    max-width: min(100%, 240px);
    margin: 0 auto;
    justify-content: center;
}

.smarteek-logo--auth-form .smarteek-logo__inner {
    width: 100%;
    display: flex;
    justify-content: center;
}

.smarteek-logo--auth-form .smarteek-logo__img {
    width: clamp(140px, 72%, 220px);
    max-width: 100%;
    height: auto;
}

/* Auth portal hero — legacy alias */
.smarteek-logo--auth-hero {
    display: flex;
    width: 100%;
    max-width: min(100%, 320px);
    margin: 0 auto;
    justify-content: center;
}

.smarteek-logo--auth-hero .smarteek-logo__inner {
    width: 100%;
    display: flex;
    justify-content: center;
}

.smarteek-logo--auth-hero .smarteek-logo__img {
    width: clamp(150px, 82%, 280px);
    max-width: 100%;
    height: auto;
}

/* Legacy auth variant (fallback) */
.smarteek-logo--auth {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 0;
}

.smarteek-logo--auth .smarteek-logo__img {
    width: clamp(140px, 70%, 220px);
    max-width: 100%;
    height: auto;
}

/* Admin chrome */
.smarteek-logo--admin-nav {
    height: clamp(2rem, 5vw, 2.5rem);
    max-width: min(7.5rem, 28vw);
}

.smarteek-logo--admin-nav .smarteek-logo__inner {
    height: 100%;
    max-width: 100%;
}

.smarteek-logo--admin-nav .smarteek-logo__img {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.smarteek-logo--admin-sidebar .smarteek-logo__img {
    width: clamp(30px, 8vw, 36px);
    height: clamp(30px, 8vw, 36px);
}

.admin-sidebar-brand .smarteek-logo--admin-sidebar.admin-sidebar-brand__mark {
    width: 2.25rem;
    height: 2.25rem;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    flex-shrink: 0;
}

.admin-sidebar-brand .smarteek-logo--admin-sidebar .smarteek-logo__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.admin-body--smarteek .admin-navbar .navbar-brand,
.app--smarteek .login-minimal-nav .navbar-brand {
    display: inline-flex;
    align-items: center;
    height: clamp(2rem, 5vw, 2.5rem);
    max-width: min(7.5rem, 32vw);
    padding: 0;
    margin-right: 0.75rem;
}

.admin-body--smarteek .admin-navbar .navbar-brand .smarteek-logo,
.app--smarteek .login-minimal-nav .navbar-brand .smarteek-logo {
    height: 100%;
    max-width: 100%;
}