/* v5.5: Electro native mobile menu, not a second replacement menu.
 * No new font families; do not alter mobile width / Owl slide geometries.
 */
@media screen and (max-width:991.98px) {
  /* Native Electro handheld footer image: avoid opaque-background logo. */
  body.tve-modern-ui .handheld-footer .footer-logo,
  body.tve-modern-ui .handheld-footer .img-footer-logo,
  body.tve-modern-ui footer.site-footer .footer-logo,
  body.tve-modern-ui footer.site-footer .img-footer-logo { display:none !important; }

  /* Off-canvas navigation is Electro's own panel. Keep Electro toggle JS. */
  body.tve-modern-ui .off-canvas-navigation-wrapper .off-canvas-navigation {
    width:min(87vw,365px) !important;
    left:calc(-1 * min(87vw,365px));
    max-width:100vw;
    height:100vh;
    height:100dvh;
    box-sizing:border-box;
    background:#f6f8f7;
    border-right:1px solid #dfe6df;
    box-shadow:8px 0 35px rgba(22,43,32,.16);
    padding:0 0 24px;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    transition:left .22s ease;
    z-index:10000;
  }
  body.tve-modern-ui .off-canvas-navigation-wrapper.toggled .off-canvas-navigation {left:0;}
  body.tve-modern-ui .off-canvas-navigation::before {
    content:"Kategoriler";
    display:block;
    padding:22px 20px 16px;
    color:#233c2c;
    background:#fff;
    font-size:20px;
    font-weight:750;
    line-height:1.25;
    border-bottom:1px solid #e7ede7;
  }
  body.tve-modern-ui .off-canvas-navigation > ul.nav {
    list-style:none;
    padding:12px 12px 24px;
    margin:0;
    background:transparent;
  }
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li {
    width:100%;
    max-width:100%;
    margin:0 0 7px;
    padding:0;
    background:#fff;
    border:1px solid #e3eae3;
    border-radius:13px;
    overflow:visible;
    box-shadow:0 2px 10px rgba(24,49,32,.035);
  }
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li > a,
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li > .dropdown-toggle {
    display:flex;
    gap:10px;
    align-items:center;
    min-height:52px;
    width:100%;
    max-width:100%;
    padding:10px 14px !important;
    margin:0;
    background:transparent;
    color:#263b30 !important;
    font-size:15px;
    font-weight:650;
    line-height:1.35 !important;
    text-decoration:none;
    border:0 !important;
    border-radius:12px;
    overflow-wrap:break-word;
    box-shadow:none !important;
  }
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li > a::before {
    content:"";
    width:7px;
    height:7px;
    flex:0 0 7px;
    background:#77a86b;
    border-radius:50%;
  }
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li > a:is(:focus-visible,:hover),
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li.current-menu-item > a,
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li.current-menu-ancestor > a,
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li.tve-mobile-current > a {
    background:#e9f4e8 !important;
    color:#235c24 !important;
  }
  body.tve-modern-ui .off-canvas-navigation > ul.nav > li:is(.current-menu-item,.current-menu-ancestor,.tve-mobile-current) {
    border-color:#b9d7b2;
  }
  body.tve-modern-ui .off-canvas-navigation .dropdown-menu {
    background:#fff;
    padding:0 8px 10px !important;
    border:0 !important;
    box-shadow:none !important;
    max-width:100%;
    margin:0;
    min-width:0;
    border-radius:0 0 13px 13px;
  }
  body.tve-modern-ui .off-canvas-navigation .dropdown-menu li a {
    display:block;
    height:auto;
    min-height:42px;
    padding:10px 14px !important;
    border:0 !important;
    border-radius:9px;
    color:#536456 !important;
    background:transparent !important;
    font-size:14px;
    font-weight:550;
    line-height:1.45 !important;
  }
  body.tve-modern-ui .off-canvas-navigation .dropdown-menu li.current-menu-item a,
  body.tve-modern-ui .off-canvas-navigation .dropdown-menu li a:focus-visible {
    background:#eef6ec !important;
    color:#2d6325 !important;
  }
  body.tve-modern-ui .off-canvas-navigation :is(a,button):focus-visible {
    outline:2px solid #427925;
    outline-offset:1px;
  }
  /* Native Electro close button remains functional and easy to tap. */
  body.tve-modern-ui .off-canvas-navigation-wrapper .navbar-toggle-close {
    min-width:44px;
    min-height:44px;
    border-radius:10px;
  }
  /* Header tab chips: native Bootstrap behavior/active classes remain. */
  body.tve-modern-ui :is(.products-carousel-tabs,.products-carousel-tabs-v5,.products-tabs) .nav-link {
    line-height:1.3;
    white-space:normal;
    text-align:center;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.tve-modern-ui .off-canvas-navigation-wrapper .off-canvas-navigation {transition:none;}
}