.div-logo {
  margin-left: 10px;
}

/* Header */
.header-topbar {
  background-image: linear-gradient(
    88deg,
    var(--primary-50),
    var(--secondary-200)
  );
  border-bottom: 2px solid var(--accent-500);
}

.btn-menu {
  color: var(--green-700);
}

/* O comuns so define background-size acima de 800px, entao no mobile a
   logo aparecia recortada no tamanho natural dentro dos 40px do header */
.img-logo-header {
  background-size: contain;
  background-position: left center;
}

.header__div-user > label {
  color: var(--secondary-text);
}

.dropdown > button {
  border: 1px solid var(--secondary-border);
}

.dropdown > button > i {
  color: var(--green-700);
}

.gender__dropdown,
.gender__dropdown > div {
  border: 1px solid var(--secondary-border);
}

.container__dropdown,
.container__input {
  color: var(--secondary-text);
}

#header_user-icon {
  color: var(--green-700);
}

/* Checkbox herdado do comuns vem com texto branco */
.checkbox label {
  color: var(--secondary-text) !important;
}

.checkbox input[type="checkbox"] + label::after {
  color: var(--green-500) !important;
}

/* Sidebar em verde */
.sidebar {
  background-image: linear-gradient(
    180deg,
    var(--green-800),
    var(--green-900)
  );
  border-right: 2px solid var(--accent-500);
}

.sidebar__btns > button,
.sidebar__button > button {
  color: var(--white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.sidebar__btns > button:hover,
.sidebar__button > button:hover {
  background-color: var(--green-700) !important;
  color: var(--accent-300);
}

.sidebar__btns > button > img,
.sidebar__icon--align > div > img {
  filter: brightness(0) invert(1);
}

/* Login / modais */
.login-content {
  background-color: var(--secondary-50);
  box-shadow: 0px 2px 10px var(--box-shadow);
}

.login-content > i {
  border: 2px solid var(--secondary-border);
  color: var(--secondary-text);
}

.modal-content {
  background-color: var(--secondary-50);
  color: var(--secondary-text);
}

.modal-login__input,
.modal-login__input:focus {
  border: 1px solid var(--secondary-border);
}

.modal__login--sign-up,
.modal__login--sign-up > label {
  color: var(--green-700);
}

.modal-sign-up__btn {
  background-color: var(--green-500);
}

.modal-sign-up__btn:hover {
  background-color: var(--green-700);
}

.close-btn-color {
  filter: invert(1) !important;
}

/* Botao de deposito e CTAs do header */
.button-sign-in,
.deposit-btn {
  background-color: var(--accent-500);
  color: var(--primary-900);
}

.button-sign-in:hover,
.deposit-btn:hover {
  background-color: var(--accent-600);
}

/* Destaques em ambar precisam de tom escuro sobre fundo claro */
.modal__section-info > div > b,
.loading-div > div > span,
.dream-list .dream-list__item .dream-list__item-title,
.dream-list__item-animal p strong,
.premios__table-cell--highlight,
.premios__title,
.payment__title,
.share--afiliado-title-main,
.games__section--see-all:hover,
.copy__icon--color,
.terms__div-checkbox > div > div > b > a:hover,
.portal__footer__section-content-txt > span > a:hover {
  color: var(--accent-700);
}

.button-login {
  border: 1px solid var(--green-500) !important;
  color: var(--green-700) !important;
}

.button-login:focus {
  color: var(--green-700);
}

.loader {
  border: 2px solid var(--green-500) !important;
  border-bottom-color: var(--secondary-300) !important;
}

/* Loader e botoes de sugestao herdam tons claros da escala */
.dot-pulse,
.dot-pulse::before,
.dot-pulse::after {
  --accent-100: var(--green-500);
}

.payment__btn--parent-sugestion > div > div > button,
.tabela_inversao--destaque {
  --accent-50: var(--green-700);
}

/* Banners da landing page em verde */
.landingpage__banner > section {
  background-image: linear-gradient(
    90deg,
    var(--green-800),
    var(--green-600)
  );
}

.landingpage__banner > section > div > b {
  color: var(--white);
}

.landingpage__banner > section > div > span {
  color: var(--green-100);
}

.landingpage__banner > section > div > button {
  background-color: var(--accent-500);
  color: var(--primary-900);
}

.landingpage__banner > section > div > button:hover {
  background-color: var(--accent-600);
}

.landingpage__banner-portal {
  background-color: var(--green-800);
}

.landingpage__banner-portal > section > section {
  background-color: var(--green-900);
}

/* Resultados */
.results__card {
  background-color: var(--secondary-50);
  border: 1px solid var(--secondary-border);
  box-shadow: 0px 2px 8px var(--box-shadow);
  color: var(--secondary-text);
}

.results__card > table {
  color: var(--secondary-text);
}

.results__table-align-results > div,
.results__table-grupo > span {
  background-color: var(--green-500);
  color: var(--white);
}

.results__table-align-results-especiais > div {
  background-color: var(--accent-500);
  color: var(--primary-900);
}

/* Carteira */
.wallet__div-overlay,
.wallet__div {
  color: var(--secondary-text);
}

.wallet_div-values > :first-child {
  color: var(--tertiary);
}

.wallet__div-title > span {
  color: var(--accent-700);
}

/* Pagamento */
.payment--background {
  background-image: radial-gradient(
    circle at bottom center,
    var(--primary) 15px,
    var(--secondary-300)
  );
  color: var(--secondary-text);
}

.payment__loader {
  border: 2px solid var(--green-500) !important;
  border-bottom-color: var(--secondary-300) !important;
}

.payment--form > label,
.payment__section--value,
.payment__section--suport,
.payment--form__pix-div,
.game--config {
  color: var(--secondary-text);
}

.payment__div--balance > span {
  color: var(--accent-700);
}

.payment__div-radio {
  border: 1px solid var(--secondary-border) !important;
}

/* Tabelas e listagens */
.w3-striped tbody tr:nth-child(odd) {
  color: var(--secondary-text);
}

.table-rancking > thead {
  background-color: var(--accent-500);
  color: var(--primary-900);
}

.tabela_inversao {
  color: var(--secondary-text);
}

.tabela_inversao > tbody > tr > td > strong {
  color: var(--green-700);
}

/* Titulos de conteudo */
.dreams > h3,
.wrapper-regras h2,
.wrapper-regras .aposta h3 {
  color: var(--green-700);
}

.wrapper-regras h1 {
  color: var(--green-500);
}

/* Provedores */
.providers__section--tipos > div > span {
  color: var(--secondary-text);
}

.providers__section--tipos--selected {
  color: var(--green-700) !important;
  text-shadow: none;
}

.filter--active {
  color: var(--white);
}

/* Alertas e badges */
.test-alert {
  color: var(--primary-900);
}

.w3-badge {
  background-color: var(--accent-500) !important;
  color: var(--primary-900) !important;
}

.progress-bar__fill {
  background-color: var(--accent-500);
  color: var(--primary-900);
}

/* Download PWA */
.download__div {
  background-color: var(--green-900);
  color: var(--neutral-50);
}

.download_btn {
  background-color: var(--accent-500);
  color: var(--primary-900);
}

.download_btn-cancel {
  color: var(--secondary-text);
}

/* Tabela de maiores premios (comuns/table_premiacoes_colors.css) */
.premios {
  color: var(--secondary-text);
}

.premios__table-header {
  background-color: var(--green-700);
  color: var(--white);
}

.premios__table-cell {
  background-color: var(--secondary-50);
  color: var(--secondary-text);
}

.premios__table-row--high-prize .premios__table-cell {
  background: linear-gradient(90deg, var(--green-100), var(--secondary-50));
  color: var(--secondary-text);
}

.premios__table-row--category .premios__table-cell {
  background-color: var(--secondary-300);
  color: var(--green-700);
}

.premios__table-row--total .premios__table-cell {
  background-color: var(--secondary-200);
  color: var(--green-700);
}

.premios__table-cell--highlight,
.premios__table-row--high-prize .premios__table-cell--highlight,
.premios__table-row--total .premios__table-cell--highlight {
  color: var(--accent-700);
}

.premios__table-row:not(.premios__table-row--category):not(
    .premios__table-row--total
  ):hover
  .premios__table-cell {
  background-color: var(--secondary-300) !important;
}

/* Rodape */
#main___content--footer {
  background-color: var(--secondary-200);
  border-top: 2px solid var(--accent-500);
}

.portal__footer__section-content {
  color: var(--secondary-text);
}

.portal__footer__section-content-shortcut > div > button {
  color: var(--primary-text) !important;
}

.portal__footer__section-content-help > button {
  color: var(--primary-text);
}

/* Os SVGs do projeto sao brancos: recolorir para o verde da marca */
.pages-topbar > button > img,
.portal__footer__section-content-shortcut > div > button > img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(69%) saturate(1500%)
    hue-rotate(93deg) brightness(92%) contrast(98%);
}

.portal__footer__section-svg > img[src$=".svg"],
.portal__footer__section-svg > img[src*="gaming-labs"] {
  filter: brightness(0) saturate(100%) opacity(0.7);
}

.mobile-footer {
  background-image: linear-gradient(
    45deg,
    var(--primary-50),
    var(--primary-50),
    var(--secondary-200),
    var(--accent-50)
  ) !important;
  border-top: 2px solid var(--accent-500);
  color: var(--secondary-text);
}

/* Icones da barra mobile sao SVGs brancos com sombra preta (feitos para
   fundo escuro); o filter substitui a sombra pelo verde da marca */
.mobile-footer > div > div > img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(69%) saturate(1500%)
    hue-rotate(93deg) brightness(92%) contrast(98%);
}

.mobile-footer--logo > div > span {
  filter: drop-shadow(0px 1px 2px var(--box-shadow));
}

/* Confirmacao de e-mail */
.email_confirmation {
  background: linear-gradient(
    180deg,
    var(--green-800) 81.33%,
    var(--green-900) 109.43%
  );
}

.email_confirmation-gradient {
  background: linear-gradient(
    180deg,
    var(--green-800) 81.33%,
    var(--accent-500) 109.43%
  ) !important;
}