/* Lottie Logo Container */
.touzzane-lottie-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    height: auto;
}

#touzzane-lottie-logo {
    width: 100%;
    height: auto;
    max-height: 108px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .touzzane-lottie-logo-wrapper {
        max-width: 200px;
    }
    
    #touzzane-lottie-logo {
        max-height: 45px;
    }
	
	#touzzane-lottie-logo svg {
    width: 80% !important;
    height: auto !important;
}
}

@media (max-width: 480px) {
    .touzzane-lottie-logo-wrapper {
        max-width: 150px;
    }
    
    #touzzane-lottie-logo {
        max-height: 35px;
    }
}

/* Ensure smooth rendering */
#touzzane-lottie-logo svg {
    width: 60% !important;
    height: auto !important;
}

/* Override Astra default logo styles if needed */
.site-branding {
    display: flex;
    align-items: center;
}

.custom-logo-link {
    display: flex;
    align-items: center;
}

/* Mobile header logo - add at the bottom of your existing file */
#ast-mobile-header .touzzane-lottie-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 180px;
}

#ast-mobile-header #touzzane-lottie-logo {
    width: 100%;
    height: auto;
    max-height: 40px;
}