/**
 * Odd da Sorte — dark identity overlay (must load LAST).
 * Forces remaining white shells to charcoal; keeps orange header + green CTAs.
 * Featured 1x2 / Super Odd stake buttons and wallet pill stay white (ref photo).
 */
html.html-app-esportiva {
  color-scheme: dark;
}

html.html-app-esportiva,
html.html-app-esportiva body,
html.html-app-esportiva #app,
html.html-app-esportiva #infinitysoft,
html.html-app-esportiva .bg-base,
html.html-app-esportiva .background-color-cassino,
html.html-app-esportiva .center-content,
html.html-app-esportiva .app-shell-width,
html.html-app-esportiva .layout-wrap,
html.html-app-esportiva .page-wrap,
html.html-app-esportiva .footer-color,
html.html-app-esportiva footer,
html.html-app-esportiva .back-sub-color,
html.html-app-esportiva .item-sub-color {
  background: #12151a !important;
  background-color: #12151a !important;
  color: #f4f6f8 !important;
}

/* Tailwind light utilities used across Vue pages */
html.html-app-esportiva .bg-white,
html.html-app-esportiva .bg-slate-50,
html.html-app-esportiva .bg-slate-100,
html.html-app-esportiva .bg-gray-50,
html.html-app-esportiva .bg-gray-100,
html.html-app-esportiva .bg-gray-200,
html.html-app-esportiva .bg-neutral-50,
html.html-app-esportiva .bg-neutral-100,
html.html-app-esportiva .bg-zinc-50,
html.html-app-esportiva .bg-zinc-100,
html.html-app-esportiva .bg-stone-50,
html.html-app-esportiva .bg-stone-100 {
  background-color: #20242d !important;
}

html.html-app-esportiva .text-gray-800,
html.html-app-esportiva .text-gray-900,
html.html-app-esportiva .text-gray-700,
html.html-app-esportiva .text-slate-800,
html.html-app-esportiva .text-slate-900,
html.html-app-esportiva .text-neutral-800,
html.html-app-esportiva .text-neutral-900,
html.html-app-esportiva .text-black {
  color: #f4f6f8 !important;
}

html.html-app-esportiva .text-gray-500,
html.html-app-esportiva .text-gray-600,
html.html-app-esportiva .text-slate-500,
html.html-app-esportiva .text-slate-600 {
  color: #a0aec0 !important;
}

html.html-app-esportiva .border-gray-100,
html.html-app-esportiva .border-gray-200,
html.html-app-esportiva .border-gray-300,
html.html-app-esportiva .border-slate-100,
html.html-app-esportiva .border-slate-200,
html.html-app-esportiva .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html.html-app-esportiva .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

html.html-app-esportiva input:not([type="checkbox"]):not([type="radio"]),
html.html-app-esportiva textarea,
html.html-app-esportiva select,
html.html-app-esportiva .auth-modal-input {
  background-color: #1a1d23 !important;
  color: #f4f6f8 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html.html-app-esportiva input::placeholder,
html.html-app-esportiva textarea::placeholder {
  color: #8b95a5 !important;
}

html.html-app-esportiva #pixLoadingOverlay,
html.html-app-esportiva #pixLoadingOverlay.show,
html.html-app-esportiva #pixLoadingOverlay.pix-loading-overlay--premium {
  background-color: rgba(18, 21, 26, 0.92) !important;
  background-image: none !important;
}

/* ========== NAV / SHELL ========== */
html.html-app-esportiva .bottom-nav__shell,
html.html-app-esportiva .background-bottom-navigation,
html.html-app-esportiva .eb-drawer,
html.html-app-esportiva .eb-drawer__row,
html.html-app-esportiva .footer-link-panel {
  background: #0b0e11 !important;
  background-color: #0b0e11 !important;
  color: #f4f6f8 !important;
}

html.html-app-esportiva .eb-drawer {
  background: #20242d !important;
  background-color: #20242d !important;
}

html.html-app-esportiva .sb-game-search__form,
html.html-app-esportiva .search-back {
  background: #1a1d23 !important;
  background-color: #1a1d23 !important;
  color: #f4f6f8 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ========== FEATURED / LEAGUE CARDS ========== */
html.html-app-esportiva .fob-card,
html.html-app-esportiva .fob-card__head-meta,
html.html-app-esportiva .fmw-card,
html.html-app-esportiva .lf-card,
html.html-app-esportiva .lf-card__head,
html.html-app-esportiva .eb-cal,
html.html-app-esportiva .eb-cal__card,
html.html-app-esportiva .eb-cal__head,
html.html-app-esportiva .mobile-league-strip,
html.html-app-esportiva .mls-card {
  background: #20242d !important;
  background-color: #20242d !important;
  color: #ffffff !important;
}

/* Super Odds — texto legível como referência (branco / cinza claro) */
html.html-app-esportiva .fob-card__side strong,
html.html-app-esportiva .fob-card__bet-txt strong,
html.html-app-esportiva .fob-card__pop--game,
html.html-app-esportiva .fob-inline__title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.html-app-esportiva .fob-card__when,
html.html-app-esportiva .fob-card__ctx,
html.html-app-esportiva .fob-card__bet-txt span,
html.html-app-esportiva .fob-card__rule,
html.html-app-esportiva .fob-card__used {
  color: #a0aec0 !important;
}

html.html-app-esportiva .fob-card__vs {
  background: #3a4150 !important;
  color: #ffffff !important;
}

html.html-app-esportiva .fob-card__crest-ph {
  background: #252932 !important;
  color: #f4f6f8 !important;
}

html.html-app-esportiva .fob-card__streak {
  background: linear-gradient(
    180deg,
    rgba(255, 61, 0, 0) 0%,
    rgba(255, 61, 0, 0.08) 100%
  ) !important;
}

html.html-app-esportiva .fob-card__watermark {
  color: #ff3d00 !important;
  opacity: 0.12 !important;
}

html.html-app-esportiva .fob-card__dot {
  background: #ff3d00 !important;
}

/* Botão de odd Super Odds — escuro como "ADICIONAR AO BILHETE" (foto 1) */
html.html-app-esportiva .fob-card__odds-btn {
  background: #252932 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

html.html-app-esportiva .fob-card__odd-from,
html.html-app-esportiva .fob-card__odd-arr {
  color: #a0aec0 !important;
}

html.html-app-esportiva .fob-card__odd-to {
  color: #2ecc71 !important;
}

/* Featured match 1x2 — nomes brancos */
html.html-app-esportiva .fmw-card__team-name,
html.html-app-esportiva .fmw-card__league-name {
  color: #ffffff !important;
}

html.html-app-esportiva .fmw-card__meta-line {
  color: #a0aec0 !important;
}

html.html-app-esportiva .fmw-card__odd {
  background: #252932 !important;
  color: #ffffff !important;
  border: 0 !important;
}

html.html-app-esportiva .fmw-card__odd-val {
  color: #2ecc71 !important;
}

html.html-app-esportiva .fmw-card__odd-lbl {
  color: #ffffff !important;
}

html.html-app-esportiva .fmw-card__odd--selected {
  background: #ff3d00 !important;
}
html.html-app-esportiva .fmw-card__odd--selected .fmw-card__odd-val,
html.html-app-esportiva .fmw-card__odd--selected .fmw-card__odd-lbl {
  color: #ffffff !important;
}

/* League feed / event rows */
html.html-app-esportiva .lf-card__head,
html.html-app-esportiva .lf-card__title,
html.html-app-esportiva .lf-card strong,
html.html-app-esportiva .event-card__team,
html.html-app-esportiva .event-card__name {
  color: #ffffff !important;
}

html.html-app-esportiva .lf-card__count,
html.html-app-esportiva .lf-card__mkt,
html.html-app-esportiva .event-card__meta {
  color: #a0aec0 !important;
}

html.html-app-esportiva .eb-cal__day--on {
  background: rgba(255, 61, 0, 0.18) !important;
  color: #ff3d00 !important;
}

/* ========== SPORT SINGLE ========== */
html.html-app-esportiva .ssp-crumb,
html.html-app-esportiva .ssp-crumb__icon,
html.html-app-esportiva .ssp-hero,
html.html-app-esportiva .ssp-hero__wm,
html.html-app-esportiva .ssp-live-bar__body,
html.html-app-esportiva .details-tabs,
html.html-app-esportiva .ssp-mkt-chip,
html.html-app-esportiva .ssp-mkt,
html.html-app-esportiva .ssp-mkt-empty,
html.html-app-esportiva .stats-table,
html.html-app-esportiva .stats-empty,
html.html-app-esportiva .standings-premium-wrap {
  background: #20242d !important;
  background-color: #20242d !important;
  color: #f4f6f8 !important;
}

html.html-app-esportiva .details-tabs .active,
html.html-app-esportiva .ssp-tab.active {
  background: rgba(255, 61, 0, 0.18) !important;
  color: #ff3d00 !important;
}

/* ========== BETSLIP ========== */
html.html-app-esportiva .eb-ticket-rail,
html.html-app-esportiva .eb-ticket-sheet,
html.html-app-esportiva .eb-ticket-sheet__body,
html.html-app-esportiva .eb-ticket-sheet__head,
html.html-app-esportiva .eb-ticket-sheet__foot,
html.html-app-esportiva .eb-stake__box,
html.html-app-esportiva .eb-stake__chip,
html.html-app-esportiva .eb-ticket-empty__stub,
html.html-app-esportiva .betslip-sidebar,
html.html-app-esportiva .betslip-panel,
html.html-app-esportiva .betslip-mobile-sheet {
  background: #20242d !important;
  background-color: #20242d !important;
  color: #f4f6f8 !important;
}

/* ========== AUTH MODAL ========== */
html.html-app-esportiva .modal-auth-sheet,
html.html-app-esportiva .modal-auth-card,
html.html-app-esportiva .eb-auth-head,
html.html-app-esportiva .auth-form-shell,
html.html-app-esportiva .auth-h2-cta--ghost,
html.html-app-esportiva .input-group,
html.html-app-esportiva .auth-checkbox--h2 {
  background: #20242d !important;
  background-color: #20242d !important;
  color: #f4f6f8 !important;
}

/* ========== PROFILE / FINANCE ========== */
html.html-app-esportiva .eb-account__sheet,
html.html-app-esportiva .eb-account__cta--ghost,
html.html-app-esportiva .eb-account__rail-ico,
html.html-app-esportiva .eb-ajustes__sheet,
html.html-app-esportiva .eb-ajustes__input,
html.html-app-esportiva .eb-ajustes__cta--ghost,
html.html-app-esportiva .eb-fin-chrome,
html.html-app-esportiva .eb-pix-sheet,
html.html-app-esportiva .eb-pix-actions__ghost,
html.html-app-esportiva .tax-modal-card,
html.html-app-esportiva .tax-qr-image,
html.html-app-esportiva .tax-pix-input,
html.html-app-esportiva .sgf-wd-review,
html.html-app-esportiva .sgf-wd-review__card {
  background: #20242d !important;
  background-color: #20242d !important;
  color: #f4f6f8 !important;
}

html.html-app-esportiva .eb-account__rail-ico,
html.html-app-esportiva .eb-pix-sheet__badge,
html.html-app-esportiva .eb-pix-type--on,
html.html-app-esportiva .sgf-wd-review__icon-wrap {
  background: rgba(255, 61, 0, 0.16) !important;
  color: #ff3d00 !important;
}

/* Soft peach accents → dark orange tint */
html.html-app-esportiva [style*="background: #fff1ea"],
html.html-app-esportiva [style*="background:#fff1ea"],
html.html-app-esportiva [style*="background: #fff8f5"],
html.html-app-esportiva [style*="background:#fff8f5"] {
  background: rgba(255, 61, 0, 0.16) !important;
}

/* ========== SUPPORT CHAT ========== */
html.html-app-esportiva .sc-window,
html.html-app-esportiva .sc-window__head,
html.html-app-esportiva .sc-window__foot,
html.html-app-esportiva .sc-msg__bubble,
html.html-app-esportiva .sc-empty__icon,
html.html-app-esportiva .sc-error {
  background: #20242d !important;
  background-color: #20242d !important;
  color: #f4f6f8 !important;
}

/* ========== KEEP WHITE (reference photo) ========== */
/* Wallet pill + profile on orange header */
html.html-app-esportiva nav.navbar .nav-wallet__pill,
html.html-app-esportiva nav.navbar .nav-top__profile-btn {
  background: #fff !important;
}
html.html-app-esportiva nav.navbar .nav-wallet__amount {
  color: #1b2430 !important;
}

/* Crest chips can stay white for logo contrast */
html.html-app-esportiva .fmw-card__crest,
html.html-app-esportiva .fmw-card__ball-wrap--logo {
  background: #fff !important;
}

/* Bilhete / múltipla — tipografia como referência */
html.html-app-esportiva .eb-ticket,
html.html-app-esportiva .eb-ticket__side-title,
html.html-app-esportiva .eb-ticket-empty__title,
html.html-app-esportiva .eb-ticket__cta,
html.html-app-esportiva .eb-ticket__sel-name,
html.html-app-esportiva .eb-ticket__sel-pick,
html.html-app-esportiva .eb-ticket__sel strong {
  color: #ffffff !important;
}

html.html-app-esportiva .eb-ticket-empty__text,
html.html-app-esportiva .eb-ticket__sel-mkt,
html.html-app-esportiva .eb-ticket__hint,
html.html-app-esportiva .eb-ticket__meta {
  color: #a0aec0 !important;
}

html.html-app-esportiva .eb-ticket__cta,
html.html-app-esportiva .eb-ticket__place,
html.html-app-esportiva .eb-ticket__add-markets {
  background: #252932 !important;
  color: #ffffff !important;
  border-color: #ff3d00 !important;
}

html.html-app-esportiva .eb-ticket__place .eb-ticket__odd,
html.html-app-esportiva .eb-ticket__cta .eb-ticket__odd,
html.html-app-esportiva .eb-ticket__total-odd {
  color: #2ecc71 !important;
}

html.html-app-esportiva .h2-overlay-panel,
html.html-app-esportiva .drawer-panel,
html.html-app-esportiva .wallet-layout,
html.html-app-esportiva .page-card {
  background-color: #20242d !important;
  color: #f4f6f8 !important;
}

html.html-app-esportiva .odd-tile--h2,
html.html-app-esportiva .odd-tile,
html.html-app-esportiva .event-card--h2list .odd-tile--h2,
html.html-app-esportiva .event-card--feed .odd-tile--h2,
html.html-app-esportiva .event-card--h2list .odd-tile--h2.odd-tile--h2-live:not(.odd-tile--selected),
html.html-app-esportiva .lf-card .odd-tile--h2,
html.html-app-esportiva .ssp-mkt .odd-tile,
html.html-app-esportiva .ssp-mkt__grid button {
  background: #252932 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.html-app-esportiva .odd-tile__val,
html.html-app-esportiva .odd-tile__val--h2,
html.html-app-esportiva .event-card--h2list .odd-tile--h2 .odd-tile__val,
html.html-app-esportiva .lf-card .odd-tile__val,
html.html-app-esportiva .lf-card .odd-tile__val--h2 {
  color: #2ecc71 !important;
}

html.html-app-esportiva .odd-tile__pick,
html.html-app-esportiva .event-card--h2list .odd-tile--h2 .odd-tile__pick {
  color: #a0aec0 !important;
}

html.html-app-esportiva .odd-tile--selected,
html.html-app-esportiva .event-card--h2list .odd-tile--h2.odd-tile--selected,
html.html-app-esportiva .lf-card .odd-tile--selected {
  background: #ff3d00 !important;
  border-color: #ff3d00 !important;
}

html.html-app-esportiva .odd-tile--selected .odd-tile__val,
html.html-app-esportiva .odd-tile--selected .odd-tile__val--h2,
html.html-app-esportiva .odd-tile--selected .odd-tile__pick,
html.html-app-esportiva .event-card--h2list .odd-tile--h2.odd-tile--selected .odd-tile__val,
html.html-app-esportiva .event-card--h2list .odd-tile--h2.odd-tile--selected .odd-tile__pick {
  color: #ffffff !important;
}

/* Bilhete CTA — setas legíveis no fundo escuro */
html.html-app-esportiva .eb-ticket__place,
html.html-app-esportiva .eb-ticket__cta--place,
html.html-app-esportiva .eb-ticket__add {
  background: #252932 !important;
  color: #ffffff !important;
}
html.html-app-esportiva .eb-ticket__place .eb-ticket__sep,
html.html-app-esportiva .eb-ticket__place .eb-ticket__arrows,
html.html-app-esportiva .eb-ticket__chevron,
html.html-app-esportiva .eb-ticket__place span[aria-hidden] {
  color: #a0aec0 !important;
}