/* Contraste do deposito sem alterar componentes nativos do tema. */

/* Valores extras (+1, +27...) e explicacao acima dos valores sugeridos. */
html[data-skin-bg="0"] [class*="_amount-input_"] [class*="_title_"] [class*="_tips_"],
html[data-skin-bg="0"] [class*="_amount-input_"] [class*="_title_"] [class*="_tips_"] *,
html[data-skin-bg="0"] [class*="_amount-input_"] [class*="_grid_"] [class*="_describe_"],
html[data-skin-bg="0"] [class*="_amount-input_"] [class*="_grid_"] [class*="_describe_"] * {
  color: #171006 !important;
  -webkit-text-fill-color: #171006 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-skin-bg="1"] [class*="_amount-input_"] [class*="_title_"] [class*="_tips_"],
html[data-skin-bg="1"] [class*="_amount-input_"] [class*="_title_"] [class*="_tips_"] *,
html[data-skin-bg="1"] [class*="_amount-input_"] [class*="_grid_"] [class*="_describe_"],
html[data-skin-bg="1"] [class*="_amount-input_"] [class*="_grid_"] [class*="_describe_"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .35) !important;
}

/*
 * O bloco abaixo vem pronto no campo remark da resposta do deposito.
 * As classes montanha-offer-* sao estaveis e permitem corrigir apenas
 * o texto pedido, sem atingir botoes e componentes internos do Vue.
 */
html[data-skin-bg="0"] .montanha-offer-remark {
  border-color: #7a5600 !important;
}

html[data-skin-bg="0"] .montanha-offer-title-wrap > span,
html[data-skin-bg="0"] .montanha-offer-auto,
html[data-skin-bg="0"] .montanha-offer-item-left > span,
html[data-skin-bg="0"] .montanha-offer-item-cond,
html[data-skin-bg="0"] #expand-btn {
  color: #171006 !important;
  -webkit-text-fill-color: #171006 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-skin-bg="0"] .montanha-offer-title-wrap > span,
html[data-skin-bg="0"] .montanha-offer-item-left > span {
  font-weight: 700 !important;
}

html[data-skin-bg="0"] .montanha-offer-item-cond {
  font-weight: 600 !important;
}

html[data-skin-bg="0"] .montanha-offer-item {
  color: #171006 !important;
  background-color: rgba(39, 27, 3, .12) !important;
  border-left-color: #7a5600 !important;
  opacity: 1 !important;
}

html[data-skin-bg="0"] #expand-btn > span {
  border-color: #171006 !important;
}

html[data-skin-bg="1"] .montanha-offer-title-wrap > span,
html[data-skin-bg="1"] .montanha-offer-auto,
html[data-skin-bg="1"] .montanha-offer-item-left > span,
html[data-skin-bg="1"] .montanha-offer-item-cond,
html[data-skin-bg="1"] #expand-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .35) !important;
}

html[data-skin-bg="1"] .montanha-offer-item {
  background-color: rgba(255, 255, 255, .12) !important;
  opacity: 1 !important;
}

html[data-skin-bg="1"] #expand-btn > span {
  border-color: #ffffff !important;
}

/* Contador: impede LT e a hora de quebrarem linha no celular. */
.montanha-offer-head {
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

.montanha-offer-title-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 6px !important;
}

.montanha-offer-title-wrap > img {
  flex: 0 0 auto !important;
}

.montanha-offer-title-wrap > span {
  font-size: 15px !important;
  line-height: 1.15 !important;
}

.montanha-offer-timer-wrap {
  flex: 0 0 auto !important;
  min-width: 140px !important;
  height: 26px !important;
  white-space: nowrap !important;
}

.montanha-offer-timer-wrap > div {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  line-height: 26px !important;
}

.montanha-offer-timer-wrap > div:first-child {
  padding: 0 12px 0 6px !important;
  margin-right: -9px !important;
  font-size: 12px !important;
}

.montanha-offer-timer-wrap > div:last-child {
  padding: 0 6px 0 12px !important;
  font-size: 13px !important;
}

.montanha-offer-timer-wrap .bonus-timer {
  display: block !important;
  white-space: nowrap !important;
  line-height: 26px !important;
}

html[data-skin-bg="0"] .montanha-offer-timer-wrap {
  border-color: #7a5600 !important;
}

html[data-skin-bg="0"] .montanha-offer-timer-wrap > div:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #7a5600 !important;
}

html[data-skin-bg="0"] .montanha-offer-timer-wrap > div:last-child,
html[data-skin-bg="0"] .montanha-offer-timer-wrap .bonus-timer {
  color: #171006 !important;
  -webkit-text-fill-color: #171006 !important;
}

@media (max-width: 360px) {
  .montanha-offer-title-wrap > span {
    font-size: 14px !important;
  }

  .montanha-offer-timer-wrap {
    min-width: 132px !important;
  }

  .montanha-offer-timer-wrap > div:first-child {
    padding-left: 5px !important;
    padding-right: 10px !important;
  }

  .montanha-offer-timer-wrap > div:last-child {
    padding-left: 10px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
  }
}