.elementor-5824 .elementor-element.elementor-element-5cb8c4a{--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-5824 .elementor-element.elementor-element-6132481{--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-5824 .elementor-element.elementor-element-917dde4{--display:flex;}.elementor-5824 .elementor-element.elementor-element-6ace24f{--display:flex;}/* Start custom CSS for post-comments, class: .elementor-element-3d4246a *//* --- KOJI ACADEMY COMMENT STYLE --- */

/* 1. Nền tổng thể của khu vực comment */
#comments, #respond {
    background-color: #F2F0E9 !important; /* Màu Kem */
    padding: 40px 20px;
    margin-top: 0 !important;
    border-top: 2px solid #0F2922; /* Viền xanh ngăn cách */
}

/* 2. Tiêu đề "Leave a Reply" */
#reply-title, .comments-title {
    font-family: "Prata", serif !important; /* Font sang trọng */
    font-size: 2rem !important;
    color: #0F2922 !important; /* Màu xanh Forest */
    text-transform: none !important;
    margin-bottom: 20px !important;
}

/* 3. Nhãn (Label) và Chữ nhỏ */
.comment-form label, .logged-in-as, .comment-notes {
    font-family: "Archivo", sans-serif !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #1A3C34 !important;
    font-weight: 700 !important;
}

/* 4. Ô nhập liệu (Input & Textarea) */
#commentform textarea, 
#commentform input[type="text"], 
#commentform input[type="email"], 
#commentform input[type="url"] {
    background-color: #ffffff !important;
    border: 2px solid #0F2922 !important; /* Viền cứng cáp */
    border-radius: 0 !important; /* Vuông vức */
    padding: 15px !important;
    font-family: "Archivo", sans-serif !important;
    color: #0F2922 !important;
    box-shadow: none !important;
}

#commentform textarea:focus, 
#commentform input:focus {
    border-color: #C75D2C !important; /* Focus màu cam */
    outline: none !important;
}

/* 5. Nút Gửi (Post Comment Button) - QUAN TRỌNG NHẤT */
#commentform input[type="submit"], 
.form-submit input#submit {
    background-color: #C75D2C !important; /* Màu Cam cháy */
    color: #ffffff !important;
    border: 2px solid #0F2922 !important;
    padding: 12px 35px !important;
    font-family: "Archivo", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 0.15em !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    margin-top: 20px !important;
}

/* Hiệu ứng Hover cho nút */
#commentform input[type="submit"]:hover, 
.form-submit input#submit:hover {
    background-color: #0F2922 !important; /* Đổi sang màu Xanh */
    color: #F2F0E9 !important;
    transform: translate(-3px, -3px); /* Nhảy lên nhẹ */
    box-shadow: 5px 5px 0px 0px #C75D2C !important; /* Bóng đổ cứng màu cam */
}

/* 6. Danh sách comment đã đăng */
.comment-list .comment-body {
    background: #fff;
    border: 1px solid #0F2922;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 4px 4px 0px 0px rgba(15, 41, 34, 0.1);
}
.fn {
    font-family: "Prata", serif !important;
    font-weight: bold;
    font-size: 1.1rem;
    color: #C75D2C !important;
}/* End custom CSS */