/* Inject the logo image normally */
.wy-side-nav-search > a,
.wy-side-nav-search > a:hover,
.wy-side-nav-search > a:focus,
.wy-side-nav-search > a:active {
    font-size: 0 !important;
    display: block;
    height: 80px; /* Adjust height based on your image */
    background-image: url('../images/logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* Prevents background color flashes */
    text-decoration: none !important;
}

/* Mobile Header Logo Adjustment */
@media screen and (max-width: 767px) {
    /* Hide the default mobile text title */
    .wy-nav-top a {
        font-size: 0 !important;
        display: inline-block !important;
        width: 100%;
        height: 40px; /* Shorter height to fit the compact mobile bar */
        background-image: url('../images/logo.png') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
    
    /* Make room for the mobile menu button icon */
    .wy-nav-top i {
        line-height: 40px !important;
    }
}

/* Matches the blue logo search box area to the dark grey sidebar */
.wy-side-nav-search {
    background-color: #343131 !important;
}

/* Fixes the search input text area box alignment/background if it looks too dark */
.wy-side-nav-search input[type=text] {
    border-color: #1a1a1a !important;
}