/* Mobile bottom-nav element helpers. Layout is defined in footer.css. */
.lolli-mobile-nav button.lolli-nav-item {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    font: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.lolli-nav-item span[aria-hidden] {
    display: block;
    font-size: 20px;
    line-height: 1;
}

.lolli-nav-item > span:not([aria-hidden]):not(.lolli-nav-cart-count) {
    display: block;
    min-width: 0;
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
}


/* 1.7.1 — Mobile nav SVG icons and theme-toggle icon fix */
.lolli-nav-item .lolli-nav-icon,
.lolli-mobile-nav .lolli-theme-toggle .lolli-theme-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-inline: auto;
    line-height: 1;
}

.lolli-nav-item .lolli-nav-icon svg,
.lolli-mobile-nav .lolli-theme-toggle .lolli-theme-icon svg {
    width: 22px;
    height: 22px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lolli-mobile-nav .lolli-theme-toggle .lolli-theme-icon--sun {
    display: none !important;
}

html[data-theme="light"] .lolli-mobile-nav .lolli-theme-toggle .lolli-theme-icon--moon {
    display: none !important;
}

html[data-theme="light"] .lolli-mobile-nav .lolli-theme-toggle .lolli-theme-icon--sun {
    display: inline-flex !important;
}