/* ============================================================
   LaunchDeck — "Bold Sport" LIGHT skin
   Loaded AFTER picks-page.css only when Style = Sport.
   Re-skins picks / gate / account by overriding the --ld-*
   custom properties (most of the base CSS reads from these),
   plus targeted overrides for buttons, badges and hovers so
   NOTHING carries over from the dark Classic theme.
   Brand --ld-primary / --ld-secondary are intentionally NOT
   overridden here so the admin's brand colors still apply.
   ============================================================ */

.ld-picks,
.ld-gate,
.ld-account,
.ld-login {
    /* Light surface palette */
    --ld-dark:          #ffffff;
    --ld-dark-2:        #ffffff;
    --ld-dark-3:        #eceff3;
    --ld-dark-4:        #e2e6ea;
    --ld-text-white:    #14181f;
    --ld-text-muted:    #5b6472;
    --ld-border-dark:   #14181f;
    /* Hard, square, high-impact geometry */
    --ld-radius:        0px;
    --ld-radius-lg:     4px;
    --ld-shadow:        6px 6px 0 rgba(20,24,31,.10);
    --ld-shadow-lg:     10px 10px 0 rgba(20,24,31,.12);

    font-family: "Arial Narrow", "Arial Nova Cond", "Helvetica Neue", Arial, sans-serif !important;
}

/* Condensed, loud headings */
.ld-picks h1, .ld-picks h2, .ld-picks h3, .ld-picks h4,
.ld-account h1, .ld-account h2, .ld-account h3, .ld-account h4,
.ld-gate h1, .ld-gate h2, .ld-gate h3, .ld-gate h4 {
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 800;
}

/* ── Page wrappers: bordered "panel" look ─────────────────── */
.ld-picks,
.ld-account {
    border: 2px solid #14181f;
    box-shadow: var(--ld-shadow);
}

/* ── Hero: solid accent band ──────────────────────────────── */
.ld-picks__hero {
    background: var(--ld-primary);
    margin: -24px -24px 20px;
    padding: 18px 24px;
    border-bottom: none;
}
.ld-picks__hero-date { color: #ffffff; text-transform: uppercase; letter-spacing: 1px; }
.ld-picks__hero-record {
    background: rgba(255,255,255,.18);
    color: #ffffff;
    border-radius: 0;
}
.ld-picks__hero-record-label { color: rgba(255,255,255,.85); }

/* ── Sport section labels: solid ink block ────────────────── */
.ld-picks .ld-picks__sport-label,
.ld-picks h3.ld-picks__sport-label {
    display: inline-block;
    color: #ffffff;
    background: #14181f;
    padding: 4px 12px;
    border-bottom: none;
    letter-spacing: 1px;
}

/* ── Pick cards: white, hard border, no glow hover ────────── */
.ld-picks__card {
    background: #ffffff;
    border: 2px solid #14181f;
    box-shadow: 3px 3px 0 rgba(20,24,31,.08);
    transition: transform .1s, box-shadow .1s;
}
.ld-picks__card:hover {
    border-color: #14181f;
    transform: translate(-1px,-1px);
    box-shadow: 5px 5px 0 rgba(20,24,31,.14);
}
.ld-picks__card-sport,
.ld-picks__card-unit {
    border-radius: 0;
    text-transform: uppercase;
}
.ld-picks__card-sport { color:#fff; background: var(--ld-primary); }

/* Unit size: the inherited translucent-accent treatment is designed for the
   dark theme. On the light theme it renders pale accent text on a pale accent
   wash over white, which is close to unreadable. Solid ink instead. */
.ld-picks__card-unit {
    color: #fff;
    background: #14181f;
    padding: 3px 8px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: .5px;
}

/* Result badges: square, heavier */
.ld-picks__result { border-radius: 0; letter-spacing: 1px; }

/* Banners / daily message: square, ink border */
.ld-picks__banner,
.ld-picks__daily-msg {
    border-radius: 0;
    border: 2px solid #14181f;
}

/* ── Gate screens ─────────────────────────────────────────── */
.ld-gate {
    background: #ffffff;
    border: 2px solid #14181f;
    box-shadow: var(--ld-shadow);
}
.ld-gate__icon .dashicons { color: var(--ld-primary); }

/* ── Account cards ────────────────────────────────────────── */
.ld-account__card {
    background: #ffffff;
    border: 2px solid #14181f;
    border-radius: 0;
    box-shadow: 3px 3px 0 rgba(20,24,31,.08);
}
.ld-account__status { border-radius: 0; text-transform: uppercase; }

/* ============================================================
   Buttons — a completely different button language from Classic
   (square, uppercase, heavy, hard offset-shadow on hover)
   ============================================================ */
.ld-gate__btn,
.ld-account__btn {
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 800;
    border: 2px solid #14181f;
    transition: transform .1s, box-shadow .1s, background .15s, color .15s;
}

.ld-gate__btn--primary,
.ld-account__btn--primary {
    background: var(--ld-primary);
    color: #ffffff;
    box-shadow: 4px 4px 0 rgba(20,24,31,.20);
}
.ld-gate__btn--primary:hover,
.ld-account__btn--primary:hover {
    background: var(--ld-primary);
    color: #ffffff;
    transform: translate(-2px,-2px);
    box-shadow: 6px 6px 0 rgba(20,24,31,.25);
}

.ld-gate__btn--secondary,
.ld-account__btn--secondary {
    background: #ffffff;
    color: #14181f;
    box-shadow: 4px 4px 0 rgba(20,24,31,.12);
}
.ld-gate__btn--secondary:hover,
.ld-account__btn--secondary:hover {
    background: #f4f5f7;
    color: #14181f;
    transform: translate(-2px,-2px);
    box-shadow: 6px 6px 0 rgba(20,24,31,.18);
}

.ld-account__btn--ghost {
    background: transparent;
    color: #5b6472;
    border-color: transparent;
    box-shadow: none;
}
.ld-account__btn--ghost:hover { color: #e11d48; box-shadow: none; transform: none; }