/* =========================================================
   MOBILE FOOTER BAR – SMALL & STICKY
========================================================= */

.mobile-footer-bar {
    display: none;
}

@media (max-width: 768px) {



    .mobile-footer-bar {
        position: sticky;
        bottom: 0;

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

        height: 36px;                 /* ⬅ MUCH smaller */
        padding: 0 0.5rem;

        background: rgba(31, 42, 68, 0.95);
        backdrop-filter: blur(6px);
        border-top: 1px solid rgba(255,255,255,0.12);

        font-size: 0.65rem;           /* ⬅ smaller text */
        z-index: 50;                  /* below modals, above content */
    }

    /* Breadcrumb */
    .mobile-footer-bar .breadcrumb-inner {
        padding-left: 0;
    }

    .mobile-footer-bar .breadcrumb-left {
        display: flex;
        align-items: center;
        gap: 0.2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        
    }

    .mobile-footer-bar .breadcrumb-left a,
    .mobile-footer-bar .breadcrumb-current,
    .mobile-footer-bar .breadcrumb-separator {
        color: #ffffff;
        font-size: 0.65rem;
        font-weight: 500;
        line-height: 1;
    }

    .mobile-footer-bar .breadcrumb-left a {
        opacity: 0.8;
    }

    /* Nav menu (About us) */
    .mobile-footer-bar .hero-nav {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .mobile-footer-bar .hero-menu {
        gap: 0.4rem;
        padding-left: 0;
    }

    .mobile-footer-bar .hero-menu a {
        font-size: 0.65rem;
        font-weight: 500;
        color: #ffffff;
        padding: 0;
        white-space: nowrap;
    }

    .mobile-footer-bar .hero-menu a::after {
        display: none;
    }



}