/* geral */
.menu-advanced {position: relative; flex: 1 !important; padding: 12px;}
.menu-advanced ul {margin: 0; list-style: none; padding: 0;}
.menu-advanced .produto {max-width: 300px;}
/* geral */

/* nivel 1 */
.menu-advanced .lista-nivel-1 {display: flex; justify-content: center;}
.menu-advanced .item-nivel-1 {padding: 12px 21px; position: relative; display: flex; align-items: center;}
.menu-advanced .item-nivel-1 svg {width: 22px; height: 22px;}
.menu-advanced .item-nivel-1 .item-nivel-1-text { font-weight: 500; font-size: 15px; color: #000;}
.menu-advanced .item-nivel-1-megamenu {position: inherit;}
.menu-advanced .with-child {display: flex; align-items: center; gap: 6px;}
.menu-advanced .with-child i {display: flex; font-size: 12px;}
.menu-advanced .with-icon {display: flex; align-items: center; gap: 6px; flex-direction: column;}
/* nivel 1 */

/* nivel 2 */
.menu-advanced .lista-nivel-2 {display: flex; flex-direction: column; flex-wrap: wrap; flex: 1; gap: 16px; column-gap: 70px; max-height: 50vh; font-size: 15px; overflow: auto;}
.menu-advanced .lista-nivel-2::-webkit-scrollbar {height: 4px;}
.menu-advanced .item-nivel-2 > a {font-weight: 500;}
/* nivel 2 */

/* nivel 3 */
.menu-advanced .lista-nivel-3 {margin-top: 4px;}
.menu-advanced .lista-nivel-3 a {font-weight: 400; color: #666;}
/* nivel 3 */

/* mega menu */
.submenu-wrapper {position: absolute; width: 100%; left: 0; top: 100%; padding: 30px 20px; background: #fff; gap: 12px; transform: translateY(10px); transition: ease all .5s; opacity: 0; visibility: hidden; display: flex; box-shadow: rgb(0 0 0 / .08) 0 10px 24px;}
.item-nivel-1:hover > .submenu-wrapper {transform: translateY(0); opacity: 1; visibility: visible; }
/* mega menu */

/* menu simples */
.submenu-column {position: absolute; left: 0; top: 100%; padding: 16px 20px; background: #fff; gap: 12px; transform: translateY(10px); transition: ease all .5s; opacity: 0; visibility: hidden; display: flex; box-shadow: rgb(0 0 0 / .08) 0 10px 24px; white-space: nowrap; width: max-content;}
.item-nivel-1:hover > .submenu-column {transform: translateY(0); opacity: 1; visibility: visible;}
/* menu simples */

/**** todas as categorias ****/
.menu-advanced .all-categories .categories {padding: 0; min-height: 400px;}

/* header mega menu - todas as categorias */
.menu-advanced .all-categories .all-categories-submenu-header {padding: 10px 0; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.menu-advanced .all-categories .all-categories-title {font-size: 22px;}
/* header mega menu - todas as categorias */

/* nivel 1 - todas as categorias */
.menu-advanced .all-categories .categories-list {max-height: 400px; overflow: auto; direction: rtl;}
.menu-advanced .all-categories .categories-list::-webkit-scrollbar {width: 4px;}
.menu-advanced .all-categories .category-item {width: 250px; direction: ltr;}
.menu-advanced .all-categories .category-item > a {display: flex; justify-content: space-between; align-items: center; gap: 12px; text-wrap: auto; padding: 10px 16px 10px 26px;}
.menu-advanced .all-categories .category-item:hover {background: #fafafa;}
/* nivel 1 - todas as categorias */

/* nivel 2 - todas as categorias */
.menu-advanced .all-categories .all-categories-submenu {position: absolute; left: 80%; background: #fff; top: 0; padding: 12px 24px; opacity: 0; visibility: hidden; width: 100%; box-shadow: rgb(0 0 0 / .08) 0 10px 24px; height: 100%;}
.menu-advanced .all-categories .category-item:hover > .all-categories-submenu, .menu-advanced .all-categories .all-categories-submenu:hover {opacity: 1; visibility: visible; left: 100%; transition: all ease .5s;}
.menu-advanced .all-categories .all-categories-submenu-items {max-height: 320px; display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; gap: 12px; overflow: auto;}
.menu-advanced .all-categories-lista-nivel-2 > a {font-weight: 500;}
.menu-advanced .all-categories .all-categories-submenu-items::-webkit-scrollbar {height: 4px; width: 4px;}
/* nivel 2 - todas as categorias */

/* nivel 3 - todas as categorias */
.menu-advanced .all-categories-lista-nivel-3 > a {color: #666;} 
/* nivel 3 - todas as categorias */
/**** todas as categorias ****/

/* mobile */
.menu-advanced-mobile .accordion-header {padding: 10px 0;}
.menu-advanced-mobile .accordion-header a, .menu-advanced-mobile .accordion-header .accordion-button {color: #202020; font-size: 15px; font-weight: 500;}
.menu-advanced-mobile .accordion-button {padding: 0;}
.menu-advanced-mobile .accordion-button::after {background-size: cover; width: 14px; height: 14px;}
.menu-advanced-mobile .menu-title {font-size: 18px; margin-bottom: 12px;}
.menu-advanced-mobile .accordion-body {padding: 8px 12px; background: #f1f1f1;}
.menu-advanced-mobile .accordion-button:not(.collapsed) {color: var(--text);}
.menu-advanced-mobile .lista-nivel-3 {margin: 4px 0 8px;}
.menu-advanced-mobile .lista-nivel-1 {display: none;}
/* mobile */