.logo-container { display: block; }
.logo-icon { display: block }

/* Default layout */
.logo-container.logo-header { margin-right: auto }
.logo-icon.logo-header { display: block; padding-top: 10px; width: 175px; fill: #FFF; transition: .25s; }
body.scrolled .logo-icon.logo-header { fill: var(--mainBlue) }

.logo-icon.logo-footer { width: 12rem; margin-bottom: 1rem; fill: var(--mainBlue) }

/* Header logo — ~144px (allineato all'header nuovo, Tailwind w-36) */
.logo__icon.logo--header { width: 9rem; height: auto; padding-top: 0; }

@media (max-width: 480px) {
    .logo-icon.logo-header { width: 140px }
}

@media (max-width: 380px) {
    .logo-icon.logo-header { width: 110px }
}

/* Account layout - Header (white bg, motors IMG, stesso del sito pubblico) */
.logo-container.account-header { display: flex; align-items: center; }
.logo__icon.account-header { display: block; height: 2.25rem; width: auto; padding: 0; }

@media (max-width: 768px) {
    .logo__icon.account-header { height: 1.75rem; }
}

/* Account/site layout - Footer (su sfondo bianco) */
.logo-container.account-footer { }
.logo-icon.account-footer { height: 2.5rem; width: auto; fill: var(--mainBlue); padding: 0; }
.logo__icon.account-footer { height: 2.5rem; width: auto; padding: 0; }
.logo__icon.logo--footer { height: 2.5rem; width: auto; padding: 0; }