/* Original artwork, subtle left-aligned icons. Native layout and dropdown handlers remain. */
html.lxf #navigation .lxf-category-icon {display:none;}
@media(min-width:992px) {
  html.lxf #navigation .menu-level-1 > li:first-child {margin-left:0;}
  html.lxf #navigation .menu-level-1 > li > a:has(> .lxf-category-icon) {
    position:relative; padding-left:25px!important; padding-right:0!important;
    transition:background-color .15s ease, box-shadow .15s ease;
  }
  html.lxf #navigation .menu-level-1 > li > a > .lxf-category-icon {
    display:block; position:absolute; left:0; top:50%; transform:translateY(-50%);
    width:18px; height:18px; line-height:0; pointer-events:none;
  }
  html.lxf #navigation .lxf-category-icon svg {display:block; width:18px; height:18px;}
}

@media(min-width:1440px) {
  html.lxf #navigation .menu-level-1 > li > a:has(> .lxf-category-icon) {padding-left:34px!important; padding-right:12px!important;}
  html.lxf #navigation .menu-level-1 > li > a > .lxf-category-icon {left:6px;}
}
@media(min-width:992px) {
  html.lxf #navigation .menu-level-1 > li > a:has(> .lxf-category-icon):is(:hover,:focus-visible),
  html.lxf #navigation .menu-level-1 > li:is(.exp,.lxf-pinned) > a:has(> .lxf-category-icon) {
    background:#e9e9ec!important; color:#24242e!important;
    box-shadow:inset 0 -2px #fcdf08;
  }
  html.lxf #navigation .menu-level-1 > li > a:has(> .lxf-category-icon):focus-visible {outline:2px solid #24242e; outline-offset:-3px;}
  html.lxf #navigation .menu-level-1 > li > a:has(> .lxf-category-icon):is(:hover,:focus-visible) .submenu-arrow::after {color:#24242e!important;}
  html.lxf #navigation .lxf-category-icon svg {transition:transform .15s ease;}
  html.lxf #navigation .menu-level-1 > li > a:is(:hover,:focus-visible) .lxf-category-icon svg {transform:scale(1.08);}
}
@media(prefers-reduced-motion:reduce) {
  html.lxf #navigation .menu-level-1 > li > a:has(> .lxf-category-icon),
  html.lxf #navigation .lxf-category-icon svg {transition:none;}
  html.lxf #navigation .menu-level-1 > li > a:is(:hover,:focus-visible) .lxf-category-icon svg {transform:none;}
}
/* Native first-item offset has higher specificity than the general icon rule. */
@media(min-width:992px) {
  html.lxf body #navigation .navigation-in > .menu-level-1 > li:first-child {margin-left:0;}
  html.lxf body #navigation .navigation-in > .menu-level-1 > li:first-child > a:has(> .lxf-category-icon) {padding-left:25px!important;}
  /* Shoptet clones overflow items outside #navigation, into the header helper. */
  html.lxf #header .menu-helper > ul > li > a:has(> .lxf-category-icon) {display:flex; align-items:center; gap:10px;}
  html.lxf #header .menu-helper .lxf-category-icon {display:block; flex:0 0 18px; width:18px; height:18px; line-height:0; pointer-events:none;}
  html.lxf #header .menu-helper .lxf-category-icon svg {display:block; width:18px; height:18px;}
}
@media(min-width:1440px) {
  html.lxf body #navigation .navigation-in > .menu-level-1 > li:first-child > a:has(> .lxf-category-icon) {padding-left:34px!important;}
}
