/* Logo styling for Ripple Dashboard */

.logo-header {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-lg);
    padding-top: var(--spacing-lg);
}

.logo-image {
    max-width: 200px;
    height: auto;
}

/* Resource page logo styling */
.resource-page-logo {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-md);
    padding-top: var(--spacing-md);
}

.resource-page-logo img {
    max-width: 150px;
    height: auto;
}

/* Focus Theme Overrides */
body.focus-theme .logo-header,
body.focus-theme .resource-page-logo {
    filter: brightness(1.1);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .logo-image {
        max-width: 150px;
    }
    
    .resource-page-logo img {
        max-width: 120px;
    }
}