/* ==========================================================
   WINNING LINE AI
   HOW IT WORKS + RESPONSIBLE USE DARK MEMBER PAGE STYLE
   Shared header intentionally untouched.
   ========================================================== */

html,
body.wla-info-member-dark {
    background: #061824 !important;
}

body.wla-info-member-dark {
    color: #e8f0f5 !important;
}

/* ----------------------------------------------------------
   PAGE BACKGROUND
   ---------------------------------------------------------- */

body.wla-info-member-dark main,
body.wla-info-member-dark .page-shell,
body.wla-info-member-dark .info-page,
body.wla-info-member-dark .content-shell,
body.wla-info-member-dark .member-page {
    background: #061824 !important;
}

/* ----------------------------------------------------------
   MAIN PAGE WIDTH
   ---------------------------------------------------------- */

body.wla-info-member-dark main {
    width: min(calc(100% - 42px), 1235px) !important;
    max-width: 1235px !important;

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

    padding-top: 38px !important;
    padding-bottom: 56px !important;
}

/* ----------------------------------------------------------
   HEADINGS
   ---------------------------------------------------------- */

body.wla-info-member-dark main h1,
body.wla-info-member-dark main h2,
body.wla-info-member-dark main h3,
body.wla-info-member-dark main h4 {
    color: #ffffff !important;
}

/* Main page heading */
body.wla-info-member-dark main h1 {
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    margin-bottom: 18px !important;
}

/* ----------------------------------------------------------
   BODY COPY
   ---------------------------------------------------------- */

body.wla-info-member-dark main p,
body.wla-info-member-dark main li,
body.wla-info-member-dark main span,
body.wla-info-member-dark main label {
    color: #b9ccd8 !important;
}

body.wla-info-member-dark main p {
    line-height: 1.65 !important;
}

/* ----------------------------------------------------------
   CONTENT CARDS
   ---------------------------------------------------------- */

body.wla-info-member-dark main section,
body.wla-info-member-dark main article,
body.wla-info-member-dark main .card,
body.wla-info-member-dark main [class*="card"],
body.wla-info-member-dark main [class*="panel"],
body.wla-info-member-dark main [class*="box"] {
    background: #082637 !important;

    border: 1px solid #28526a !important;
    border-radius: 18px !important;

    box-shadow: none !important;
}

/* Preserve outer structural containers that should not look like cards */
body.wla-info-member-dark main > section {
    margin-bottom: 18px !important;
}

/* ----------------------------------------------------------
   CARD CONTENT
   ---------------------------------------------------------- */

body.wla-info-member-dark main section h2,
body.wla-info-member-dark main section h3,
body.wla-info-member-dark main article h2,
body.wla-info-member-dark main article h3,
body.wla-info-member-dark main .card h2,
body.wla-info-member-dark main .card h3 {
    color: #ffffff !important;
}

body.wla-info-member-dark main section strong,
body.wla-info-member-dark main article strong,
body.wla-info-member-dark main .card strong {
    color: #ffffff !important;
}

/* ----------------------------------------------------------
   GOLD LABELS / PILLS / TAGS
   ---------------------------------------------------------- */

body.wla-info-member-dark main [class*="badge"],
body.wla-info-member-dark main [class*="pill"],
body.wla-info-member-dark main [class*="tag"],
body.wla-info-member-dark main [class*="eyebrow"] {
    color: #f2b632 !important;

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

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

    border-radius: 999px !important;
}

/* ----------------------------------------------------------
   LINKS
   ---------------------------------------------------------- */

body.wla-info-member-dark main a {
    color: #f2b632 !important;
}

/* ----------------------------------------------------------
   DIVIDERS / BORDERS
   ---------------------------------------------------------- */

body.wla-info-member-dark main hr {
    border-color: #284b5e !important;
}

/* ----------------------------------------------------------
   LISTS
   ---------------------------------------------------------- */

body.wla-info-member-dark main ul,
body.wla-info-member-dark main ol {
    color: #b9ccd8 !important;
}

body.wla-info-member-dark main li::marker {
    color: #f2b632 !important;
}

/* ----------------------------------------------------------
   RESPONSIBLE USE STRONG WARNING TEXT
   ---------------------------------------------------------- */

body.wla-info-member-dark main strong {
    color: #ffffff !important;
}

/* ----------------------------------------------------------
   REMOVE AI ASSISTANT BUBBLE / PANEL
   ---------------------------------------------------------- */

body.wla-info-member-dark .wla-ai-launcher,
body.wla-info-member-dark .wla-assistant-fab,
body.wla-info-member-dark .wla-assistant-launcher,
body.wla-info-member-dark .wla-ai-bubble,
body.wla-info-member-dark .ai-bubble,
body.wla-info-member-dark .ai-fab,
body.wla-info-member-dark #wlaAssistantRoot,
body.wla-info-member-dark #wlaAssistantFab,
body.wla-info-member-dark [data-wla-assistant],
body.wla-info-member-dark [aria-label="AI Assistant"],
body.wla-info-member-dark [aria-label="Open AI Assistant"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    body.wla-info-member-dark main {
        width: calc(100% - 24px) !important;
        padding-top: 24px !important;
        padding-bottom: 40px !important;
    }

    body.wla-info-member-dark main h1 {
        font-size: 27px !important;
    }
}
/* ==========================================================
   WLA INFO PAGE TEXT SIZE REFINEMENT
   How It Works + Responsible Use
   ========================================================== */

body.wla-info-member-dark main {
    font-size: 17px !important;
}

body.wla-info-member-dark main p,
body.wla-info-member-dark main li {
    font-size: 17px !important;
    line-height: 1.65 !important;
}

body.wla-info-member-dark main h1 {
    font-size: 34px !important;
}

body.wla-info-member-dark main h2 {
    font-size: 24px !important;
}

body.wla-info-member-dark main h3 {
    font-size: 20px !important;
}

body.wla-info-member-dark main strong,
body.wla-info-member-dark main b {
    font-size: inherit !important;
}

body.wla-info-member-dark main [class*="badge"],
body.wla-info-member-dark main [class*="pill"],
body.wla-info-member-dark main [class*="tag"],
body.wla-info-member-dark main [class*="eyebrow"] {
    font-size: 13px !important;
}

/* END WLA INFO PAGE TEXT SIZE REFINEMENT */