/* RubySees logo sizing. Existing Fedora classes retain their theme/scroll hooks. */
.navbar .brand img.fedora-navbar-logo.rubysees-navbar-logo {
    display: block;
    width: 124px !important;
    height: 30px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    flex-shrink: 0;
}

/* Preserve the original pastel gradient in both themes. */
.final-footer img.fedora-footer-logo.rubysees-footer-logo {
    width: min(240px, 72vw) !important;
    height: auto !important;
    max-width: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    object-fit: contain !important;
    object-position: left center !important;
}

body.dark .final-footer img.fedora-footer-logo.rubysees-footer-logo,
html[data-theme="dark"] .final-footer img.fedora-footer-logo.rubysees-footer-logo {
    filter: none !important;
    -webkit-filter: none !important;
}

.auth-story .brand img.rubysees-auth-logo {
    width: 136px;
    height: auto;
    max-width: 100%;
    filter: brightness(0);
    -webkit-filter: brightness(0);
}

body.dark-mode .auth-story .brand img.rubysees-auth-logo,
body.dark .auth-story .brand img.rubysees-auth-logo,
html[data-theme="dark"] .auth-story .brand img.rubysees-auth-logo {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

@media (max-width: 650px) {
    .navbar .brand img.fedora-navbar-logo.rubysees-navbar-logo {
        width: 110px !important;
        height: 27px !important;
    }
    .final-footer img.fedora-footer-logo.rubysees-footer-logo {
        width: min(210px, 78vw) !important;
    }
}

@media (max-width: 380px) {
    .navbar .brand img.fedora-navbar-logo.rubysees-navbar-logo {
        width: 102px !important;
        height: 25px !important;
    }
}