/* =========================================================
   MW Elementor Widgets – Shopify Style Menu
   Wird nur geladen, wenn das Widget auf der Seite ist.
========================================================= */
.shopify-menu [type=button]:focus,
.shopify-menu [type=button]:hover,
.shopify-menu [type=submit]:focus,
.shopify-menu [type=submit]:hover,
.shopify-menu button:focus,
.shopify-menu button:hover {
    color: unset;
    background-color: #f2f2f2;
    text-decoration: none;
    border: 0px !important;
}
img.menu-item-image {
    width: 170px;
    height: 110px;
    object-fit: cover;
}
.nav-sidebar__menu a {
	font-size: var(--e-global-typography-0efcf85-font-size);
	line-height: var(--e-global-typography-0efcf85-line-height);
	text-transform: var(--e-global-typography-0efcf85-text-transform);
  font-weight: var(--e-global-typography-0efcf85-font-weight);
}
.nav-sidebar__menu button {
	color:black;
	font-size:var(--e-global-typography-2a6d665-font-size);
	font-weight: var(--e-global-typography-2a6d665-font-weight);
	line-height: var(--e-global-typography-primary-line-height);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	text-transform: var(--e-global-typography-2a6d665-text-transform);
}
.nav-sidebar__item.has-image {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 0 0 2rem;
}
.elementor-widget-shopify_style_menu {
   height: 100%;
}
.nav-sidebar__container.nav-sidebar {
    position: relative;
		height: 100%;
  }
 .nav-sidebar__container ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-size: 16px;
  }
 .nav-sidebar__item {
    padding: 1.5rem 2rem;
    text-decoration: none;
    display: flex;
    width: 100%;
    color: inherit;
		gap:10px;
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
		border-bottom:1px solid #ddd;
		font-size: var(--e-global-typography-0efcf85-font-size);
	  line-height: var(--e-global-typography-0efcf85-line-height);
	  text-transform: var(--e-global-typography-0efcf85-text-transform);
    font-weight: var(--e-global-typography-0efcf85-font-weight);
    font-family: var(--e-global-typography-0efcf85-font-family), Sans-serif;
    
        }
    
   .nav-sidebar__container .icon-caret {
      width: 2rem;
      height: 2rem;
      padding: .5rem;
      background: rgba(255, 255, 255, 0.97);
      border-radius: 50%;
      box-sizing: border-box;
      position: absolute;
      right: 1.5rem;
      top: 50%;
			border:1px solid #ddd;
      transform: translateY(-50%) rotate(-0deg);
        }
       
        .nav-sidebar__dropdown {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            top: 0;
            background: white;
        }
        .nav-sidebar__back-button {
            padding: 1.2rem 2.2rem;
            text-decoration: none;
            display: flex;
            gap: 10px;
            align-items: center;
            width: 100%;
            text-align: start;
            border: 0 !important;
            background: #f7f7f7 !important;
            cursor: pointer;
            color: inherit;
					transition: none !important;
        }
        .icon-back {
            width: 1.5rem;
            height: 1.5rem;
        }
        .nav-sidebar__container summary {
            cursor: pointer;
            list-style: none;
            position: relative;
        }
        .nav-sidebar__container summary::-webkit-details-marker {
            display: none;
        }

        .nav-sidebar__item--active:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            border-left: 1rem solid var( --e-global-color-accent );
            border-radius: var(--menu-highlight-radius, 0);
        }
        .nav-sidebar__item--active,
        .nav-sidebar__item--highlighted-mobile,
        .nav-sidebar__item:focus,
        .nav-sidebar__back-button:focus,
        .nav-sidebar__item:hover {
            background-color: #f7f7f7;
        }
.nav-sidebar__background {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    padding-bottom: 100px;
}
 .width-full {
   width: 100%;
        }
  @media (max-width: 1020px) {           
   .child_dropdown {
      width: 100%;
            }         
        }