/* Override theme’s .logo layout to use flex */
.logo.combined-logo-title {
    display: flex !important;
    align-items: center;
    justify-content: start;
    text-decoration: none;
    grid-area: logo; /* preserve existing area if needed */
}

.logo.combined-logo-title img.site-logo {
    height: 115px;
    width: auto;
    margin-right: 12px;
    object-fit: contain;
}


.logo.combined-logo-title .site-title-text {
    font-size: 1.8em;
    font-weight: bold;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

/* NAV BAR */
.navbar .navbar__menu li {
    font-size: 1rem; /* Default is around 0.89rem */
}

/*
  The following @media rule targets all media types and applies styles only when the viewport
  is at least 56.25em wide (typically desktop screens). It increases the font size of navbar menu items
  for better readability on larger displays.
*/
@media all and (min-width: 56.25em) {
    .navbar .navbar__menu li {
        font-size: 1.1rem; /* Slightly larger on desktop */
    }
}