/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
///
<style>
/* Tổng thể menu */
.qv-menu {
    width: 100%;
    max-width: 420px; /* vừa đẹp cho giao diện mobile */
    margin: 0 auto;
    padding: 10px;
}

/* Bỏ style mặc định */
.qv-menu-normal {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style từng danh mục */
.qv-menu-normal li {
    margin-bottom: 12px;
}

/* Khung đỏ truyền thống */
.qv-menu-normal li a {
    display: flex;
    align-items: center;
    gap: 10px;

    background: #ffffff;
    border: 2px solid #b30000; /* đỏ truyền thống */
    border-radius: 6px;

    padding: 12px 14px;

    color: #b30000;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;

    position: relative;
    transition: 0.25s ease;
}

/* Icon */
.qv-menu-normal li a i {
    font-size: 18px;
    color: #b30000;
}

/* Hiệu ứng border họa tiết truyền thống góc */
.qv-menu-normal li a:before,
.qv-menu-normal li a:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid #b30000;
}

.qv-menu-normal li a:before {
    top: -2px;
    left: -2px;
    border-right: none;
    border-bottom: none;
}

.qv-menu-normal li a:after {
    bottom: -2px;
    right: -2px;
    border-left: none;
    border-top: none;
}

/* Hover: khung sáng hơn + phóng nhẹ */
.qv-menu-normal li a:hover {
    background: #fff5f5;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(179, 0, 0, 0.2);
}

</style>
///