/* ==========================================================
   WINNING LINE AI
   FINAL MOBILE MEMBER HEADER OVERRIDE

   Loaded LAST after all existing member stylesheets.
   Desktop >= 761px remains completely unchanged.
   ========================================================== */

@media (max-width:760px){

    html body .wla-header,
    html body.wla-dashboard-member .wla-header,
    body .wla-header,
    .wla-header{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        position:relative !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
    }

    html body .wla-header .wla-header-inner,
    html body.wla-dashboard-member .wla-header .wla-header-inner{
        display:grid !important;
        visibility:visible !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-rows:auto auto !important;
        width:calc(100% - 20px) !important;
        max-width:none !important;
        min-height:0 !important;
        height:auto !important;
        margin:0 auto !important;
        padding:8px 0 0 !important;
        column-gap:8px !important;
        row-gap:7px !important;
        overflow:visible !important;
    }

    html body .wla-header .wla-brand{
        display:flex !important;
        visibility:visible !important;
        min-width:0 !important;
        align-items:center !important;
        overflow:visible !important;
    }

    html body .wla-header .wla-logo-mark{
        display:flex !important;
        visibility:visible !important;
        flex:0 0 auto !important;
    }

    html body .wla-header .wla-brand-copy{
        display:flex !important;
        visibility:visible !important;
        min-width:0 !important;
    }

    html body .wla-header .wla-brand-copy strong{
        display:block !important;
        visibility:visible !important;
        white-space:nowrap !important;
        font-size:16px !important;
    }

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

    html body .wla-header .wla-header-actions,
    html body.wla-dashboard-member .wla-header .wla-header-actions{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        align-items:center !important;
        justify-content:flex-end !important;
        width:auto !important;
        min-width:0 !important;
    }

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

    html body .wla-header .wla-account-button,
    html body.wla-dashboard-member .wla-header .wla-account-button{
        display:inline-flex !important;
        visibility:visible !important;
        opacity:1 !important;
        width:auto !important;
        min-width:68px !important;
        min-height:36px !important;
        padding:0 10px !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:11px !important;
        white-space:nowrap !important;
    }

    html body .wla-header .wla-nav,
    html body.wla-dashboard-member .wla-header .wla-nav,
    body .wla-header .wla-nav{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;

        grid-column:1 / -1 !important;
        grid-row:2 !important;

        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        min-height:44px !important;

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

        justify-content:flex-start !important;
        align-items:center !important;
        gap:4px !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        white-space:nowrap !important;

        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
    }

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

    html body .wla-header .wla-nav a,
    html body.wla-dashboard-member .wla-header .wla-nav a{
        display:inline-flex !important;
        visibility:visible !important;
        opacity:1 !important;

        flex:0 0 auto !important;

        width:auto !important;
        min-width:auto !important;
        min-height:40px !important;

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

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

        font-size:12px !important;
        font-weight:800 !important;
        line-height:1 !important;

        white-space:nowrap !important;
    }
}


/* WLA_MOBILE_HEADER_TIDY_V2_START */

@media (max-width:760px){

    /* Header occupies its true two-row height */
    html body .wla-header{
        position:relative !important;
        display:block !important;
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
        margin:0 !important;
        padding:0 !important;
        z-index:50 !important;
    }

    html body .wla-header .wla-header-inner{
        position:relative !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        grid-template-rows:auto auto !important;
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
        padding-top:8px !important;
        padding-bottom:8px !important;
        row-gap:6px !important;
    }

    /* Keep tabs in normal layout instead of floating over content */
    html body .wla-header .wla-nav{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        grid-column:1 / -1 !important;
        grid-row:2 !important;

        display:flex !important;
        width:100% !important;
        height:auto !important;
        min-height:42px !important;

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

        overflow-x:auto !important;
        overflow-y:hidden !important;

        z-index:1 !important;
    }

    html body .wla-header .wla-nav a{
        position:relative !important;
        flex:0 0 auto !important;
        min-height:40px !important;
        line-height:1 !important;
        padding:0 11px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* Restore real SIGN OUT text rather than icon/symbol styling */
    html body .wla-header #wlaSignOut,
    html body .wla-header .wla-account-button{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:auto !important;
        min-width:72px !important;
        max-width:none !important;
        height:36px !important;
        min-height:36px !important;

        padding:0 10px !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size:11px !important;
        font-weight:800 !important;
        line-height:1 !important;
        letter-spacing:0 !important;

        text-indent:0 !important;
        text-transform:none !important;
        white-space:nowrap !important;

        overflow:visible !important;
    }

    html body .wla-header #wlaSignOut::before,
    html body .wla-header #wlaSignOut::after,
    html body .wla-header .wla-account-button::before,
    html body .wla-header .wla-account-button::after{
        content:none !important;
        display:none !important;
    }

    /* Guarantee page content starts below the complete mobile header */
    html body .wla-header + *,
    html body .wla-header + main,
    html body .wla-header + .wla-page{
        position:relative !important;
        clear:both !important;
    }
}

/* WLA_MOBILE_HEADER_TIDY_V2_END */