/* Logo and Brand Management Styles */

/* Base logo styles */
.app-logo {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    flex-shrink: 0;
}

/* Theme-specific logo configurations */

/* STOK AI Theme */
.theme-stok-ai .sidebar-header {
    text-align: center;
    align-items: center;
}

.theme-stok-ai .app-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0; /* No gap since we're hiding text */
    text-align: center;
}

/* Hide STOK AI text in sidebar - logo only */
.theme-stok-ai .app-title h1 {
    display: none;
}

.theme-stok-ai .app-title .subtitle {
    display: none;
}

/* Exception: Show title text on admin page */
.theme-stok-ai .header .app-title h1 {
    display: block !important;
}

.theme-stok-ai .header .app-title .subtitle {
    display: block !important;
}

.theme-stok-ai .app-logo {
    width: var(--logo-width);
    height: var(--logo-height);
    background-image: url('../assets/stok-ai-logo.svg');
    background-color: transparent;
}

/* Renault Theme */
.theme-renault .app-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.theme-renault .app-title h1 {
    margin: 0;
    font-family: var(--font-family-primary);
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Renault logo styling now handled by theme CSS */


/* Default theme - no logo */
.theme-default .app-logo {
    display: none;
}

/* Responsive logo sizing */
@media (max-width: 768px) {
    .theme-stok-ai .app-logo {
        width: calc(var(--logo-width) * 0.7); /* 70% of original size on mobile */
        height: calc(var(--logo-height) * 0.7);
    }
    
    .theme-stok-ai .app-title {
        gap: 0;
        justify-content: center;
    }
    
    .theme-renault .app-title {
        gap: 8px;
    }
}

/* Logo animation on theme switch */
.app-logo {
    transition: all var(--transition-normal);
}

.app-title h1 {
    transition: all var(--transition-normal);
}