/* Ajustes exclusivos do Tema W1. O marcador existe somente no JSON deste tema. */
html[style*="--montanha-theme-w1"] {
  --montanha-w1-primary: #04ccf3;
  --montanha-w1-panel: #02385a;
  --montanha-w1-topbar: #033051;
  --montanha-w1-border: #034570;
  --montanha-w1-text: #ffffff;
  --montanha-w1-muted: #7fb8d2;
  --montanha-button-bg: var(--montanha-w1-primary);
  --montanha-button-text: var(--montanha-w1-text);
  --montanha-button-border: var(--montanha-w1-primary);
  --montanha-action-bg: var(--montanha-w1-primary);
  --montanha-action-text: var(--montanha-w1-text);
  --montanha-action-border: var(--montanha-w1-primary);
}

/* Barra de download: próxima ao fundo, mas com contraste suficiente. */
html[style*="--montanha-theme-w1"] body #app [class*="_top-download_"] {
  background: var(--montanha-w1-topbar) !important;
  background-color: var(--montanha-w1-topbar) !important;
  background-image: none !important;
  color: var(--montanha-w1-text) !important;
}

/* Botões principais do W1, anulando o creme usado pelo Tema Preto. */
html[style*="--montanha-theme-w1"] body .ui-button.ui-button--primary:not(#insideLoginSubmitClick):not(#insideRegisterSubmitClick),
html[style*="--montanha-theme-w1"] body button.ui-button--primary:not(#insideLoginSubmitClick):not(#insideRegisterSubmitClick),
html[style*="--montanha-theme-w1"] body #app #insideLoginSubmitClick,
html[style*="--montanha-theme-w1"] body #app #insideRegisterSubmitClick,
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick,
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick {
  border-color: var(--montanha-button-border) !important;
  background: var(--montanha-button-bg) !important;
  background-color: var(--montanha-button-bg) !important;
  background-image: none !important;
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
  box-shadow: none !important;
}

html[style*="--montanha-theme-w1"] body .ui-button.ui-button--primary:not(#insideLoginSubmitClick):not(#insideRegisterSubmitClick) *,
html[style*="--montanha-theme-w1"] body button.ui-button--primary:not(#insideLoginSubmitClick):not(#insideRegisterSubmitClick) *,
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick *,
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick * {
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
}

/* Formulário Login/Registro e ação Depósito com a mesma cor do Baixar Agora. */
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick,
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick,
html[style*="--montanha-theme-w1"] body #app [class*="_user-action-box_"] button.ui-button--primary {
  border-color: var(--montanha-w1-primary) !important;
  background: var(--montanha-w1-primary) !important;
  background-color: var(--montanha-w1-primary) !important;
  background-image: none !important;
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
}
html[style*="--montanha-theme-w1"] body #app [data-m-modal-direct="1"] {
  border-color: var(--montanha-w1-primary) !important;
  background: var(--montanha-w1-primary) !important;
  background-color: var(--montanha-w1-primary) !important;
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
}
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick *,
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick *,
html[style*="--montanha-theme-w1"] body #app [class*="_user-action-box_"] button.ui-button--primary * {
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
  fill: var(--montanha-w1-text) !important;
  opacity: 1 !important;
}
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick .ui-button__text,
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick .ui-button__text,
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick [class*="text"],
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick [class*="text"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .loginRegisterFragment button#insideLoginSubmitClick.ui-button,
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .loginRegisterFragment button#insideRegisterSubmitClick.ui-button {
  background: var(--montanha-button-bg) !important;
  background-color: var(--montanha-button-bg) !important;
  border-color: var(--montanha-button-border) !important;
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
}
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .loginRegisterFragment button#insideLoginSubmitClick.ui-button .ui-button__text,
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .loginRegisterFragment button#insideRegisterSubmitClick.ui-button .ui-button__text {
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
}

/* O olho da senha conserva a cor original do Tema W1. */
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .ui-input__eye,
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .ui-input__eye i,
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .ui-input__eye svg,
html[style*="--montanha-theme-w1"] body .ui-dialog[class*="_loginRegisterDialog_"] .ui-input__eye path {
  color: var(--montanha-w1-primary) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html[style*="--montanha-theme-w1"] body #app [class*="_user-action-box_"] button#depositClick.ui-button.ui-button--primary {
  background: var(--montanha-button-bg) !important;
  background-color: var(--montanha-button-bg) !important;
  border-color: var(--montanha-button-border) !important;
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
}
html[style*="--montanha-theme-w1"] body #app [class*="_user-action-box_"] #depositClick,
html[style*="--montanha-theme-w1"] body #depositClick {
  background: var(--montanha-button-bg) !important;
  background-color: var(--montanha-button-bg) !important;
  border-color: var(--montanha-button-border) !important;
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
}

/* Login preenchido e Registro contornado, como na referência W1. */
html[style*="--montanha-theme-w1"] body #app [class*="_un-login_"] [class*="_btn_"]:has(#loginClick) {
  border: 1px solid var(--montanha-w1-primary) !important;
  background: var(--montanha-w1-primary) !important;
  background-color: var(--montanha-w1-primary) !important;
}

html[style*="--montanha-theme-w1"] body #app #loginClick {
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
}

html[style*="--montanha-theme-w1"] body #app [class*="_un-login_"] [class*="_btn_"]:has(#registerClickModal) {
  border: 1px solid var(--montanha-w1-primary) !important;
  background: transparent !important;
  background-color: transparent !important;
}

html[style*="--montanha-theme-w1"] body #app #registerClickModal {
  color: var(--montanha-w1-primary) !important;
  -webkit-text-fill-color: var(--montanha-w1-primary) !important;
}

/* Modal pós-cadastro e demais modais Montanha no visual da plataforma W1. */
html[style*="--montanha-theme-w1"] body #montanha-modal-layer .montanha-modal-card {
  border: 1px solid var(--montanha-w1-primary) !important;
  background: var(--montanha-w1-panel) !important;
  background-color: var(--montanha-w1-panel) !important;
  color: var(--montanha-w1-text) !important;
}

html[style*="--montanha-theme-w1"] body #montanha-modal-layer .montanha-modal-card h2,
html[style*="--montanha-theme-w1"] body #montanha-modal-layer .montanha-modal-card p,
html[style*="--montanha-theme-w1"] body #montanha-modal-layer .montanha-modal-close {
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
}

html[style*="--montanha-theme-w1"] body #montanha-signup-modal .m-check {
  border-color: var(--montanha-w1-primary) !important;
  color: var(--montanha-w1-primary) !important;
}

html[style*="--montanha-theme-w1"] body #montanha-signup-modal .m-actions button {
  border: 1px solid var(--montanha-w1-primary) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--montanha-w1-text) !important;
}

html[style*="--montanha-theme-w1"] body #montanha-signup-modal .m-actions button:last-child {
  background: var(--montanha-w1-primary) !important;
  background-color: var(--montanha-w1-primary) !important;
  color: var(--montanha-w1-text) !important;
}

/* Contrato central de cores dos botões do tema. */
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick,
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick,
html[style*="--montanha-theme-w1"] body #depositClick,
html[style*="--montanha-theme-w1"] body #app [class*="_user-action-box_"] .ui-button--primary {
  background: var(--montanha-button-bg) !important;
  background-color: var(--montanha-button-bg) !important;
  border-color: var(--montanha-button-border) !important;
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
}
html[style*="--montanha-theme-w1"] body #insideLoginSubmitClick *,
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick *,
html[style*="--montanha-theme-w1"] body #depositClick * {
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[style*="--montanha-theme-w1"] body #depositClick .ui-button__text,
html[style*="--montanha-theme-w1"] body #depositClick [class*="text"] {
  display: inline !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[style*="--montanha-theme-w1"] body #app [class*="_user-action-box_"] button {
  background: var(--montanha-button-bg) !important;
  background-color: var(--montanha-button-bg) !important;
  border-color: var(--montanha-button-border) !important;
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
}
html[style*="--montanha-theme-w1"] body #app [class*="_user-action-box_"] button * {
  color: var(--montanha-button-text) !important;
  -webkit-text-fill-color: var(--montanha-button-text) !important;
}
html[style*="--montanha-theme-w1"] body #app [class*="offer"] *,
html[style*="--montanha-theme-w1"] body #app [class*="bonus"] *,
html[style*="--montanha-theme-w1"] body #app [class*="activity"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Textos da oferta e dos bônus no depósito permanecem legíveis no W1. */
html[style*="--montanha-theme-w1"] body [class*="_main-recharge_"] :where(h1,h2,h3,h4,h5,h6,p,label,span,div,li,strong,em,small,a),
html[style*="--montanha-theme-w1"] body .ui-popup--bottom[class*="_main-recharge_"] :where(h1,h2,h3,h4,h5,h6,p,label,span,div,li,strong,em,small,a),
html[style*="--montanha-theme-w1"] body #app [class*="_main-recharge_"] [class*="bonus"],
html[style*="--montanha-theme-w1"] body #app [class*="_main-recharge_"] [class*="offer"],
html[style*="--montanha-theme-w1"] body #app [class*="_main-recharge_"] [class*="activity"] {
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
  opacity: 1 !important;
}

/* Registro do formulário e Depósito direto seguem o mesmo ciano do Baixar Agora. */
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick,
html[style*="--montanha-theme-w1"] body button[data-m-modal-direct="1"] {
  border-color: var(--montanha-w1-primary) !important;
  background: var(--montanha-w1-primary) !important;
  background-color: var(--montanha-w1-primary) !important;
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
}
html[style*="--montanha-theme-w1"] body #insideRegisterSubmitClick *,
html[style*="--montanha-theme-w1"] body button[data-m-modal-direct="1"] * {
  color: var(--montanha-w1-text) !important;
  -webkit-text-fill-color: var(--montanha-w1-text) !important;
}
