.elementor-781 .elementor-element.elementor-element-54a3ade{--display:flex;}.elementor-781 .elementor-element.elementor-element-e5a86a5{--display:flex;}.elementor-781 .elementor-element.elementor-element-450401c .elementor-author-box__avatar img{width:49px;height:49px;}.elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(12px/2);}.elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(12px/2);}.elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(12px/2);margin-left:calc(12px/2);}.elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-12px/2);margin-left:calc(-12px/2);}body.rtl .elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-12px/2);}body:not(.rtl) .elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-12px/2);}.elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-icon{width:19px;}.elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-icon i{font-size:19px;}.elementor-781 .elementor-element.elementor-element-6bbe761 .elementor-icon-list-icon svg{--e-icon-list-icon-size:19px;}.elementor-781 .elementor-element.elementor-element-d2b9254{width:100%;max-width:100%;}.elementor-781 .elementor-element.elementor-element-d2b9254.elementor-element{--align-self:center;}.elementor-781 .elementor-element.elementor-element-4eb6f72{--display:flex;}.elementor-781 .elementor-element.elementor-element-164bf73 .post-navigation__arrow-wrapper{color:#000000;fill:#000000;font-size:20px;}.elementor-781 .elementor-element.elementor-element-ebf77e0 #mglp-items .mg-card-text{text-align:left;}.elementor-781 .elementor-element.elementor-element-ebf77e0 .mg-post-list a.mg-card-btn i{font-size:14px;}.elementor-781 .elementor-element.elementor-element-ebf77e0 .mg-post-list a.mg-card-btn svg{width:14px;}.elementor-781 .elementor-element.elementor-element-5a9e37d .elementor-scrolling-tracker-horizontal{background-color:#F9F9F9;}.elementor-781 .elementor-element.elementor-element-5a9e37d{--horizontal-progress-border:none;--horizontal-height:5px;--horizontal-border-style:none;}/* Start custom CSS for post-comments, class: .elementor-element-d2b9254 *//* 1. Tạo khung nền tổng thể cho form */
.elementor-781 .elementor-element.elementor-element-d2b9254 #respond {
    background: #ffffff;
    padding: 40px; /* Tạo khoảng trống xung quanh */
    border-radius: 20px; /* Bo tròn khung */
    box-shadow: 0 10px 40px rgba(0,0,0,0.08); /* Đổ bóng nhẹ tạo chiều sâu */
    border: 1px solid #f0f0f0;
}

/* 2. Trang trí tiêu đề "Leave a Reply" */
.elementor-781 .elementor-element.elementor-element-d2b9254 #reply-title {
    font-family: "Playfair Display", Georgia, serif; /* Font sang trọng */
    font-size: 26px;
    text-align: center; /* Căn giữa cho cân đối */
    color: #333;
    margin-bottom: 10px;
}

/* 3. Dòng chữ "Logged in as..." */
.elementor-781 .elementor-element.elementor-element-d2b9254 .logged-in-as {
    text-align: center;
    color: #888;
    font-size: 14px;
    margin-bottom: 30px;
}
.elementor-781 .elementor-element.elementor-element-d2b9254 .logged-in-as a {
    color: #f5a623; /* Màu cam nổi bật cho tên user */
    font-weight: 600;
}

/* 4. Làm đẹp ô nhập liệu (Comment box) */
.elementor-781 .elementor-element.elementor-element-d2b9254 textarea, 
.elementor-781 .elementor-element.elementor-element-d2b9254 input[type="text"], 
.elementor-781 .elementor-element.elementor-element-d2b9254 input[type="email"] {
    background-color: #f9f9f9; /* Nền xám nhạt dịu mắt */
    border: 2px solid transparent; /* Ẩn viền mặc định */
    border-radius: 15px; /* Bo tròn góc ô nhập */
    padding: 15px 20px;
    font-size: 15px;
    transition: all 0.3s ease;
}

/* Hiệu ứng khi bấm vào ô nhập liệu */
.elementor-781 .elementor-element.elementor-element-d2b9254 textarea:focus, 
.elementor-781 .elementor-element.elementor-element-d2b9254 input:focus {
    background-color: #fff;
    border-color: #f5a623; /* Viền sáng lên màu cam */
    box-shadow: 0 5px 15px rgba(245, 166, 35, 0.1);
    outline: none;
}

/* 5. Nhãn (Label) phía trên ô nhập */
.elementor-781 .elementor-element.elementor-element-d2b9254 label {
    font-weight: 600;
    color: #555;
    margin-left: 10px; /* Thụt vào một chút cho thẳng hàng với text bên trong */
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 6. Biến nút "Post Comment" thành nút hiện đại */
.elementor-781 .elementor-element.elementor-element-d2b9254 .submit {
    background: linear-gradient(45deg, #f5a623, #e67e22) !important; /* Màu chuyển sắc cam */
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 40px !important;
    border-radius: 50px !important; /* Nút hình viên thuốc */
    border: none !important;
    cursor: pointer;
    width: 100%; /* Nút dài full chiều ngang nhìn quyền lực hơn */
    margin-top: 15px;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 20px rgba(230, 126, 34, 0.3);
}

/* Hiệu ứng hover nút gửi */
.elementor-781 .elementor-element.elementor-element-d2b9254 .submit:hover {
    transform: translateY(-3px); /* Nút bay lên nhẹ */
    box-shadow: 0 15px 25px rgba(230, 126, 34, 0.4);
}
/* --- PHẦN DANH SÁCH BÌNH LUẬN (RESPONSE LIST) --- */

/* 1. Tiêu đề số lượng bình luận (VD: One Response) */
.elementor-781 .elementor-element.elementor-element-d2b9254 .elementor-widget-container > h3, 
.elementor-781 .elementor-element.elementor-element-d2b9254 .comments-title {
    font-family: "Playfair Display", serif;
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 40px;
    position: relative;
    display: table; /* Mẹo để căn giữa và gạch chân */
    margin-left: auto;
    margin-right: auto;
}

/* Tạo gạch chân màu cam dưới tiêu đề */
.elementor-781 .elementor-element.elementor-element-d2b9254 .elementor-widget-container > h3:after,
.elementor-781 .elementor-element.elementor-element-d2b9254 .comments-title:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #f5a623;
    margin: 10px auto 0;
    border-radius: 2px;
}

/* 2. Khung chứa từng bình luận */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-body {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    padding: 25px;
    border-radius: 15px; /* Bo tròn mềm mại */
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03); /* Bóng đổ nhẹ */
    transition: transform 0.3s ease;
    position: relative;
}

/* Hiệu ứng nổi lên khi di chuột vào bình luận */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-body:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #f5a623; /* Viền chuyển màu cam */
}

/* 3. Avatar người bình luận */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-body img.avatar {
    border-radius: 50%; /* Làm tròn ảnh */
    border: 2px solid #f5a623; /* Viền cam quanh avatar */
    padding: 2px; /* Khoảng cách giữa ảnh và viền */
    width: 60px; 
    height: 60px;
    float: left; /* Đảm bảo avatar nằm bên trái */
    margin-right: 20px;
}

/* 4. Tên người bình luận */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-author cite, 
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-author .fn {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #2c3e50;
    text-transform: capitalize;
}

/* 5. Ngày giờ bình luận */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-metadata {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    display: block;
}
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-metadata a {
    color: #bbb;
    text-decoration: none;
}

/* 6. Nội dung bình luận */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-content {
    margin-left: 85px; /* Đẩy nội dung sang phải để không dính avatar */
    color: #555;
    line-height: 1.6;
}

/* 7. Nút "Reply" (Trả lời) */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-reply-link {
    float: right; /* Đẩy nút sang góc phải */
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #f5a623;
    border: 1px solid #f5a623;
    padding: 5px 15px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s;
    margin-top: -10px; /* Căn chỉnh lại vị trí */
}

/* Hiệu ứng hover nút Reply */
.elementor-781 .elementor-element.elementor-element-d2b9254 .comment-reply-link:hover {
    background-color: #f5a623;
    color: #fff;
    box-shadow: 0 3px 10px rgba(245, 166, 35, 0.4);
}/* End custom CSS */
/* Start custom CSS for progress-tracker, class: .elementor-element-5a9e37d */.elementor-781 .elementor-element.elementor-element-5a9e37d .elementor-progress-bar {
    background-image: linear-gradient(
        45deg, 
        rgba(255,255,255,.15) 25%, 
        transparent 25%, 
        transparent 50%, 
        rgba(255,255,255,.15) 50%, 
        rgba(255,255,255,.15) 75%, 
        transparent 75%, 
        transparent
    );
    background-size: 20px 20px;
    animation: move 2s linear infinite;
}

@keyframes move {
    from { background-position: 0 0; }
    to { background-position: 40px 0; }
}/* End custom CSS */