/* ==========================================================
   WINNING LINE AI
   CANONICAL MEMBER UI
   Dashboard / Racing / History / Responsible

   This file MUST load last on member pages.
   ========================================================== */

:root{
    --wla-body-size:16px;
    --wla-small-size:12px;
    --wla-nav-size:13px;
    --wla-copy-size:14px;
    --wla-intro-size:15px;
    --wla-card-title-size:18px;
    --wla-section-title-size:23px;
    --wla-page-title-size:30px;
}

/* ----------------------------------------------------------
   BASE
   ---------------------------------------------------------- */

body{
    font-size:var(--wla-body-size) !important;
    line-height:1.5 !important;
}

button,
input,
select,
textarea{
    font:inherit;
}

/* ----------------------------------------------------------
   MEMBER HEADER
   ---------------------------------------------------------- */

.member-header,
.member-header *{
    box-sizing:border-box;
}

.member-brand,
.member-logo,
.member-header .brand{
    font-size:18px !important;
    line-height:1.15 !important;
}

.member-nav a,
.member-nav button,
[data-nav]{
    font-size:var(--wla-nav-size) !important;
    line-height:1.2 !important;
}

/* ----------------------------------------------------------
   RESPONSIBLE GAMBLING NOTICE
   ---------------------------------------------------------- */

.member-notice{
    font-size:var(--wla-small-size) !important;
    line-height:1.35 !important;
}

/* ----------------------------------------------------------
   PAGE INTRODUCTION
   ---------------------------------------------------------- */

.app-top h1,
.page-title,
.member-page-title{
    font-size:var(--wla-page-title-size) !important;
    line-height:1.15 !important;
}

.app-top p,
.page-intro,
.member-page-intro{
    font-size:var(--wla-intro-size) !important;
    line-height:1.5 !important;
}

/* ----------------------------------------------------------
   SECTIONS
   ---------------------------------------------------------- */

.section-title,
.section-header h2,
.section h2{
    font-size:var(--wla-section-title-size) !important;
    line-height:1.2 !important;
}

.section-copy,
.section-header p,
.section > p{
    font-size:var(--wla-copy-size) !important;
    line-height:1.5 !important;
}

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

.card h3,
.dashboard-card h3,
.history-card h3,
.race-card h3{
    font-size:var(--wla-card-title-size) !important;
    line-height:1.25 !important;
}

.card p,
.dashboard-card p,
.history-card p{
    font-size:var(--wla-copy-size) !important;
    line-height:1.5 !important;
}

/* ----------------------------------------------------------
   CONTROLS
   ---------------------------------------------------------- */

button,
.button,
.btn,
select,
input{
    font-size:14px !important;
}

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

@media (max-width:700px){

    .app-top h1,
    .page-title,
    .member-page-title{
        font-size:26px !important;
    }

    .section-title,
    .section-header h2,
    .section h2{
        font-size:21px !important;
    }
}

/* BET_SELECTIONS_COMPACT_START */

/*
   Bet Selections uses a five-runner horizontal card layout.
   These rules are intentionally scoped to racing.html only.
*/

body:has(.runner){

    /* Race heading */
    .race-title{
        font-size:18px !important;
        line-height:1.25 !important;
    }

    /* Horse name */
    .runner-name{
        font-size:15px !important;
        line-height:1.15 !important;
        font-weight:800 !important;

        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:normal !important;

        min-width:0 !important;
    }

    /* Runner number */
    .runner-number{
        font-size:16px !important;
        line-height:1 !important;
    }

    /* WIN / PLACE headings */
    .win-price-box small,
    .place-price-box small{
        font-size:10px !important;
        line-height:1.1 !important;
    }

    /* WIN / PLACE price */
    .win-price-box strong,
    .place-price-box strong{
        font-size:22px !important;
        line-height:1.05 !important;
    }

    /* Jockey / trainer labels */
    .runner-detail span,
    .runner-detail small{
        font-size:11px !important;
        line-height:1.25 !important;
    }

    /* Jockey / trainer values */
    .runner-detail strong{
        font-size:12px !important;
        line-height:1.25 !important;
    }

    /* Barrier / running line */
    .runner-meta,
    .runner-bottom{
        font-size:11px !important;
        line-height:1.25 !important;
    }
}

/* BET_SELECTIONS_COMPACT_END */