/* Keep the header menu, search and language control on the same row.
   Scoped to the header so translation controls elsewhere are unaffected. */
#sp-header .container > .row,
#sp-header .container-fluid > .row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

#sp-header #sp-logo {
    flex: 0 0 16.666667%;
    min-width: 0;
}

#sp-header #sp-menu {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

#sp-header #sp-topsearch {
    flex: 0 0 44px;
    width: 44px;
    padding-right: 8px;
    padding-left: 8px;
}

#sp-header #sp-position7 {
    flex: 0 0 auto;
    width: auto;
    padding-left: 8px;
}

#sp-header #sp-position7 > .sp-column {
    display: flex;
    align-items: center;
}

/* The dropdown contains the same languages as the redundant flag links. */
#sp-header #sp-position7 .flag,
#sp-header #sp-position7 .alt_flag,
#sp-header #sp-position7 br {
    display: none;
}

#sp-header #sp-position7 select[data-gt-select] {
    display: block;
    width: 154px;
    max-width: 100%;
    height: 38px;
    margin: 0;
    padding: 6px 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
}

#sp-header #sp-position7 select[data-gt-select]:focus-visible {
    outline: 2px solid #007d89;
    outline-offset: 2px;
}

@media (max-width: 991px) {
    #sp-header #sp-logo {
        flex: 1 1 auto;
        width: auto;
    }

    #sp-header #sp-logo img {
        max-width: 100%;
        object-fit: contain;
    }

    #sp-header #sp-menu {
        flex: 0 0 40px;
        width: 40px;
        padding-right: 6px;
        padding-left: 6px;
    }

    #sp-header #sp-position7 {
        padding-right: 8px;
        padding-left: 4px;
    }

    #sp-header #sp-position7 select[data-gt-select] {
        width: 132px;
        font-size: 13px;
    }
}

/* Public-site typography. Use installed sans-serif fonts without a new CDN.
   Icon-font elements retain their own family so navigation symbols still work. */
body.site {
    --tm-font-sans: Arial, Helvetica, sans-serif;
    font-family: var(--tm-font-sans) !important;
}

body.site :where(*):not(:where(
    .fa, .fas, .far, .fab, .fal, .fad, .fass, .fat,
    [class*="icon"], [class*="Icon"], [class*="pe-"],
    [class*="material-symbols"]
)) {
    font-family: var(--tm-font-sans) !important;
}