@import url('root.css');


.menu-depart .submenu > li a {
   position: relative;
}

.menu-depart .submenu > li > a {
   color: var(--font-primary-color);
}

.menu-depart .submenu > li a > i {
   margin-left: auto;
   color: var(--icon-right-primary-color);
}

.menu-depart .submenu > li a > span {
   margin-right: 0.8rem;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.menu-depart .submenu > li:last-child > a {
   font-weight: bold;
   color: var(--primary-color);
}

.menu-depart .submenu > li:not(:first-child) {
   border-top: 1px solid var(--border-primary-color);
}

.menu-depart .submenu > li:last-child a > i {
   color: var(--primary-color);
}

.menu-depart .submenu  > .show {
   background: var(--hover-primary-color);
}

.menu-depart .submenu .show > a, .menu-depart .submenu .show a > i {
   color: var(--primary-color);
}

.menu-depart .submenu  > .show > a::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 100%;
   transform: translateY(-50%);
   border-style: solid;
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
   border-right: 10px solid #fff;
   border-left: 0;
   z-index: 1000;
}

.menu-depart .megamenu {
   display: none;
   position: absolute;
   z-index: 999;
   background-color: #fff;
   box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.15);
   border: 1px solid var(--border-primary-color);
   left: 90%;
   padding: 10px 20px;
   margin-top: -1px;
}

.menu-depart .megamenu .megamenu_header {
   border-bottom: 3px solid #f5f5f5;
   margin-top: -4px;
   padding-bottom: 4px;
   margin-bottom: 15px;
   display: flex; 
   justify-content: space-between;
}

.menu-depart .megamenu .megamenu_header > .megamenu_header-title {
   margin-bottom: 2px;
}

.menu-depart .megamenu .megamenu_header > .megamenu_header-title > img {
   width: 24px; 
   height: 24px; 
   float: left; 
   margin-right: 7px;
}

.menu-depart .megamenu .megamenu_header > .megamenu_header-all {
   display: flex; 
   align-items: center; 
   gap: 5px; 
   color: #f3631c; 
   cursor: pointer;
}

.menu-depart .megamenu_listmenu {
   display: inline-block;
   height: 100%;
   width: 100%;
   padding-bottom: 10px;
   vertical-align: top;
   column-count: auto;
   column-width: 250px; 
   column-gap: 1em;
   column-fill: auto;
   overflow-x: auto;
   scroll-behavior: smooth;
}

.menu-depart .megamenu_ads {
   scroll-behavior: smooth;
}

.menu-depart .megamenu_listmenu::-webkit-scrollbar-track,
.menu-depart .megamenu_ads::-webkit-scrollbar-track {
	background-color: #F5F5F5;
   border-radius: 5px;
}

.menu-depart .megamenu_listmenu::-webkit-scrollbar,
.menu-depart .megamenu_ads::-webkit-scrollbar {
	height: 3px;
	background-color: #F5F5F5;  
}

.menu-depart .megamenu_listmenu::-webkit-scrollbar-thumb,
.menu-depart .megamenu_ads::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
   border-radius: 5px;
}

.menu-depart .megamenu_item > h5 {
   display: flex;
   gap: 5px;
   margin-bottom: 7px;
   color: var(--font-primary-color);
   cursor: pointer;
}

.menu-depart .megamenu_item > h5 > a {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.menu-depart .megamenu_item > ul li {
   padding: 0 0 7px 0;
   border-top: 0;
   font-weight: 300;
   color: var(--font-primary-color);
   cursor: pointer;
}

.menu-depart .megamenu_item > ul li > a {
   display: flex;
   gap: 5px;
   padding-left: 2px;
}

.megamenu .megamenu_item > ul li .megamenu_title {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.menu-depart .megamenu_item > ul li:hover,
.menu-depart .megamenu_item > h5:hover {
   color: var(--primary-color);
}

.menu-depart .megamenu .megamenu_content {
   display: flex; 
   flex-direction: column; 
   width: 100%; 
   height: 100%;
}

.menu-depart .megamenu .megamenu_promotion {
   display: flex; 
   gap: 20px; 
   width: max-content;
}

.menu-depart .megamenu .see-all {
   width: fit-content; 
   align-items: center; 
   font-size: 13px;
}

.menu-depart .submenu .submenu_item-seeall {
   border-top: 1px solid var(--border-primary-color);
}

.menu-depart .submenu .submenu_item-seeall > a {
   display: flex;
   justify-content: space-between;
   color: var(--primary-color);
   font-weight: bold;
   align-items: center;
   font-size: 1.4rem;
   letter-spacing: 0.005em;
}

.menu-depart .submenu .submenu_item-seeall > a > i {
   transition: all 0.2s;
}

.menu-depart .submenu_item-seeall .rotated-180 {
   transform: rotate(180deg);
}

.menu-depart .submenu_item-show {
   background: var(--hover-primary-color);
}