/* Custom Tabbar Styling - 3D Icons Footer */

/* Esconder completamente a barra antiga do SPA e do Perfil com especificidade máxima */
html body ._homebarsBox_tecje_55,
html body div[class*="_homebarsBox_"],
html body #js_tabbar,
html body .tabbar-UME5K,
html body .layout-footer:not(.custom-global-tabbar) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -99999px !important;
    left: -99999px !important;
    pointer-events: none !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

html body ._homebarsBox_tecje_55 *,
html body div[class*="_homebarsBox_"] * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Modais, popups, login, registro e overlays SEMPRE na frente da tabbar */
._modalBox_15y2v_55,
div[class*="_modalBox_"],
._loginBox_12w2x_55,
div[class*="_loginBox_"],
._download_app_gbvvf_55,
div[class*="_download_app_"],
.van-overlay,
.van-popup,
.ui-dialog,
.van-dialog,
.van-toast,
#logRegBlock {
    z-index: 1000000 !important;
}

/* Popup / Banner de Download do App - deve ficar na frente da tabbar */
._download_app_gbvvf_55,
div[class*="_download_app_"] {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 1000000 !important;
    box-shadow: 0 -6px 25px rgba(0, 0, 0, 0.6) !important;
}

/* Container do Rodapé / Tabbar */
.custom-global-tabbar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 900 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

._tabbar-inner-container {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
}

._tabbar-bg_1tlow_140 {
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    width: 100% !important;
    position: relative !important;
    padding-bottom: max(2px, env(safe-area-inset-bottom)) !important;
}

._tabbar_1tlow_95 {
    display: flex !important;
    justify-content: space-around !important;
    align-items: flex-end !important;
    height: 81px !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 520px !important;
    position: relative !important;
}

._tabbar-item_1tlow_109 {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: relative !important;
    cursor: pointer !important;
    height: 100% !important;
    padding-bottom: 5px !important;
    text-align: center !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

._itemContent_1tlow_112 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

._item_1tlow_112 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 3 !important;
}

.ui-badge__wrapper {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    margin-bottom: 2px !important;
}

._itemImg_1tlow_248 {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Quando ativo, leve zoom no ícone */
._tabbar-item_1tlow_109.active ._itemImg_1tlow_248,
._tabbar-item_1tlow_109[aria-selected="true"] ._itemImg_1tlow_248 {
    transform: scale(1.12) translateY(-2px) !important;
}

/* Efeito de luz dourada ativo atrás do ícone */
._item-active-bg_1dy2f_246 {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 82px !important;
    height: 58px !important;
    object-fit: contain !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: none !important;
}

._tabbar-item_1tlow_109.active ._item-active-bg_1dy2f_246,
._tabbar-item_1tlow_109[aria-selected="true"] ._item-active-bg_1dy2f_246 {
    display: block !important;
}

/* Linha divisória entre abas */
._item-bg-line_1dy2f_237 {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 28px !important;
    width: 2px !important;
    object-fit: contain !important;
    pointer-events: none !important;
    opacity: 0.65 !important;
    z-index: 2 !important;
}

/* Textos das abas */
._text_1tlow_260 {
    font-size: 11px !important;
    line-height: 1.15 !important;
    margin-top: 1px !important;
    color: #cfd4dc !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    transition: color 0.15s ease !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* Texto ativo com cor dourada */
._tabbar-item_1tlow_109.active ._text_1tlow_260,
._tabbar-item_1tlow_109[aria-selected="true"] ._text_1tlow_260,
._text_1tlow_260._active_1tlow_283 {
    color: #ffd24d !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 4px rgba(255, 210, 77, 0.4) !important;
}

/* Previne que o conteúdo da página fique escondido atrás do rodapé fixo */
body {
    padding-bottom: 65px !important;
}