/*
  Tema BetBoas (so neste site): degrade quente amarelo -> coral -> verde-agua,
  botoes coral, cartoes com efeito vidro e menu inferior verde-agua.
  Carregado DEPOIS de skin-override-firegold.css e skin-effects-firegold.css,
  entao so sobrescreve. Como reverter: remova o <link> deste arquivo do
  index.php e o site volta ao preto/verde/dourado.
*/

/* ---------------------------------------------------------------------
   1. Tokens de cor do tema (--skin__*)
   --------------------------------------------------------------------- */
html {
  /* fundos de paineis/modais: vinho/tijolo quente, texto branco legivel */
  --skin__bg_1: #74283a !important;
  --skin__bg_1__toRgbString: 116,40,58 !important;
  --skin__bg_2: #5a1e2d !important;
  --skin__bg_2__toRgbString: 90,30,45 !important;
  --skin__home_bg: transparent !important;
  --skin__table_bg: #b24a45 !important;
  --skin__table_bg__toRgbString: 178,74,69 !important;
  --skin__filter_bg: #b24a45 !important;
  --skin__filter_bg__toRgbString: 178,74,69 !important;
  --skin__web_filter_gou: #b24a45 !important;
  --skin__web_filter_gou__toRgbString: 178,74,69 !important;
  --skin__leftnav_active: #b24a45 !important;
  --skin__leftnav_active__toRgbString: 178,74,69 !important;
  --skin__ddt_bg: #c0584c !important;
  --skin__ddt_bg__toRgbString: 192,88,76 !important;
  --skin__kb_bg: #c0584c !important;
  --skin__kb_bg__toRgbString: 192,88,76 !important;
  --skin__bs_zc_bg: #b24a45 !important;
  --skin__bs_zc_bg__toRgbString: 178,74,69 !important;

  /* topo transparente sobre o degrade; menu de baixo verde-agua */
  --skin__bs_topnav_bg: transparent !important;
  --skin__web_topbg_1: transparent !important;
  --skin__web_topbg_3: transparent !important;
  --skin__web_bs_yj_bg: #9c3b3f !important;
  --skin__web_bs_yj_bg__toRgbString: 156,59,63 !important;
  --skin__web_btmnav_db: #17a3a6 !important;
  --skin__web_btmnav_db__toRgbString: 23,163,166 !important;
  --skin__btmnav_def: #e6fffd !important;
  --skin__btmnav_def__toRgbString: 230,255,253 !important;
  --skin__btmnav_active: #ffe27a !important;
  --skin__btmnav_active__toRgbString: 255,226,122 !important;

  /* bordas */
  --skin__border: #e98a6c !important;
  --skin__border__toRgbString: 233,138,108 !important;
  --skin__alt_border: #f2b08f !important;
  --skin__alt_border__toRgbString: 242,176,143 !important;
  --skin__web_plat_line: #e98a6c !important;
  --skin__web_plat_line__toRgbString: 233,138,108 !important;
  --skin__bs_zc_an1: #e98a6c !important;
  --skin__bs_zc_an1__toRgbString: 233,138,108 !important;

  /* texto secundario: creme claro */
  --skin__neutral_1: #ffe9d6 !important;
  --skin__neutral_1__toRgbString: 255,233,214 !important;
  --skin__neutral_2: #ffd2b5 !important;
  --skin__neutral_2__toRgbString: 255,210,181 !important;
  --skin__neutral_3: #ffd2b5 !important;
  --skin__neutral_3__toRgbString: 255,210,181 !important;
  --skin__alt_neutral_1: #ffe9d6 !important;
  --skin__alt_neutral_1__toRgbString: 255,233,214 !important;
  --skin__alt_neutral_2: #ffd2b5 !important;
  --skin__alt_neutral_2__toRgbString: 255,210,181 !important;
  --skin__cards_text: #ffe9d6 !important;
  --skin__cards_text__toRgbString: 255,233,214 !important;
  --skin__leftnav_def: #ffe9d6 !important;
  --skin__leftnav_def__toRgbString: 255,233,214 !important;

  /* botoes principais coral com texto branco (Login/Registro, confirmar) */
  --skin__primary: #ff7657 !important;
  --skin__primary__toRgbString: 255,118,87 !important;
  --skin__alt_primary: #ff7657 !important;
  --skin__alt_primary__toRgbString: 255,118,87 !important;
  --skin__btn_color_1: #f7774f !important;
  --skin__btn_color_1__toRgbString: 247,119,79 !important;
  --skin__btn_color_2: #e2423c !important;
  --skin__btn_color_2__toRgbString: 226,66,60 !important;
  --skin__filter_active: #ef5b45 !important;
  --skin__filter_active__toRgbString: 239,91,69 !important;
  --skin__text_primary: #ffffff !important;
  --skin__text_primary__toRgbString: 255,255,255 !important;
  --skin__alt_text_primary: #ffffff !important;
  --skin__alt_text_primary__toRgbString: 255,255,255 !important;

  /* dourado de destaque (valores, VIP, icones) */
  --skin__accent_3: #ffc83d !important;
  --skin__accent_3__toRgbString: 255,200,61 !important;
  --skin__icon_1: #ffd45c !important;
  --skin__icon_1__toRgbString: 255,212,92 !important;
  --skin__label_accent3: #ffc83d !important;
  --skin__label_accent3__toRgbString: 255,200,61 !important;
  --skin__jdd_vip_bjc: #ffc83d !important;
  --skin__jdd_vip_bjc__toRgbString: 255,200,61 !important;
  --skin__text_accent3: #4a2400 !important;
  --skin__labeltext_accent3: #4a2400 !important;
  --skin__accent_1: #3ee08a !important;
  --skin__accent_1__toRgbString: 62,224,138 !important;
  --skin__web_load_zz: rgba(255,200,61,0.45) !important;
}

/* ---------------------------------------------------------------------
   2. Fundo degrade da pagina
   --------------------------------------------------------------------- */
html, body {
  background: #f39a5a linear-gradient(180deg,
    #f9c94f 0%, #f6a85a 16%, #ef7a5c 34%, #e9677a 50%,
    #d86f8d 60%, #57b7b0 82%, #1ea5a8 100%) fixed !important;
  min-height: 100%;
}
[class*="_base-layout_"], [class*="_base-view_"], ._footerBox_a30j0_30 {
  background: transparent !important;
}

/* ---------------------------------------------------------------------
   3. Topo: transparente, logo e botoes coral
   --------------------------------------------------------------------- */
.lobby-home-header-container {
  background: linear-gradient(180deg, rgba(249,201,79,0.95), rgba(249,201,79,0)) !important;
  box-shadow: none !important;
}
.custom-logo {
  filter: drop-shadow(0 2px 3px rgba(90,20,30,0.45)) !important;
}
._btn_cvqqm_43 {
  background-color: #e2503f !important;
  background-image: linear-gradient(180deg, #f07052, #d63d35) !important;
  color: #fff !important;
  border: 1px solid rgba(255,220,200,0.7) !important;
  border-radius: 8px !important;
  box-shadow: 0 3px 8px -2px rgba(140,30,20,0.55) !important;
  animation: none !important;
}
._btn_cvqqm_43 * { color: #fff !important; }

/* ---------------------------------------------------------------------
   4. Letreiro de ganhadores: capsula dourada translucida
   --------------------------------------------------------------------- */
#fg-winticker {
  background: linear-gradient(90deg, rgba(255,214,120,0.75), rgba(255,190,110,0.55)) !important;
  border: 1px solid rgba(255,243,210,0.85) !important;
  box-shadow: 0 3px 10px -4px rgba(150,60,0,0.45);
}
#fg-winticker .fg-wt-text {
  color: #5a2a00 !important;
  font-size: 12px;
}

/* ---------------------------------------------------------------------
   5. Texto correndo (marquee): capsula de vidro
   --------------------------------------------------------------------- */
._marquee_xxjsk_34 {
  background: rgba(255,255,255,0.18) !important;
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 999px;
  padding: 2px 10px;
  margin: 0 12px;
}
._marquee_xxjsk_34, ._marquee_xxjsk_34 * { color: #fff !important; }

/* ---------------------------------------------------------------------
   6. Popular / Slots / Recente: botoes grandes de vidro
   --------------------------------------------------------------------- */
.ui-tab:has(._tab-item-title_19dm6_30) {
  border-radius: 26px !important;
  border: 1.5px solid rgba(255,255,255,0.6) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.32), rgba(255,255,255,0.12)) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 16px -6px rgba(120,40,40,0.45), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.ui-tab--active:has(._tab-item-title_19dm6_30) {
  background: linear-gradient(180deg, rgba(255,236,170,0.9), rgba(255,190,90,0.75)) !important;
  border-color: #fff8e0 !important;
  box-shadow: 0 0 18px 2px rgba(255,220,120,0.8), 0 6px 16px -6px rgba(120,40,40,0.45) !important;
}
._text_19dm6_56 { color: #fff !important; text-shadow: 0 1px 2px rgba(120,40,40,0.5); }
.ui-tab--active ._text_19dm6_56 { color: #6a2c00 !important; text-shadow: none; }

/* ---------------------------------------------------------------------
   7. Selos (Promocao/Recompensas/...) e cards de jogo em tons quentes
   --------------------------------------------------------------------- */
._marketing-item_tnolq_68 {
  background: rgba(255,255,255,0.2) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 4px 10px -4px rgba(120,40,40,0.45) !important;
}
._marketing-title_tnolq_118 p,
._marketing-item_tnolq_68:nth-of-type(n) ._marketing-title_tnolq_118 p { color: #fff !important; }
._poster-box_1tvdt_33 {
  outline-color: rgba(255,255,255,0.55) !important;
  box-shadow: 0 6px 14px -6px rgba(120,40,40,0.55) !important;
}
._poster-box_1tvdt_33:hover, ._poster-box_1tvdt_33:active {
  outline-color: #ffe27a !important;
  box-shadow: 0 0 18px -2px rgba(255,210,100,0.85) !important;
}

/* ---------------------------------------------------------------------
   8. Menu inferior verde-agua com marcador dourado
   --------------------------------------------------------------------- */
._tabbar_gtdvm_34 {
  background: linear-gradient(180deg, #22b3b3, #138f93) !important;
  border-top: 1px solid rgba(255,255,255,0.35) !important;
  box-shadow: 0 -4px 14px -6px rgba(0,60,60,0.5);
}
.ui-tab--active:not(:has(._tab-item-title_19dm6_30))::after {
  background: #ffe27a !important;
  box-shadow: 0 0 10px 2px rgba(255,226,122,0.9) !important;
}

/* ---------------------------------------------------------------------
   9. Saldo no topo (jogador logado): capsula vinho pra ler bem sobre o
      amarelo — valor dourado claro em negrito, icone de atualizar branco
   --------------------------------------------------------------------- */
.lobby-home-header-container [class*="_currency-info-box_"] {
  --currency-info-box-background-color: rgba(90,24,40,0.88);
  --currency-info-box-border-color: rgba(255,236,190,0.9);
  --currency-info-currency-count-color: #ffe27a;
  --currency-info-currency-count-border-color: #ffe27a;
  --currency-info-currency-font-weight: 800;
  --currency-info-refresh-icon-color: #ffffff;
  --currency-info-popover-icon-color: #ffffff;
  box-shadow: 0 3px 8px -2px rgba(110,30,20,0.5);
}
.lobby-home-header-container [class*="_currency-info-box_"] [class*="_currency-count_"] {
  color: #ffe27a !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.35);
}

/* ---------------------------------------------------------------------
   10. Logo maior no topo: a imagem foi recortada (sem sobra transparente),
       entao a caixa passa a crescer na largura mantendo a altura do topo.
   --------------------------------------------------------------------- */
.lobby-home-header-container [class*="_logo-box_"] {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
}
.lobby-home-header-container .custom-logo {
  height: 25px !important;
  width: auto !important;
  max-width: 125px !important;
  max-height: none !important;
  object-fit: contain !important;
}