.elementor-kit-10889{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10889 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================================= */
/* === CSS HOÀN CHỈNH: ICON XANH MẶC ĐỊNH & TITLE GẦN ICON PDF === */
/* ================================================================= */

/* 1. Thiết lập cơ bản cho mỗi hàng */
.danh-sach-tai-ve .elementor-icon-list-item {
    background-color: transparent !important;
    padding: 8px !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    transition: background-color 0.3s ease;
}

/* 2. Style khi hover vào mỗi hàng */
.danh-sach-tai-ve .elementor-icon-list-item:hover {
    background-color: #E9E9E9 !important;
}

/* 3. Căn chỉnh tổng thể */
.danh-sach-tai-ve .elementor-icon-list-item a {
    display: flex;         /* Bật Flexbox để căn chỉnh */
    align-items: center;   /* Căn các mục ở giữa theo chiều dọc */
    width: 100%;
    /* Không dùng justify-content: space-between để kiểm soát khoảng cách tốt hơn */
}

/* 4. TẠO KHOẢNG CÁCH GIỮA ICON PDF VÀ TIÊU ĐỀ */
.danh-sach-tai-ve .elementor-icon-list-icon {
    /* Bạn có thể thay đổi giá trị 10px để được khoảng cách ưng ý nhất */
    padding-right: 10px; 
}

/* 5. TẠO ICON DOWNLOAD VÀ ĐẨY SANG PHẢI */
.danh-sach-tai-ve .elementor-icon-list-item a::after {
    content: ''; /* Bắt buộc content rỗng */
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Đảm bảo icon không bị co lại */

    /* Dùng link SVG của bạn làm mặt nạ */
    mask-image: url('http://incomex.metasol.vn/wp-content/uploads/2025/08/Icon.svg');
    -webkit-mask-image: url('http://incomex.metasol.vn/wp-content/uploads/2025/08/Icon.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;

    /* MÀU MẶC ĐỊNH CỦA ICON: MÀU XANH */
    background-color: #026938;

    /* TRICK QUAN TRỌNG: Tự động đẩy icon này sang hẳn bên phải */
    margin-left: auto; 
}

/* 6. Đổi màu text và icon PDF gốc KHI HOVER */
.danh-sach-tai-ve .elementor-icon-list-item:hover .elementor-icon-list-text,
.danh-sach-tai-ve .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #026938;
    font-weight: 700;
}

/*
 * Định dạng cho mục menu đang được chọn (active)
 */
li.current-menu-item > a.elementor-item {
 
    color: #026938 !important; 
}

li.current-menu-item > a.elementor-item:hover {
    color: #FFFFFF !important;
}

/*
 * 1. Định dạng cho thẻ div chứa các tag
 * Biến nó thành flex container và cho phép xuống dòng.
*/
.jet-listing-dynamic-field__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* QUAN TRỌNG: CHO PHÉP CÁC TAG TỰ ĐỘNG XUỐNG DÒNG */
    align-items: center;
    gap: 8px; /* Khoảng cách ngang giữa các tag */
}

/*
 * 2. Định dạng cho từng tag (span.custom-tag-item)
 * Tạo hình viên thuốc (pill shape) và style cho chữ.
*/
.custom-tag-item {
    /* Style cho hình dạng */
    display: inline-block;
    padding: 4px 12px; /* Tăng padding ngang một chút cho thoáng hơn */
    background: #F4F4F4;
    border-radius: 9999px; /* Tạo hình viên thuốc */
    margin-bottom: 8px; /* Thêm khoảng cách dưới khi tag xuống dòng */

    /* Style cho chữ bên trong */
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4; /* Dùng line-height tương đối để căn chỉnh tốt hơn */
    color: #565656;
    
    /* Cho phép chữ dài tự ngắt dòng bên trong tag */
    word-break: break-word; 
}/* End custom CSS */