/* Custom color overrides */
:root  > * {
    --md-primary-fg-color:        #FFB700; 	/* Elevated Sensors Yellow */
    --md-accent-fg-color:         #FFB700; 	/* Elevated Sensors Yellow */
}

/* Better contrast on primary button text */
.md-button--primary {
    color: #252629 !important;              /* Grey */
}

/* Nudge the title text down a bit to match logo vertical center */
.md-header__title {
    padding-top: 0.15rem !important;
}

/* Always show the logo in the header, even on mobile */
.md-header__button.md-logo {
    display: flex !important;  				/* Override the theme's media query hide */
}

/* Make highlight text match yellow color theme */
mark {
    background-color: transparent !important;
    color: var(--md-primary-fg-color) !important;
    font-weight: 500 !important;
}


/* Mobile-only adjustments (when hamburger/drawer is visible) */
@media screen and (max-width: 1220px) {  	/* Zensical/Material drawer breakpoint */
    /* Tighten the logo button itself */
    .md-header__button.md-logo {
        padding: 0 !important;  				/* Less horizontal padding */
        margin: 0 !important;               	/* Remove any margin completely */
    }

    /* Nudge the title text down a bit to match logo vertical center */
    .md-header__title {
        padding-top: 0.1rem !important;
    }

    /* Limit logo size on mobile */
    .md-header__button.md-logo img {
        max-width: 8rem !important;
        height: auto !important;
    }
}