/* Tema preto: elimina as caixas visuais que não aparecem nos temas azul e vinho. */
#app .van-tabs__wrap:has(.wh1navTab) {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#app .tabbar-UME5K {
    background: var(--cms-background-color-primary, #212227) !important;
    background-color: var(--cms-background-color-primary, #212227) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/*
 * Contraste do tema preto.
 * O pacote original usa texto preto em alguns blocos que também ficam pretos
 * nesta pele. Os seletores abaixo são limitados às telas afetadas e não mudam
 * fundos, cores de destaque ou o tema roxo.
 */
#app [class*="notice"] p,
#app [class*="notice"] span,
#app [class*="announce"] p,
#app [class*="announce"] span,
#app [class*="marquee"] p,
#app [class*="marquee"] span,
#app [class*="broadcast"] p,
#app [class*="broadcast"] span {
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
}

/* Central de mensagens / suporte. */
#app [class*="customer"] p,
#app [class*="customer"] span:not([class*="icon"]),
#app [class*="service"] p,
#app [class*="service"] span:not([class*="icon"]),
#app [class*="support"] p,
#app [class*="support"] span:not([class*="icon"]),
#app [class*="message"] p,
#app [class*="message"] span:not([class*="icon"]) {
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
}

/* Login e cadastro: rótulos, textos auxiliares e conteúdo dos campos. */
#app .van-popup [class*="login"] label,
#app .van-popup [class*="login"] p,
#app .van-popup [class*="login"] input,
#app .van-popup [class*="register"] label,
#app .van-popup [class*="register"] p,
#app .van-popup [class*="register"] input,
#app [class*="loginPopup"] label,
#app [class*="loginPopup"] p,
#app [class*="loginPopup"] input,
#app [class*="registerPopup"] label,
#app [class*="registerPopup"] p,
#app [class*="registerPopup"] input {
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
}

#app .van-popup input::placeholder,
#app [class*="login"] input::placeholder,
#app [class*="register"] input::placeholder {
    color: #c9c9c9 !important;
    -webkit-text-fill-color: #c9c9c9 !important;
    opacity: 1 !important;
}

/* Textos comuns dentro do modal, sem alterar os botões amarelos. */
#app .van-popup [class*="field"] span:not([class*="icon"]),
#app .van-popup [class*="form"] label,
#app .van-popup [class*="form"] p,
#app .van-popup [class*="agreement"] span,
#app .van-popup [class*="terms"] span {
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
}
