/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 11 2026 | 07:39:47 */
/* =====================================================
   AKTEC - MENU DANH MỤC SẢN PHẨM
   ===================================================== */

/* 1. Reset danh sách */
.ak-product-menu,
.ak-product-menu ul,
.ak-product-menu li {
    list-style: none !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 2. Danh mục cha */
.ak-product-menu > .ak-menu-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
}

/* 3. Mũi tên trước danh mục cha */
.ak-product-menu .ak-arrow {
    display: inline-block;
    flex: 0 0 auto;
    margin-right: 8px;
    color: #ffffff;
    font-size: 14px;
}

/* 4. Tên danh mục cha */
.ak-product-menu > .ak-menu-item > a {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    padding: 0;
    color: #ffffff;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    background: transparent;
}

/* 5. Nút mở/đóng submenu */
.ak-product-menu .ak-toggle {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: auto;
    padding: 0 5px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
}

.ak-product-menu .ak-toggle.active {
    transform: rotate(45deg);
}

/* 6. Submenu */
.ak-product-menu .ak-submenu {
    display: none;
    flex: 0 0 100%;
    width: 100%;
    margin: 6px 0 0;
    padding: 2px 0 2px 22px;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    box-sizing: border-box;
}

/* Mở submenu khi có class active */
.ak-product-menu .ak-submenu.active {
    display: block;
}

/* 7. Từng dòng submenu */
.ak-product-menu .ak-submenu > li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 4px 0;
    box-sizing: border-box;
    line-height: 1.5;
}

/* 8. Chấm tròn submenu
   Dùng chấm trong HTML nếu đã có .ak-bullet */
.ak-product-menu .ak-submenu .ak-bullet {
    display: inline-block;
    flex: 0 0 12px;
    width: 12px;
    margin: 0 5px 0 0;
    padding: 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.5;
}

/* 9. Tên sản phẩm trong submenu */
.ak-product-menu .ak-submenu > li > a {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    background: transparent;
}

/* 10. Không đổi nền hoặc màu chữ khi hover */
.ak-product-menu li:hover,
.ak-product-menu a:hover,
.ak-product-menu .ak-submenu li:hover {
    background: transparent !important;
}

.ak-product-menu a:hover,
.ak-product-menu .ak-arrow,
.ak-product-menu .ak-bullet,
.ak-product-menu .ak-toggle {
    color: #ffffff;
}

/* 11. Chuyển động nút toggle */
.ak-product-menu .ak-toggle {
    transition: transform 0.2s ease;
}


/* 12. Đổi màu chữ link khi hover */
.ak-product-menu a:hover {
    color: #5FAC3C !important;
    background: transparent !important;
    background-color: transparent !important;
    transition: color 0.2s ease;
}
/* =====================================================
   KẾT THÚC
   ===================================================== */