/* Loaded after WordPress and WooCommerce styles to keep navigation visible on phones. */
@media (max-width: 760px) {
  .lv-nav .lv-nav-inner { display: flex; align-items: center; justify-content: space-between; }
  .lv-nav .lv-nav-inner > ul { display: none; }
  .lv-nav .lv-nav-inner > details.lv-mobile-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static;
    flex: 0 0 auto;
    margin: 0 auto 0 0;
    color: #fff;
  }
  .lv-nav .lv-mobile-menu > summary {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 4px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
  }
  .lv-nav .lv-mobile-menu > summary::before { content: none !important; }
  .lv-nav .lv-mobile-menu > summary::-webkit-details-marker { display: none; }
  .lv-nav .lv-menu-icon { display: inline-block; font-size: 25px; font-weight: 400; line-height: 1; }
  .lv-nav .lv-mobile-menu[open] .lv-menu-icon { font-size: 0; }
  .lv-nav .lv-mobile-menu[open] .lv-menu-icon::after { content: '×'; font-size: 30px; }
  .lv-nav .lv-mobile-menu:not([open]) > nav { display: none !important; }
  .lv-nav .lv-mobile-menu[open] > nav {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    top: 100%; left: 0; right: 0;
    z-index: 100;
    padding: 8px 16px 20px;
    background: #000;
    box-shadow: 0 14px 20px rgba(0,0,0,.22);
  }
  .lv-nav .lv-mobile-menu[open] > nav > a { color: #fff; padding: 13px 6px; border-top: 1px solid #333; }
}