/* 
 * UNIVERSAL LOGO SIZE FIX - CONSISTENT ACROSS ALL THEMES
 * This CSS file ensures same logo size for both light and dark themes
 */

/* UNIVERSAL LOGO SIZE FIX - MEDIUM COMPACT SIZE FOR ALL THEMES */
#site-logo,
.navbar-logo,
.navbar .logo img,
.logo img,
[data-theme="light"] #site-logo,
[data-theme="light"] .navbar-logo,
[data-theme="dark"] #site-logo,
html[data-theme="dark"] #site-logo,
body[data-theme="dark"] #site-logo,
[data-theme="dark"] .navbar-logo,
html[data-theme="dark"] .navbar-logo,
body[data-theme="dark"] .navbar-logo,
html[data-theme="light"] #site-logo,
body[data-theme="light"] #site-logo,
html[data-theme="light"] .navbar-logo,
body[data-theme="light"] .navbar-logo {
    height: 80px !important;
    max-height: 80px !important;
    min-height: 80px !important;
    max-width: 300px !important;
    width: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* RESPONSIVE BREAKPOINTS - COMPACT SIZES FOR ALL THEMES */
@media (max-width: 1024px) and (min-width: 769px) {
    #site-logo,
    .navbar-logo,
    .navbar .logo img,
    .logo img,
    [data-theme="light"] #site-logo,
    [data-theme="light"] .navbar-logo,
    [data-theme="dark"] #site-logo,
    [data-theme="dark"] .navbar-logo,
    html[data-theme="light"] #site-logo,
    html[data-theme="light"] .navbar-logo,
    html[data-theme="dark"] #site-logo,
    html[data-theme="dark"] .navbar-logo,
    body[data-theme="light"] #site-logo,
    body[data-theme="light"] .navbar-logo,
    body[data-theme="dark"] #site-logo,
    body[data-theme="dark"] .navbar-logo {
        height: 70px !important;
        max-height: 70px !important;
        min-height: 70px !important;
        max-width: 280px !important;
    }
}

@media (max-width: 768px) and (min-width: 481px) {
    #site-logo,
    .navbar-logo,
    .navbar .logo img,
    .logo img,
    [data-theme="light"] #site-logo,
    [data-theme="light"] .navbar-logo,
    [data-theme="dark"] #site-logo,
    [data-theme="dark"] .navbar-logo,
    html[data-theme="light"] #site-logo,
    html[data-theme="light"] .navbar-logo,
    html[data-theme="dark"] #site-logo,
    html[data-theme="dark"] .navbar-logo,
    body[data-theme="light"] #site-logo,
    body[data-theme="light"] .navbar-logo,
    body[data-theme="dark"] #site-logo,
    body[data-theme="dark"] .navbar-logo {
        height: 60px !important;
        max-height: 60px !important;
        min-height: 60px !important;
        max-width: 240px !important;
    }
}

@media (max-width: 480px) {
    #site-logo,
    .navbar-logo,
    .navbar .logo img,
    .logo img,
    [data-theme="light"] #site-logo,
    [data-theme="light"] .navbar-logo,
    [data-theme="dark"] #site-logo,
    [data-theme="dark"] .navbar-logo,
    html[data-theme="light"] #site-logo,
    html[data-theme="light"] .navbar-logo,
    html[data-theme="dark"] #site-logo,
    html[data-theme="dark"] .navbar-logo,
    body[data-theme="light"] #site-logo,
    body[data-theme="light"] .navbar-logo,
    body[data-theme="dark"] #site-logo,
    body[data-theme="dark"] .navbar-logo {
        height: 50px !important;
        max-height: 50px !important;
        min-height: 50px !important;
        max-width: 200px !important;
    }
}