/* ============================================================
   header.css — Header brand (title + logo icon)
   Tweak font-size / font-family / logo size here.
   ============================================================ */

.md-header__brand {
    position: absolute;           /* centered over the full header width */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;  /* logo on the left, title on its right */
    align-items: center;
    gap: 0rem;
    text-decoration: none;
    color: var(--primary-text);
}

/* Keep the drawer button left and push search/source to the right */
.md-header__inner > .md-header__button[for="__drawer"] {
    margin-right: auto;
}

/* Logo icon (sits to the left of the title) */
.md-header__brand-logo {
    height: 48px;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0.1rem;
    color: var(--primary-text);
}

/* Title text */
.site-title {
    font-family: "Monoton", cursive;
    font-size: 1.2rem;
    font-weight: 400; /* Monoton only ships weight 400 */
    text-transform: uppercase;
    color: var(--primary-text);
    white-space: nowrap;
}

.site-title.left {
    padding-right: 0;
    margin-right: 0;
}

.site-title.right {
    padding-left: 0;
    margin-left: 0;
}