/* ════════════════════════════════════════════════════════════════════════
   GARRENWOOD HEADER — SINGLE ROW, CAPPED LOGO + WORDMARK

   Imagely/Reactr renders this header through reactr_header. These reversible
   CSS overrides restyle the rendered markup without replacing header.php.
   Desktop (>=960px) becomes one row; the theme's mobile stack/hamburger remains.
   ════════════════════════════════════════════════════════════════════════ */

/* Logo size cap at all widths. */
#site-header.medium-header .custom-logo {
    height: 58px;
    width: auto;
}

@media (max-width: 600px) {
    #site-header.medium-header .custom-logo {
        height: 46px;
    }
}

/* Wordmark injected by Site_Header::filter_logo(). Hidden on mobile. */
.gw-wordmark {
    display: none;
}

@media (min-width: 960px) {
    #site-header.medium-header #site-logo-inner {
        display: flex !important;
        align-items: center;
        gap: 12px;
    }

    #site-header.medium-header #site-logo .custom-logo-link {
        display: inline-flex;
        flex: 0 0 auto;
        margin: 0;
    }

    .gw-wordmark {
        display: flex;
        flex-direction: column;
        line-height: 1.1;
        text-align: left;
    }

    .gw-wordmark-name {
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 18px;
        color: #ffffff;
        letter-spacing: .01em;
    }

    .gw-wordmark-tag {
        font-size: 11px;
        letter-spacing: .13em;
        text-transform: uppercase;
        color: rgba(255,255,255,.5);
        margin-top: 3px;
    }

    #site-header.medium-header {
        background: #111111 !important;
    }

    #site-header.medium-header #site-header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 22px;
        gap: 24px;
    }

    #site-header.medium-header .top-header-wrap {
        flex: 0 0 auto;
        padding: 6px 0 !important;
        background: transparent !important;
    }

    #site-header.medium-header .top-header-wrap .container {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    #site-header.medium-header .top-header-inner,
    #site-header.medium-header .top-col.logo-col {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
    }

    #site-header.medium-header #site-logo,
    #site-header.medium-header #site-logo-inner {
        margin: 0;
    }

    #site-header.medium-header .bottom-header-wrap {
        flex: 1 1 auto;
        background: transparent !important;
    }

    #site-header.medium-header .bottom-header-wrap .container {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    #site-header.medium-header #site-navigation-wrap {
        background: transparent !important;
    }

    #site-header.medium-header #site-navigation {
        margin: 0;
    }

    #site-header.medium-header #site-navigation .ubermenu-bar-align-full > .ubermenu-nav,
    #site-header.medium-header #site-navigation .ubermenu > .ubermenu-nav {
        justify-content: flex-end;
    }
}