/* =====================================================
   A. RESET ICON CŨ CỦA FLATSOME (TRÁNH Ô VUÔNG)
===================================================== */

.widget_nav_menu .widget-title::before,
.widget_nav_menu ul.menu li a::before,
.title-pro h3::before,
.product-small .add_to_cart_button::before {
    content: none !important;
    display: none !important;
}


/* =====================================================
   B. ICON TIA SÉT - TIÊU ĐỀ DANH MỤC SẢN PHẨM
===================================================== */

.widget_nav_menu .widget-title {
    position: relative;
    padding-left: 40px !important;
}

.widget_nav_menu .widget-title::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L3 14h7v8l10-12h-7z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


/* =====================================================
   C. ICON TIA SÉT - CÁC MỤC DANH MỤC CON (SIDEBAR)
===================================================== */

.widget_nav_menu ul.menu li a {
    position: relative;
    padding-left: 45px !important;
}

.widget_nav_menu ul.menu li a::after {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C1902D' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L3 14h7v8l10-12h-7z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}


/* =====================================================
   D. ICON TIA SÉT - TIÊU ĐỀ SECTION (ẮC QUY Ô TÔ...)
===================================================== */

.title-pro h3 {
    position: relative;
    padding-left: 38px !important;
}

.title-pro h3::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L3 14h7v8l10-12h-7z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


/* =====================================================
   E. ICON GIỎ HÀNG - NÚT THÊM VÀO GIỎ
===================================================== */

.product-small .add_to_cart_button {
    position: relative;
    padding-left: 42px !important;
}

.product-small .add_to_cart_button::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D3A93F' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h-2l-1 2h2l3.6 7.59-1.35 2.44C7.52 16.37 8.48 18 10 18h9v-2h-8.42c-.14 0-.25-.11-.25-.25l.03-.12L11.1 14h6.45a2 2 0 001.79-1.11l3.58-7.16A1 1 0 0022 4H7zm3 16a2 2 0 100 4 2 2 0 000-4zm8 0a2 2 0 100 4 2 2 0 000-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Hover đổi màu trắng */
.product-small .add_to_cart_button:hover::after {
    filter: brightness(0) invert(1);
}