.wd-toolbar {
position:fixed;
inset-inline:0;
bottom:0;
z-index:350;
display:flex;
align-items:center;
justify-content:space-between;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
padding:5px;
height:55px;
background-color:var(--bgcolor-white);
box-shadow:0 0 9px rgba(0,0,0,0.12)}
.wd-toolbar>a {
display:flex;
align-items:center;
justify-content:center}
.wd-toolbar>a,.wd-toolbar>div {
flex:1 0 20%}
.wd-toolbar>a,.wd-toolbar>div a {
height:45px}
.wd-toolbar .wd-header-cart.wd-design-5:not(.wd-style-text) {
margin-inline-end:0}
.wd-toolbar.wd-toolbar-label-show>a,.wd-toolbar.wd-toolbar-label-show>div a {
position:relative;
padding-bottom:15px}
.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label {
display:block}
.global-color-scheme-light .wd-toolbar a {
color:#fff}
.global-color-scheme-light .wd-toolbar a:hover {
color:rgba(255,255,255,0.8)}
.wd-toolbar-label {
position:absolute;
inset-inline:10px;
bottom:3px;
display:none;
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:600;
font-size:11px;
line-height:1;
padding:1px 0}
.wd-toolbar-shop .wd-tools-icon:before {
content:"\f146";
font-family:"woodmart-font"}
.wd-toolbar-blog .wd-tools-icon:before {
content:"\f145";
font-family:"woodmart-font"}
.wd-toolbar-home .wd-tools-icon:before {
content:"\f144";
font-family:"woodmart-font"}
.wd-toolbar-sidebar .wd-tools-icon:before {
content:"\f15a";
font-family:"woodmart-font"}
.wd-toolbar-sidebar.wd-filter-icon .wd-tools-icon:before {
content:"\f118"}
.wd-toolbar-link .wd-tools-icon:before {
content:"\f140";
font-family:"woodmart-font"}
.wd-toolbar-link .wd-custom-icon {
min-width:auto}
.wd-toolbar-link .wd-custom-icon img {
width:auto;
height:20px}
.wd-toolbar-shop-cat .wd-tools-icon:before {
content:"\f15a";
font-family:"woodmart-font"}
body:not(:has(.wd-nav-side-hidden-mb-on)) .wd-toolbar-shop-cat {
display:none}
@media (min-width: 1025px) {
.wd-toolbar {
display:none}
}
@media (max-width: 1024px) {
.sticky-toolbar-on {
padding-bottom:55px}
.sticky-toolbar-on .wd-sticky-btn {
bottom:55px}
.sticky-toolbar-on .scrollToTop {
bottom:67px}
.sticky-toolbar-on .wd-sticky-btn-shown.scrollToTop {
bottom:calc(12px + 55px + var(--wd-sticky-btn-height))}
}
@media (max-width: 768.98px) {
.sticky-toolbar-on.wd-sticky-btn-on-mb {
padding-bottom:calc(55px + var(--wd-sticky-btn-height))}
}
@media (min-width: 769px) and (max-width: 1024px) {
.sticky-toolbar-on.wd-sticky-btn-on {
padding-bottom:calc(55px + var(--wd-sticky-btn-height))}
}