/**
 * LPF'26 — surcharges dark du front connecté (complément de lpf-app-dark.css)
 * Cible tailadmin-dashboard.css + styles historiques (ex lpf26-theme) non chargés.
 */

/* ========== Matchs — navigation & sections ========== */
html.lpf-classic-light body.front-body .ta-main .match-day-nav-link {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-bg) !important;
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-day-nav-link:hover {
    background: var(--lpf-primary-muted) !important;
    border-color: var(--lpf-primary) !important;
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-day-nav-link--featured {
    background: var(--lpf-primary-muted) !important;
    border-color: var(--lpf-primary) !important;
    color: var(--lpf-link) !important;
    box-shadow: 0 0 0 1px var(--lpf-primary);
}

html.lpf-classic-light body.front-body .ta-main .match-day-nav-select {
    border-color: var(--lpf-border) !important;
    background-color: var(--lpf-surface-raised) !important;
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-day-section--featured > .match-day-title {
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-day-section--live > .match-day-title {
    color: var(--lpf-warning) !important;
}

/* ========== Matchs — cartes & scores ========== */
html.lpf-classic-light body.front-body .ta-main .match-card--kdo {
    border-color: var(--lpf-warning) !important;
    background: var(--lpf-surface) !important;
    box-shadow: none !important;
}

html.lpf-classic-light body.front-body .ta-main .match-card--favorite-country {
    overflow: visible;
    border-color: #2563eb !important;
    background: linear-gradient(145deg, #eff6ff 0%, var(--lpf-surface) 52%) !important;
    box-shadow: 0 0 0 1px rgb(37 99 235 / 18%) !important;
}

html.lpf-classic-light body.front-body .ta-main .precomp-card__status-mark {
    box-shadow: 0 0 0 2px var(--lpf-surface);
}

html.lpf-classic-light body.front-body .ta-main .precomp-card__status-mark--ok {
    box-shadow:
        0 0 0 2px var(--lpf-surface),
        0 4px 14px rgb(22 163 74 / 35%) !important;
}

html.lpf-classic-light body.front-body .ta-main .precomp-card__status-mark--pending {
    box-shadow:
        0 0 0 2px var(--lpf-surface),
        0 4px 14px rgb(217 119 6 / 35%) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-card-favorite-mark__shield {
    background: linear-gradient(145deg, #1d4ed8, #2563eb) !important;
    color: #fff !important;
    box-shadow:
        0 0 0 2px var(--lpf-surface),
        0 4px 14px rgb(37 99 235 / 35%) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-team--favorite-country > span {
    color: #1d4ed8 !important;
}

html.lpf-classic-light body.front-body .ta-main .match-card-kdo-mark__icon {
    background: linear-gradient(145deg, #d97706, #f59e0b) !important;
    color: #fff !important;
    box-shadow:
        0 0 0 2px var(--lpf-surface),
        0 4px 14px rgb(217 119 6 / 40%) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-final-score--live {
    color: var(--lpf-warning) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-final-score .match-score-input:disabled,
html.lpf-classic-light body.front-body .ta-main .match-final-score--live .match-score-input:disabled {
    color: #94a3b8 !important;
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

html.lpf-classic-light body.front-body .ta-main .match-card-live-btn.btn.btn-warning {
    background: var(--lpf-warning) !important;
    border-color: #d97706 !important;
    color: #fff !important;
}

html.lpf-classic-light body.front-body .ta-main .match-card-live-btn.btn.btn-warning:hover {
    background: #d97706 !important;
    border-color: #b45309 !important;
    color: #fff !important;
}

html.lpf-classic-light body.front-body .ta-main .match-multiplex-cta-btn.btn.btn-warning {
    background: var(--lpf-warning) !important;
    border-color: #d97706 !important;
    color: #fff !important;
}

html.lpf-classic-light body.front-body .ta-main .match-multiplex-cta-btn.btn.btn-warning:hover {
    background: #b45309 !important;
    border-color: #b45309 !important;
    color: #fff !important;
}

html.lpf-classic-light body.front-body .ta-main .match-final-score,
html.lpf-classic-light body.front-body .ta-main .match-partner-row--self .match-partner-score,
html.lpf-classic-light body.front-body .ta-main .match-viewer-prono__score {
    color: #1d4ed8 !important;
    -webkit-text-fill-color: #1d4ed8 !important;
}

html.lpf-classic-light body.front-body .ta-main .match-locked-pronostic,
html.lpf-classic-light body.front-body .ta-main .match-time,
html.lpf-classic-light body.front-body .ta-main .match-partner-score {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-link,
html.lpf-classic-light body.front-body .ta-main .match-meta .match-group-link {
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-meta .match-venue {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-pronostic {
    border-top-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-flag-placeholder,
html.lpf-classic-light body.front-body .ta-main .match-live-team-logo-placeholder,
html.lpf-classic-light body.front-body .ta-main .match-partner-avatar--placeholder {
    background: var(--lpf-border) !important;
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-partner-empty {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-prono-cotisation-msg {
    color: var(--lpf-warning) !important;
}

/* ========== Matchs — live ========== */
html.lpf-classic-light body.front-body .ta-main .match-card--live {
    background: var(--lpf-bg) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-compact-table tbody + tbody tr:first-child td {
    border-top-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-detail-row__cell,
html.lpf-classic-light body.front-body .ta-main .match-live-prono-chip {
    background: var(--lpf-bg) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-detail-panel {
    background: var(--lpf-surface-raised) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-cotes-1n2-blocks__item--active {
    border-color: #16a34a !important;
    background: #ecfdf5 !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-match-buteurs-cote {
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-buteur-pick__name {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-team-position--simulated {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-team-position,
html.lpf-classic-light body.front-body .ta-main .match-live-team-position--before,
html.lpf-classic-light body.front-body .ta-main .match-live-team-total-general,
html.lpf-classic-light body.front-body .ta-main .match-live-legend,
html.lpf-classic-light body.front-body .ta-main .match-live-score-hint {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-team-total,
html.lpf-classic-light body.front-body .ta-main .match-live-buteur-points {
    color: var(--lpf-warning) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-goals-minute {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-clock {
    color: var(--lpf-warning) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-goals-name {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-compact-player,
html.lpf-classic-light body.front-body .ta-main .match-live-compact-calc,
html.lpf-classic-light body.front-body .ta-main .match-live-compact-buteurs-label,
html.lpf-classic-light body.front-body .ta-main .match-live-prono-meta,
html.lpf-classic-light body.front-body .ta-main .match-live-prono-empty,
html.lpf-classic-light body.front-body .ta-main .match-live-buteurs-title,
html.lpf-classic-light body.front-body .ta-main .match-live-buteur-country,
html.lpf-classic-light body.front-body .ta-main .match-live-buteur-cote {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-compact-score,
html.lpf-classic-light body.front-body .ta-main .match-live-buteur-name {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-kdo-row--winner {
    background: rgb(245 158 11 / 12%) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-live-kdo-row--winner td {
    border-color: rgb(245 158 11 / 35%) !important;
}

/* ========== Équipe (fiche) ========== */
html.lpf-classic-light body.front-body .ta-main .team-show-member-card {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-surface-raised) !important;
}

html.lpf-classic-light body.front-body .ta-main .team-show-member-nick,
html.lpf-classic-light body.front-body .ta-main .team-show-hero__player-nick,
html.lpf-classic-light body.front-body .ta-main .team-show-ranking-position,
html.lpf-classic-light body.front-body .ta-main .team-show-prono-score {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .team-show-member-mail,
html.lpf-classic-light body.front-body .ta-main .team-show-slogan,
html.lpf-classic-light body.front-body .ta-main .team-show-th-sub,
html.lpf-classic-light body.front-body .ta-main .team-show-ranking-dl dt,
html.lpf-classic-light body.front-body .ta-main .team-show-prono-sep {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .ranking-team-logo-placeholder {
    background: var(--lpf-border) !important;
    color: var(--lpf-muted) !important;
}

/* ========== Logo header front connecté ========== */
html.lpf-classic-light body.front-body .ta-sidebar-logo {
    max-height: 11.5rem;
}

@media (max-width: 1024px) {
    html.lpf-classic-light body.front-body .ta-mobile-bar {
        height: 6rem !important;
    }

    html.lpf-classic-light body.front-body .ta-mobile-bar__logo {
        height: 5.5rem !important;
        max-height: 5.5rem !important;
        max-width: min(480px, calc(100vw - 5.5rem)) !important;
    }

    html.lpf-classic-light body.front-body .ta-main {
        padding-top: 6.75rem !important;
    }
}

/* ========== Shell mobile & formulaires ========== */
@media (max-width: 1024px) {
    html.lpf-classic-light body.front-body .ta-mobile-bar {
        border-bottom-color: var(--lpf-border) !important;
        background: var(--lpf-surface) !important;
    }

}

html.lpf-classic-light body.front-body .ta-main .ta-form-label {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .ta-form-choice-expanded--multiple {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-bg) !important;
}

html.lpf-classic-light body.front-body .ta-main .ta-form-file::file-selector-button {
    background: var(--lpf-primary-muted) !important;
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .ta-user-badge {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-surface-raised) !important;
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .tabs-box {
    background: var(--lpf-surface) !important;
}

/* ========== Flash & notifications ========== */
html.lpf-classic-light body.front-body .ta-main .flash.flash-danger {
    border-color: var(--lpf-danger) !important;
    background: rgb(239 68 68 / 12%) !important;
    color: #fca5a5 !important;
}

html.lpf-classic-light body.front-body .push-notifications-card__list {
    color: var(--lpf-muted) !important;
}

/* ========== Admin push / preview ========== */
html.lpf-classic-light body.front-body .ta-main .admin-push-stat {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-bg) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-push-stat--ok {
    border-color: var(--lpf-primary) !important;
    background: var(--lpf-primary-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-push-stat--warn {
    border-color: var(--lpf-warning) !important;
    background: rgb(245 158 11 / 12%) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-push-stat__label {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-push-stat__value {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-push-form__back {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-push-form__back:hover {
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-preview-column .admin-preview-section-title {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-email-preview {
    background: var(--lpf-bg) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-email-preview__frame,
html.lpf-classic-light body.front-body .ta-main .admin-email-preview__header {
    background: var(--lpf-surface) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-email-preview__brand {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .admin-email-preview__tagline {
    color: var(--lpf-muted) !important;
}

/* ========== Jokers (styles ex lpf26-theme) ========== */
html.lpf-classic-light body.front-body .ta-main .joker-overview-item {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-surface-raised) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-overview-name {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-overview-desc,
html.lpf-classic-light body.front-body .ta-main .joker-overview-usage,
html.lpf-classic-light body.front-body .ta-main .joker-overview-hint {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-overview-badge--available {
    background: var(--lpf-primary-muted) !important;
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-overview-badge--used {
    background: rgb(59 130 246 / 15%) !important;
    color: #93c5fd !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-overview-badge--blocked,
html.lpf-classic-light body.front-body .ta-main .joker-overview-badge--inactive {
    background: var(--lpf-bg) !important;
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-card-joker-mark__icon .ti {
    color: #fff;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-actions {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-popover {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.35rem;
    border-radius: 0.5rem;
    border: 1px solid var(--lpf-border);
}

html.lpf-classic-light body.front-body .ta-main .match-joker-popover[hidden] {
    display: none !important;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-btn--discrete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    border-radius: 0.625rem;
    border: 1px solid rgb(22 163 74 / 24%) !important;
    background: rgb(22 163 74 / 8%) !important;
    color: var(--lpf-link) !important;
    font-size: 0;
    line-height: 1;
    gap: 0;
    box-shadow: none;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-btn--discrete .ti {
    font-size: 1.15rem;
    margin: 0;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-btn--discrete:hover:not(:disabled) {
    background: rgb(22 163 74 / 14%) !important;
    border-color: rgb(22 163 74 / 38%) !important;
    color: var(--lpf-primary-hover) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-btn--discrete.match-joker-btn--remove {
    border-color: rgb(100 116 139 / 28%) !important;
    background: rgb(100 116 139 / 8%) !important;
    color: #64748b !important;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-btn--discrete.match-joker-btn--remove:hover:not(:disabled) {
    background: rgb(100 116 139 / 14%) !important;
    border-color: rgb(100 116 139 / 42%) !important;
    color: #475569 !important;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-popover:not([hidden]) {
    background: var(--lpf-bg) !important;
    border-color: var(--lpf-border) !important;
}

/* Barre prono : alignement et tailles identiques */
html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-joker-actions {
    display: contents;
    margin: 0 !important;
    padding: 0;
    min-height: 0;
}

html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-pronostic-submit.btn.btn-primary,
html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-joker-btn--discrete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    vertical-align: middle;
    width: 2.5rem !important;
    min-width: 2.5rem !important;
    max-width: 2.5rem !important;
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    max-height: 2.5rem !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0.625rem !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    font-size: 0 !important;
    gap: 0 !important;
}

html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-pronostic-submit.btn.btn-primary .ti,
html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-joker-btn--discrete .ti {
    font-size: 1.15rem !important;
    margin: 0 !important;
    line-height: 1 !important;
}

@media (max-width: 767px) {
    html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
    }

    html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-pronostic-submit.btn.btn-primary,
    html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-joker-btn--discrete {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 3.75rem !important;
        min-height: 3.75rem !important;
        max-height: none !important;
        padding: 0 1.15rem !important;
        border-radius: 0.8rem !important;
        font-size: 0.95rem !important;
        gap: 0.4rem !important;
    }

    html.lpf-classic-light body.front-body .ta-main .match-pronostic-submit__label {
        display: inline;
        font-size: 0.95rem !important;
        font-weight: 700;
        line-height: 1;
    }

    html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-pronostic-submit.btn.btn-primary .ti,
    html.lpf-classic-light body.front-body .ta-main .match-pronostic-editor__toolbar .match-joker-btn--discrete .ti {
        font-size: 1.55rem !important;
    }
}

html.lpf-classic-light body.front-body .joker-drawer__panel,
html.lpf-classic-light body.front-body .ta-main .joker-dialog-panel {
    background: var(--lpf-surface) !important;
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .joker-drawer__head {
    background: var(--lpf-surface) !important;
    border-bottom-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .joker-dialog-note {
    background: var(--lpf-surface-raised) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-close {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-item {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-surface-raised) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-item-name {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-item-desc,
html.lpf-classic-light body.front-body .ta-main .joker-dialog-item-reason,
html.lpf-classic-light body.front-body .ta-main .joker-dialog-note,
html.lpf-classic-light body.front-body .ta-main .joker-dialog-match {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-active-card,
html.lpf-classic-light body.front-body .ta-main .joker-dialog-target-picker {
    background: var(--lpf-bg) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-target-select {
    background: var(--lpf-surface-raised) !important;
    border-color: var(--lpf-border) !important;
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-active-target,
html.lpf-classic-light body.front-body .ta-main .match-espion-target {
    color: #c4b5fd !important;
}

html.lpf-classic-light body.front-body .ta-main .match-espion-panel {
    background: transparent !important;
}

html.lpf-classic-light body.front-body .ta-main .match-espion-section-title,
html.lpf-classic-light body.front-body .ta-main .match-espion-meta {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-espion-cotes,
html.lpf-classic-light body.front-body .ta-main .match-espion-empty,
html.lpf-classic-light body.front-body .ta-main .match-espion-team-name {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .match-joker-btn--espion {
    border-color: #93c5fd;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: #1d4ed8;
}

html.lpf-classic-light body.front-body .ta-main .match-espion-irreversible {
    color: var(--lpf-warning) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-message--success {
    color: var(--lpf-link) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-dialog-message--error {
    color: #fca5a5 !important;
}

/* ========== Guide jokers (/jokers) ========== */
html.lpf-classic-light body.front-body .ta-main .joker-guide-rules-summary {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-rules-list,
html.lpf-classic-light body.front-body .ta-main .joker-guide-toolbar-label,
html.lpf-classic-light body.front-body .ta-main .joker-guide-chevron {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-view-switch {
    background: var(--lpf-bg) !important;
    border-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-view-btn {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-view-btn.is-active {
    background: var(--lpf-surface-raised) !important;
    color: var(--lpf-text) !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 35%);
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-carousel-controls {
    border-top-color: var(--lpf-border) !important;
    background: var(--lpf-bg) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-slide-card {
    border-top-color: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-card-name,
html.lpf-classic-light body.front-body .ta-main .joker-guide-card-summary {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-card-details,
html.lpf-classic-light body.front-body .ta-main .joker-guide-card-order {
    color: var(--lpf-muted) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-carousel-dot {
    background: var(--lpf-border) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-carousel-dot.is-active {
    background: var(--lpf-primary) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-accordion-item {
    border-color: var(--lpf-border) !important;
    background: var(--lpf-surface-raised) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-accordion-summary {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-accordion-title {
    color: var(--lpf-text) !important;
}

html.lpf-classic-light body.front-body .ta-main .joker-guide-accordion-panel,
html.lpf-classic-light body.front-body .ta-main .joker-guide-card-details {
    color: var(--lpf-muted) !important;
}