/* Uniform event flyer cards */
.img.thumb {
    aspect-ratio: 4 / 5 !important;
    overflow: hidden;
}

.img.thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: top !important;
    aspect-ratio: auto !important;
    max-height: none !important;
}

/* Logo size in nav */
nav .v-btn__content img {
    height: 50px !important;
    width: auto !important;
    max-height: none !important;
}

/* Let the button container expand to fit the larger logo */
nav .v-btn--icon {
    width: auto !important;
    height: auto !important;
}

/* === Scrollbar: white in dark mode, dark in light mode === */

/* Dark mode */
html:has(.theme--dark) {
    scrollbar-color: #aaaaaa #1a1a1a;
    scrollbar-width: thin;
}

html:has(.theme--dark) ::-webkit-scrollbar-track {
    background: #1a1a1a;
}

html:has(.theme--dark) ::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 6px;
    border: 2px solid #1a1a1a;
}

html:has(.theme--dark) ::-webkit-scrollbar-thumb:hover {
    background: #eeeeee;
}

html:has(.theme--dark) ::-webkit-scrollbar-button {
    background: #aaaaaa;
    display: block;
    height: 12px;
    width: 12px;
}

/* Light mode */
html:has(.theme--light) {
    scrollbar-color: #333333 #f0f0f0;
    scrollbar-width: thin;
}

html:has(.theme--light) ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html:has(.theme--light) ::-webkit-scrollbar-track {
    background: #f0f0f0;
}

html:has(.theme--light) ::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 6px;
    border: 2px solid #f0f0f0;
}

html:has(.theme--light) ::-webkit-scrollbar-thumb:hover {
    background: #555555;
}

html:has(.theme--light) ::-webkit-scrollbar-button {
    background: #333333;
    display: block;
    height: 12px;
    width: 12px;
}