/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE. ***************/

/* ===== FIX VERTICAL MENU: ẨN MẶC ĐỊNH, MỞ KHI CLICK ===== */

/* Ẩn fly-out menu khi chưa mở */
.header-vertical-menu__fly-out {
  display: none !important;
  visibility: hidden;
  opacity: 0;
}

/* Hiển thị khi có class --open */
.header-vertical-menu__fly-out--open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Đảm bảo fly-out nằm đúng vị trí (absolute, dưới opener) */
.header-vertical-menu {
  position: relative;
}

.header-vertical-menu__fly-out--open {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  background: #fff;
  min-width: 250px;
  box-shadow: 1px 1px 15px rgba(0,0,0,.15);
}

/* Xoay mũi tên khi menu mở */
.header-vertical-menu__opener[aria-expanded="true"] .icon-angle-down {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.header-vertical-menu__opener .icon-angle-down {
  transition: transform 0.3s ease;
  display: inline-block;
}

/* ===== END FIX VERTICAL MENU ===== */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/

}

/* Fix: Danh mc sn phm - hin th 1 dng */
.header-vertical-menu__title {
	    font-size: 12px !important;
	    white-space: nowrap;
	    line-height: 1.2;
}
}