/* =====================================================
   FINAL CUSTOM MOBILE NAVIGATION (ONLY ONE ACTIVE)
===================================================== */

:root{
    --bg: rgba(255,255,255,0.95); /* solid clean (no glass) */
    --text: #111;
    --active: #000;
}

/* Wrapper */
.navigation-bar{
    position: fixed;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: 94%;
    height: 64px;
    z-index: 999999;
}

/* Main bar */
.navigation-bar__list{
    height: 100%;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-around;

    list-style: none;
    margin: 0;
    padding: 6px 12px;

    background: var(--bg);
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

/* Remove ANY pseudo / shape */
.navigation-bar__list::before,
.navigation-bar__list::after,
.navigation-bar__list li::before,
.navigation-bar__list li::after{
    display: none !important;
    content: none !important;
}

/* Items */
.navigation-bar__list li{
    flex: 1;
    text-align: center;
}

/* Links */
.navigation-bar__list li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    font-size: 11px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont;
    color: var(--text);
}

/* Icons */
.navigation-bar__list li a i{
    font-size: 20px;
    margin-bottom: 3px;
    color: var(--text);
}

/* Active */
.navigation-bar__list li a.active,
.navigation-bar__list li a.active i{
    color: var(--active);
    font-weight: 600;
}

/* Mobile only */
@media (min-width: 992px){
    .navigation-bar{
        display: none;
    }
}

/* Space for nav */
body{
    padding-bottom: 100px;
}






/* Sidebar background */
.tpsideinfo.tp-sidebar-opened {
    background-color: #ffffff !important; /* white background */
    color: #222222 !important;           /* dark text */
}

/* Headings inside sidebar */
.tpsideinfo.tp-sidebar-opened h1,
.tpsideinfo.tp-sidebar-opened h2,
.tpsideinfo.tp-sidebar-opened h3,
.tpsideinfo.tp-sidebar-opened h4,
.tpsideinfo.tp-sidebar-opened h5,
.tpsideinfo.tp-sidebar-opened h6 {
    color: #111111 !important;
}

/* Paragraph & list text */
.tpsideinfo.tp-sidebar-opened p,
.tpsideinfo.tp-sidebar-opened li,
.tpsideinfo.tp-sidebar-opened span,
.tpsideinfo.tp-sidebar-opened div {
    color: #333333 !important;
}

/* Links */
.tpsideinfo.tp-sidebar-opened a {
    color: #0066cc !important;
}

.tpsideinfo.tp-sidebar-opened a:hover {
    color: #004999 !important;
}