/*
 * These Guys Know — balanced three-column desktop header with larger type (v21)
 * Brand | flexible centered navigation | search
 * Loaded after Ghost Code Injection so these rules remain deterministic.
 */

@media (min-width: 768px) {
    body.tgk-one-row .gh-head {
        position: relative !important;
        height: 72px !important;
        border-bottom: 1px solid rgba(21, 23, 26, 0.12) !important;
        background: #faf9f6 !important;
    }

    /*
     * Real three-column structure:
     * 1. wordmark
     * 2. flexible navigation area
     * 3. search
     */
    body.tgk-one-row .gh-head-inner {
        display: grid !important;
        grid-template-columns: max-content minmax(0, 1fr) max-content !important;
        align-items: center !important;
        width: 100% !important;
        height: 72px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border: 0 !important;
        column-gap: 28px !important;
    }

    body.tgk-one-row .gh-head-brand,
    body.tgk-one-row .gh-head-brand-wrapper,
    body.tgk-one-row .gh-head-logo,
    body.tgk-one-row .tgk-wordmark-link {
        border: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    body.tgk-one-row .gh-head-brand {
        display: flex !important;
        grid-column: 1 !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        height: 72px !important;
    }

    body.tgk-one-row .gh-head-brand-wrapper {
        display: flex !important;
        align-items: center !important;
        height: 72px !important;
    }

    body.tgk-one-row .gh-head-logo,
    body.tgk-one-row .tgk-wordmark-link {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 44px !important;
        padding: 0 !important;
        font-size: clamp(2.60rem, 2vw, 3.00rem) !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap !important;
    }

    /*
     * Remove the wrapper box on desktop so its children become the
     * middle and right grid columns of .gh-head-inner.
     */
    body.tgk-one-row .gh-head-menu {
        display: contents !important;
    }

    body.tgk-one-row .gh-head-menu::before,
    body.tgk-one-row .gh-head-menu::after {
        display: none !important;
        content: none !important;
    }

    /*
     * Center the five-link group inside the flexible middle column.
     * Controlled gaps prevent both left clumping and excessive spreading.
     */
    body.tgk-one-row .gh-head-menu .nav {
        display: flex !important;
        grid-column: 2 !important;
        align-items: center !important;
        justify-self: center !important;
        width: auto !important;
        min-width: 0 !important;
        height: 72px !important;
        gap: clamp(24px, 2.2vw, 32px) !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        white-space: nowrap !important;
    }

    body.tgk-one-row .gh-head-menu .nav > li,
    body.tgk-one-row .gh-head-menu .nav > li.tgk-has-dropdown {
        display: flex !important;
        position: relative !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 72px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body.tgk-one-row .gh-head-menu .nav > li > a {
        display: inline-flex !important;
        position: relative !important;
        align-items: center !important;
        height: 72px !important;
        padding: 0 !important;
        font-size: clamp(1.40rem, 1.08vw, 1.58rem) !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.tgk-one-row .gh-head-menu > .gh-search {
        display: inline-flex !important;
        grid-column: 3 !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.tgk-one-row .gh-head-actions,
    body.tgk-one-row .nav-more-toggle,
    body.tgk-one-row .gh-head-menu > .gh-dropdown {
        display: none !important;
    }
}

/* Tighter laptop treatment while preserving the same three-column balance. */
@media (min-width: 768px) and (max-width: 1100px) {
    body.tgk-one-row .gh-head-inner {
        column-gap: 22px !important;
    }

    body.tgk-one-row .gh-head-logo,
    body.tgk-one-row .tgk-wordmark-link {
        font-size: 2.35rem !important;
    }

    body.tgk-one-row .gh-head-menu .nav {
        gap: clamp(16px, 1.8vw, 24px) !important;
    }

    body.tgk-one-row .gh-head-menu .nav > li > a {
        font-size: 1.28rem !important;
    }
}