.elementor-4473 .elementor-element.elementor-element-17fc6c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4473 .elementor-element.elementor-element-6579804{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4473 .elementor-element.elementor-element-17aa566 > .elementor-widget-container{margin:-35px 0px 0px 0px;}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-17aa566 *//* =========================================
   BREADCRUMB HOÀNG CUNG - BẢN NÂNG CẤP ĐỎ MẬN
   ========================================= */

/* 1. Khung bao quanh & Chữ của TRANG HIỆN TẠI (In đậm, Đỏ mận) */
.woocommerce-breadcrumb,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb {
    font-size: 15px !important;
    font-weight: 700 !important; /* In đậm trang hiện tại */
    color: #5a0000 !important;   /* Màu Đỏ mận */
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #e8c471 !important; /* Viền đứt nét vàng đồng */
    text-transform: none !important;
}

/* 2. CÁC ĐƯỜNG DẪN TRƯỚC ĐÓ (Home, Danh mục... - Không in đậm, Đỏ mận) */
.woocommerce-breadcrumb a,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a {
    color: #5a0000 !important;   /* Vẫn là Đỏ mận */
    text-decoration: none !important;
    font-weight: 400 !important; /* Trả về nét thanh mảnh bình thường */
    transition: all 0.3s ease !important;
}

/* 3. HIỆU ỨNG KHI RÊ CHUỘT VÀO LINK (Chuyển sang Vàng đồng) */
.woocommerce-breadcrumb a:hover,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover {
    color: #b38b22 !important; /* Vàng đồng phát sáng nhẹ */
}

/* 4. Dấu phân cách (Làm mờ đi để làm nổi bật chữ) */
.woocommerce-breadcrumb a::after {
    color: #999 !important; 
    font-weight: 400 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6579804 *//* =========================================
   BREADCRUMB HOÀNG CUNG - BẢN NÂNG CẤP ĐỎ MẬN
   ========================================= */

/* 1. Khung bao quanh & Chữ của TRANG HIỆN TẠI (In đậm, Đỏ mận) */
.woocommerce-breadcrumb,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb {
    font-size: 15px !important;
    font-weight: 700 !important; /* In đậm trang hiện tại */
    color: #5a0000 !important;   /* Màu Đỏ mận */
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px dashed #e8c471 !important; /* Viền đứt nét vàng đồng */
    text-transform: none !important;
}

/* 2. CÁC ĐƯỜNG DẪN TRƯỚC ĐÓ (Home, Danh mục... - Không in đậm, Đỏ mận) */
.woocommerce-breadcrumb a,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a {
    color: #5a0000 !important;   /* Vẫn là Đỏ mận */
    text-decoration: none !important;
    font-weight: 400 !important; /* Trả về nét thanh mảnh bình thường */
    transition: all 0.3s ease !important;
}

/* 3. HIỆU ỨNG KHI RÊ CHUỘT VÀO LINK (Chuyển sang Vàng đồng) */
.woocommerce-breadcrumb a:hover,
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover {
    color: #b38b22 !important; /* Vàng đồng phát sáng nhẹ */
}

/* 4. Dấu phân cách (Làm mờ đi để làm nổi bật chữ) */
.woocommerce-breadcrumb a::after {
    color: #999 !important; 
    font-weight: 400 !important;
}/* End custom CSS */