.onchair-mobile-bottom-nav{
display:none;
}

@media (max-width: 1199px){

.onchair-mobile-bottom-nav{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:9999;
display:block;
padding-bottom:env(safe-area-inset-bottom);
pointer-events:none;
}

.onchair-mobile-bottom-nav-inner{
display:grid;
grid-template-columns:repeat(4,1fr);
align-items:stretch;
background:rgba(15,15,15,0.96);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
border-top:1px solid rgba(200,161,63,0.20);
box-shadow:0 -8px 30px rgba(0,0,0,0.35);
pointer-events:auto;
position:relative;
overflow:hidden;
}

.onchair-mobile-bottom-nav-inner::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:1px;
background:linear-gradient(90deg, transparent, rgba(230,200,120,0.55), transparent);
pointer-events:none;
}

/* ITEM */

.onchair-mobile-bottom-link{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
min-height:68px;
padding:8px 4px 7px;
text-decoration:none;
color:#9f9f9f;
font-size:11px;
font-weight:500;
transition:color .25s ease, transform .2s ease;
}

.onchair-mobile-bottom-link:active{
transform:scale(0.98);
}

.onchair-mobile-bottom-link::before{
content:"";
position:absolute;
top:0;
left:50%;
transform:translateX(-50%) scaleX(0);
width:34px;
height:3px;
border-radius:999px;
background:linear-gradient(90deg,#C8A13F,#E6C878);
transition:transform .28s ease;
}

.onchair-mobile-bottom-link.ativo::before{
transform:translateX(-50%) scaleX(1);
}

/* ÍCONE */

.onchair-mobile-bottom-icon-wrap{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
}

.onchair-icon-svg{
width:22px;
height:22px;
display:block;
color:currentColor;
transition:transform .25s ease, color .25s ease, filter .25s ease;
}

.onchair-mobile-bottom-link .onchair-icon-svg{
color:#8f8f8f;
}

.onchair-mobile-bottom-link .onchair-mobile-bottom-label{
color:#a7a7a7;
transition:color .25s ease;
}

/* BADGE */

.onchair-mobile-badge{
position:absolute;
top:-4px;
right:-9px;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
background:linear-gradient(180deg,#E6C878 0%, #C8A13F 100%);
color:#0F0F0F;
font-size:10px;
font-weight:700;
line-height:18px;
text-align:center;
box-shadow:0 2px 8px rgba(0,0,0,0.25);
}

/* ATIVO */

.onchair-mobile-bottom-link.ativo .onchair-icon-svg{
color:#E6C878;
transform:translateY(-1px);
filter:drop-shadow(0 0 4px rgba(200,161,63,0.25));
}

.onchair-mobile-bottom-link.ativo .onchair-mobile-bottom-label{
color:#F2F2F2;
font-weight:600;
}

/* HOVER / TAP */

.onchair-mobile-bottom-link:hover .onchair-icon-svg{
color:#DDBB67;
}

.onchair-mobile-bottom-link:hover .onchair-mobile-bottom-label{
color:#ECE2C0;
}

/* ESPAÇO NO BODY */

body{
padding-bottom:2px;
}

}

@media (max-width: 767px) {

    /*
    Remove/compensa o espaço vazio deixado pelo buscador antigo do tema
    */
    body {
        padding-bottom: 82px !important;
    }





    /*
    Mantém o rodapé móvel fixo e seguro
    */
    .onchair-mobile-bottom-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
    }
}

@media (max-width: 767px) {
    .onchair-mobile-bottom-nav {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 999999 !important;
    }

    body {
        padding-bottom: 50px !important;
    }
}

.onchair-tema-footer-badge {
    position: absolute;
    top: 2px;
    right: 14px;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border-radius: 999px;
    background: linear-gradient(135deg, #C8A13F, #E6C878);
    color: #0F0F0F;
    font-size: 10px;
    font-weight: 900;
    align-items: center;
    justify-content: center;
    line-height: 1;
    z-index: 20;
}

a:has(.onchair-tema-footer-badge) {
    position: relative;
}
.onchair-footer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.onchair-footer-text {
    display: block;
    margin-top: 2px;
}

@media (max-width: 767px) {

    /* Barra do rodapé móvel do tema */
    .footer-device-mobile,
    .mobile-footer,
    .footer-mobile,
    .tbay-footer-mobile,
    .tbay-bottom-mobile,
    .mobile-bottom-nav,
    .bottom-mobile {
        background: rgba(15, 15, 15, 0.98) !important;
        border-top: 1px solid rgba(200, 161, 63, 0.35) !important;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45) !important;
    }

    /* Links */
    .footer-device-mobile a,
    .mobile-footer a,
    .footer-mobile a,
    .tbay-footer-mobile a,
    .tbay-bottom-mobile a,
    .mobile-bottom-nav a,
    .bottom-mobile a {
        color: #C8A13F !important;
        text-decoration: none !important;
    }

    /* Ícones SVG e fontes */
    .footer-device-mobile svg,
    .mobile-footer svg,
    .footer-mobile svg,
    .tbay-footer-mobile svg,
    .tbay-bottom-mobile svg,
    .mobile-bottom-nav svg,
    .bottom-mobile svg,
    .footer-device-mobile i,
    .mobile-footer i,
    .footer-mobile i,
    .tbay-footer-mobile i,
    .tbay-bottom-mobile i,
    .mobile-bottom-nav i,
    .bottom-mobile i {
        color: #C8A13F !important;
        fill: none !important;
        stroke: #C8A13F !important;
    }

    /* Textos */
    .footer-device-mobile span,
    .mobile-footer span,
    .footer-mobile span,
    .tbay-footer-mobile span,
    .tbay-bottom-mobile span,
    .mobile-bottom-nav span,
    .bottom-mobile span {
        color: #C8A13F !important;
    }

    /* Item ativo */
    .footer-device-mobile a.active,
    .footer-device-mobile a.active span,
    .mobile-footer a.active,
    .mobile-footer a.active span,
    .footer-mobile a.active,
    .footer-mobile a.active span,
    .tbay-footer-mobile a.active,
    .tbay-footer-mobile a.active span,
    .tbay-bottom-mobile a.active,
    .tbay-bottom-mobile a.active span {
        color: #E6C878 !important;
    }

    /* Badge favoritos */
    .onchair-tema-footer-badge {
        background: linear-gradient(135deg, #C8A13F, #E6C878) !important;
        color: #0F0F0F !important;
        border: 1px solid rgba(15, 15, 15, 0.6) !important;
    }
}