/* Martfury Mobile Bottom Navigation - Clean Version */

/* Bottom navigation bar */
.navigation-list {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
    display: none; /* hidden by default */
    justify-content: space-around;
    align-items: center;
    padding: 8px 0;
    z-index: 9999;
    border-top: 1px solid #eee;
}

/* Show ONLY on mobile */
@media (max-width: 767px) {
    .navigation-list {
        display: flex !important;
    }
    /* Add padding to footer so nav doesnt cover content */
    body { padding-bottom: 65px; }
}

/* Individual nav icons */
.navigation-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #333;
    text-decoration: none;
    font-size: 10px;
    flex: 1;
    gap: 3px;
    position: relative;
    padding: 5px 0;
}
.navigation-icon i {
    font-size: 20px;
    line-height: 1;
}
.navigation-icon svg {
    width: 22px;
    height: 22px;
}
.navigation-icon.active,
.navigation-icon:hover { color: #00c4cc; }

/* Basket counter badge */
.mini-item-counter {
    position: absolute;
    top: -2px;
    right: 50%;
    margin-right: -22px;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #00c4cc;
    z-index: 1;
}

.mf-basket-icon, .mf-cart-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ===== mfnav side panels (v4) ===== */
.mfnav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:99998;}
.mfnav-overlay.open{opacity:1;visibility:visible;}
.mfnav-panel{position:fixed;top:0;left:0;height:100%;width:85%;max-width:360px;background:#fff;z-index:99999;transform:translateX(-100%);transition:transform .28s ease;display:flex;flex-direction:column;box-shadow:2px 0 18px rgba(0,0,0,.2);}
.mfnav-panel.open{transform:translateX(0);}
.mfnav-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee;font-weight:700;font-size:16px;color:#111;flex:0 0 auto;}
.mfnav-close{background:none;border:0;font-size:28px;line-height:1;color:#333;cursor:pointer;padding:0 4px;}
.mfnav-panel-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 90px;}
.mfnav-panel-search .mfnav-panel-body input[type=search]{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;}
.mfnav-panel-search .mfnav-panel-body button[type=submit]{margin-top:10px;width:100%;padding:12px;border:0;border-radius:8px;background:#111;color:#fff;font-size:15px;cursor:pointer;}
.mfnav-panel-search .dgwt-wcas-search-wrapp{max-width:100%!important;}
.mfnav-cats-list{list-style:none;margin:0;padding:0;}
.mfnav-cats-list li{border-bottom:1px solid #f0f0f0;}
.mfnav-cats-list li a{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;color:#222;text-decoration:none;font-size:15px;}
.mfnav-cats-list li a:active{background:#f7f7f7;}
.mfnav-cats-list li a i{opacity:.4;font-size:13px;}
.mfnav-cats-all a{font-weight:700;color:#0aa6b8!important;}
body.mfnav-lock{overflow:hidden;}