/* Last modified: 2025-11-26 17:50:00 */
/* Custom CSS to override Vuexy theme - Logo full width */

/* Force logo container to full width */
#layout-menu .app-brand.demo {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0.5rem 1rem !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    margin-bottom: 1rem !important;
}

/* Add top padding to menu to prevent overlap with logo */
#layout-menu .menu-inner {
    padding-top: 140px !important;
}

#layout-menu .menu-inner.py-1 {
    padding-block-start: 4.25rem !important;
    padding-block-end: 0.25rem !important;
}

/* Logo link full width */
#layout-menu .app-brand-link {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    flex: none !important;
}

/* Logo wrapper full width */
#layout-menu .app-brand-logo.demo {
    width: 100% !important;
    display: block !important;
}

/* Logo image full width */
#layout-menu .app-brand-logo.demo img {
    width: 100% !important;
    height: auto !important;
    max-height: 127px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Menu toggle button positioning */
#layout-menu .layout-menu-toggle {
    position: absolute !important;
    right: 1rem !important;
    top: 1rem !important;
    z-index: 10 !important;
}

/* Hide Vuexy Template Customizer completely */
.template-customizer,
.template-customizer-open-btn,
.template-customizer-toggler,
.template-customizer-toggle,
[class*="customizer"],
[id*="customizer"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Logo nelle pagine di login - dimensioni controllate */
.authentication-wrapper .app-brand-logo.demo img {
    width: 100% !important;
    height: auto !important;
    max-height: 127px !important;
    object-fit: contain !important;
}

/* === NUOVA LOGICA PER IL LOGO === */

/* STATO DI DEFAULT (MENU ESPANSO) */
/* Mostra il logo grande */
#layout-menu .app-brand-logo.demo .logo-expanded {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 127px !important;
    object-fit: contain !important;
}
/* Nascondi il logo piccolo */
#layout-menu .app-brand-logo.demo .logo-collapsed {
    display: none !important;
}


/* STATO ALTERNATIVO (MENU COLLASSATO) */
/* Nascondi il logo grande quando il menu è collassato */
.layout-menu-collapsed #layout-menu .app-brand-logo.demo .logo-expanded {
    display: none !important;
}
/* Mostra il logo piccolo quando il menu è collassato */
.layout-menu-collapsed #layout-menu .app-brand-logo.demo .logo-collapsed {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 60px !important;
    margin: 0 auto !important;
}

/* Transizione fluida */
.logo-expanded,
.logo-collapsed {
    transition: opacity 0.3s ease-in-out;
}

/* Centra il contenitore del logo quando il menu è collassato */
.layout-menu-collapsed #layout-menu .app-brand.demo {
    align-items: center !important;
    text-align: center !important;
}