/* ==========================================================
   WLA PERMANENT VIEWPORT WIDTH LOCK

   Keeps the browser content width identical on pages with
   different content heights, preventing the centred member
   header/nav from moving when scrollbars appear/disappear.
   ========================================================== */

html {
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
}

body {
    min-height: 100vh !important;
}

/* END WLA PERMANENT VIEWPORT WIDTH LOCK */
/* ==========================================================
   WINNING LINE AI
   PERMANENT MASTER MEMBER HEADER
   ISOLATED FROM ALL LEGACY PAGE CSS
   ========================================================== */

html body .wla-header,
body .wla-header,
.wla-header {
    all: revert !important;

    box-sizing: border-box !important;

    position: sticky !important;
    top: 0 !important;
    left: 0 !important;

    z-index: 2147483000 !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    background: rgba(2,15,25,.98) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(242,182,50,.26) !important;

    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-style: normal !important;

    transform: none !important;
}

html body .wla-header *,
html body .wla-header *::before,
html body .wla-header *::after {
    box-sizing: border-box !important;
}

html body .wla-header .wla-header-inner {
    position: static !important;

    display: grid !important;
    grid-template-columns: 245px minmax(0,1fr) auto !important;
    align-items: center !important;

    width: min(calc(100% - 42px),1360px) !important;
    min-width: 0 !important;
    max-width: 1360px !important;

    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 0 !important;

    background: transparent !important;
    border: 0 !important;

    transform: none !important;
}

html body .wla-header .wla-brand {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    min-width: 245px !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 12px !important;

    color: inherit !important;
    background: transparent !important;
    border: 0 !important;

    text-decoration: none !important;

    transform: none !important;
}

html body .wla-header .wla-logo-mark {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 44px !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f2b632 !important;
    color: #071923 !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 44px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;

    text-align: center !important;
    text-decoration: none !important;

    transform: none !important;
}

html body .wla-header .wla-brand-copy {
    position: static !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 2px !important;

    background: transparent !important;
    border: 0 !important;

    transform: none !important;
}

html body .wla-header .wla-brand-copy strong {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 21px !important;
    line-height: 22px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    transform: none !important;
}

html body .wla-header .wla-brand-copy span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #7e9aaf !important;

    background: transparent !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    transform: none !important;
}

html body .wla-header .wla-nav {
    position: static !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;

    align-self: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;

    background: transparent !important;
    border: 0 !important;

    transform: none !important;
}

html body .wla-header .wla-nav a {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    color: #b6c6d1 !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 48px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    transform: none !important;
}

html body .wla-header .wla-nav a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.03) !important;

    border-bottom-color: transparent !important;

    transform: none !important;
}

html body .wla-header .wla-nav a.active {
    color: #f2b632 !important;
    background: rgba(242,182,50,.07) !important;

    border-bottom: 2px solid #f2b632 !important;

    font-weight: 800 !important;

    transform: none !important;
}

html body .wla-header .wla-header-actions {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 10px !important;

    background: transparent !important;
    border: 0 !important;

    transform: none !important;
}

html body .wla-header .wla-plan,
html body .wla-header .wla-account-button {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border-radius: 10px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 34px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    transform: none !important;
}

html body .wla-header .wla-plan {
    color: #f2b632 !important;

    background: rgba(242,182,50,.06) !important;

    border: 1px solid rgba(242,182,50,.50) !important;
}

html body .wla-header .wla-account-button {
    appearance: none !important;
    -webkit-appearance: none !important;

    color: #d8e4eb !important;

    background: #071d2a !important;

    border: 1px solid #31566f !important;

    cursor: pointer !important;

    box-shadow: none !important;
}

html body .wla-header .wla-account-button:hover {
    background: #0a2537 !important;
    border-color: #47728d !important;

    transform: none !important;
}

@media (max-width: 760px) {

    html body .wla-header {
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
    }

    html body .wla-header .wla-header-inner {
        width: calc(100% - 24px) !important;

        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;

        grid-template-columns: 1fr auto !important;
    }

    html body .wla-header .wla-brand {
        min-width: 0 !important;
    }

    html body .wla-header .wla-brand-copy span {
        display: none !important;
    }

    html body .wla-header .wla-nav {
        display: none !important;
    }

    html body .wla-header .wla-plan {
        display: none !important;
    }

    html body .wla-header .wla-account-button {
        width: auto !important;
        min-width: auto !important;

        padding: 0 12px !important;

        font-size: 11px !important;
    }
}