/* ==========================================================
   WINNING LINE AI - MEMBER CONTENT WIDTH
   Dashboard / History / FAQ / Responsible Use

   Matches the accepted shared header / Bet Selections width.
   Internal cards and component styling remain unchanged.
   ========================================================== */

:root{
    --wla-member-content-max:1360px;
}

/* Main outer page width */
body > main{
    width:calc(100% - 32px) !important;
    max-width:var(--wla-member-content-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Catch the common single outer wrapper used inside member pages */
body > main > .container,
body > main > [class*="shell"],
body > main > [class*="wrap"],
body > main > [class*="page-inner"],
body > main > [class*="content-inner"]{
    width:100% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media(max-width:760px){
    body > main{
        width:calc(100% - 20px) !important;
    }
}

/* WLA_EXACT_MEMBER_WIDTH_FIX_START
   Override older 1235px page-specific limits.
   Match the accepted 1360px member/header width.
*/

/* DASHBOARD */
html body.wla-dashboard-member .dashboard-account-section,
html body.wla-dashboard-member main > section,
html body.wla-dashboard-member main > .section{
    width:calc(100% - 32px) !important;
    max-width:1360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* FAQ */
html body.wla-info-member-dark main.wla-faq-page{
    width:calc(100% - 32px) !important;
    max-width:1360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* RESPONSIBLE USE */
html body.wla-info-member-dark main.wla-info-page{
    width:calc(100% - 32px) !important;
    max-width:1360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media(max-width:760px){

    html body.wla-dashboard-member .dashboard-account-section,
    html body.wla-dashboard-member main > section,
    html body.wla-dashboard-member main > .section,
    html body.wla-info-member-dark main.wla-faq-page,
    html body.wla-info-member-dark main.wla-info-page{
        width:calc(100% - 20px) !important;
    }
}

/* WLA_EXACT_MEMBER_WIDTH_FIX_END */

/* WLA_FINAL_PAGE_EDGE_ALIGNMENT_START
   Final shared-edge alignment:
   - Dashboard header actions return to the normal shared-header edge.
   - Responsible Use removes inherited horizontal page padding.
*/

/* DASHBOARD
   An older dashboard-only rule moves the header actions 30px left.
   Cancel that so Sign Out aligns with the right edge of the content.
*/
html body.wla-dashboard-member .wla-header .wla-header-actions{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
}

/* RESPONSIBLE USE
   Remove inherited left/right padding so the title and cards use
   the same page edges as the shared header and Bet Selections.
*/
html body.wla-info-member-dark main.wla-info-page{
    box-sizing:border-box !important;

    padding-left:0 !important;
    padding-right:0 !important;

    width:calc(100% - 32px) !important;
    max-width:1360px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}

@media(max-width:760px){

    html body.wla-info-member-dark main.wla-info-page{
        width:calc(100% - 20px) !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* WLA_FINAL_PAGE_EDGE_ALIGNMENT_END */