/* docs/_static/custom.css */

/* 1. FORCE LOGO SIZE */
.sy-head .sy-brand img,
.sy-drawer .sy-brand img {
    height: 80px !important;       /* Set your desired height here */
    width: auto !important;        /* Maintain aspect ratio */
    max-height: none !important;   /* Remove theme restrictions */
    max-width: none !important;    /* Allow it to be wide if needed */
}

/* 2. EXPAND NAV BAR (The missing piece!) */
/* We must unlock the header height so it can grow with the logo */
.sy-head {
    height: auto !important;       /* Let content dictate height */
    padding-top: 15px !important;  /* Add breathing room top */
    padding-bottom: 15px !important; /* Add breathing room bottom */
}

/* Optional: Center the nav links vertically if the logo is huge */
.sy-head-nav {
    align-items: center;
}