.elementor-708 .elementor-element.elementor-element-4ebcd29{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-708 .elementor-element.elementor-element-c57c416{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-708 .elementor-element.elementor-element-c57c416:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-c57c416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-708 .elementor-element.elementor-element-f87e05f{--display:flex;--min-height:580px;}.elementor-708 .elementor-element.elementor-element-f87e05f:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-f87e05f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-708 .elementor-element.elementor-element-80384dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:80px;}.elementor-708 .elementor-element.elementor-element-fd2e74c{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-708 .elementor-element.elementor-element-278a1b4 .elementor-heading-title{font-family:var( --e-global-typography-738d184-font-family ), Sans-serif;font-size:var( --e-global-typography-738d184-font-size );font-weight:var( --e-global-typography-738d184-font-weight );line-height:var( --e-global-typography-738d184-line-height );color:var( --e-global-color-4640b23 );}.elementor-708 .elementor-element.elementor-element-a3b263b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-708 .elementor-element.elementor-element-b424d6f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-b424d6f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-708 .elementor-element.elementor-element-b424d6f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-708 .elementor-element.elementor-element-b424d6f .elementor-icon-list-text{color:var( --e-global-color-4640b23 );transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-58500a4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-708 .elementor-element.elementor-element-49aa7ab{text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-708 .elementor-element.elementor-element-494e2d6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-708 .elementor-element.elementor-element-16d2012{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-708 .elementor-element.elementor-element-16d2012 .elementor-divider-separator{width:100%;}.elementor-708 .elementor-element.elementor-element-16d2012 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-708 .elementor-element.elementor-element-366b9d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-708 .elementor-element.elementor-element-effa6dc .elementor-heading-title{font-family:var( --e-global-typography-738d184-font-family ), Sans-serif;font-size:var( --e-global-typography-738d184-font-size );font-weight:var( --e-global-typography-738d184-font-weight );line-height:var( --e-global-typography-738d184-line-height );color:var( --e-global-color-4640b23 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-708 .elementor-element.elementor-element-4ebcd29{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-708 .elementor-element.elementor-element-f87e05f{--min-height:333px;}.elementor-708 .elementor-element.elementor-element-80384dc{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-708 .elementor-element.elementor-element-278a1b4 .elementor-heading-title{font-size:var( --e-global-typography-738d184-font-size );line-height:var( --e-global-typography-738d184-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-708 .elementor-element.elementor-element-49aa7ab{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-708 .elementor-element.elementor-element-effa6dc .elementor-heading-title{font-size:var( --e-global-typography-738d184-font-size );line-height:var( --e-global-typography-738d184-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-708 .elementor-element.elementor-element-4ebcd29{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-708 .elementor-element.elementor-element-80384dc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-708 .elementor-element.elementor-element-278a1b4 .elementor-heading-title{font-size:var( --e-global-typography-738d184-font-size );line-height:var( --e-global-typography-738d184-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-708 .elementor-element.elementor-element-49aa7ab{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-708 .elementor-element.elementor-element-effa6dc .elementor-heading-title{font-size:var( --e-global-typography-738d184-font-size );line-height:var( --e-global-typography-738d184-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-708 .elementor-element.elementor-element-fd2e74c{--width:30%;}.elementor-708 .elementor-element.elementor-element-58500a4{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-708 .elementor-element.elementor-element-fd2e74c{--width:100%;}.elementor-708 .elementor-element.elementor-element-58500a4{--width:100%;}}/* Start custom CSS for post-comments, class: .elementor-element-1099bcd *//* ==========================================================================
   PHẦN 1: CẤU HÌNH CHUNG & FONT CHỮ
   ========================================================================== */

/* Bắt buộc toàn bộ khu vực comment dùng font của website */
#comments, 
#respond, 
.comment-reply-title, 
.comment-list, 
.form-submit,
#respond input, 
#respond textarea,
#respond p,
.comment-body {
    font-family: inherit !important; 
    color: #333;
}

/* Ẩn các thành phần mặc định theo ý bạn (Tiêu đề form, ghi chú...) */
#reply-title,
.logged-in-as,
.comment-notes {
    display: none;
}

/* ==========================================================================
   PHẦN 2: GIAO DIỆN FORM NHẬP LIỆU (MÀU XANH SAGE)
   ========================================================================== */

#respond {

}

/* Ẩn nhãn (Labels) chung để dùng Placeholder */
.comment-form label {
    display: none;
}

/* Style cho các ô nhập liệu (Input & Textarea) */
#respond textarea,
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    width: 100%;
    background-color: #fff;
    border: 1px solid #E5C868; /* Viền vàng */
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 15px;
    margin-bottom: 25px;
    outline: none;
    color: #555;
    border-radius: 4px; /* Bo góc nhẹ ô nhập */
}

#respond textarea {
    min-height: 150px;
}

/* --- BỐ CỤC 3 CỘT (TÊN, EMAIL, WEBSITE) --- */
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 32%;
    float: left;
    margin-right: 2%;
}
.comment-form-url {
    margin-right: 0;
}
/* Clear float */
.comment-form:after {
    content: "";
    display: table;
    clear: both;
}

/* ==========================================================================
   PHẦN 3: CHECKBOX & NÚT SUBMIT
   ========================================================================== */

/* --- HIỆN LẠI CHỮ CHO CHECKBOX --- */
/* Quan trọng: Phải ghi đè display:none ở trên để hiện chữ checkbox */
.comment-form-cookies-consent label {
    display: inline-block !important; 
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}

.comment-form-cookies-consent {
    clear: both;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    width: 100%;
}

.comment-form-cookies-consent input[type="checkbox"] {
    margin-right: 5px;
    width: auto !important;
    accent-color: #E5C868; /* Màu vàng của dấu tích */
    transform: scale(1.2);
    margin-bottom: 0;
    cursor: pointer;
}

/* --- NÚT GỬI (HÌNH ĐÁM MÂY) --- */
.form-submit {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0;
}

#submit {
    /* --- PHẦN QUAN TRỌNG ĐỂ ẨN CHỮ --- */
    text-indent: -9999px; /* Đẩy chữ ra xa khỏi nút */
    overflow: hidden;     /* Ẩn phần chữ bị đẩy ra */
    white-space: nowrap;  /* Không cho phép chữ xuống dòng */
    display: inline-block; /* Đảm bảo các thuộc tính trên hoạt động */
    font-size: 0;         /* Thu nhỏ font chữ về 0 làm biện pháp dự phòng */
    color: transparent;   /* Ẩn màu chữ */

    /* --- CẤU HÌNH HÌNH NỀN --- */
    background-image: url('https://hueritage.vn/wp-content/uploads/2026/01/post-comment.png');
    background-repeat: no-repeat;
    background-position: center; /* Canh giữa hình trong khung nút */
    background-size: contain;

    /* --- CÁC THUỘC TÍNH KHÁC (GIỮ NGUYÊN) --- */
    background-color: transparent;
    border: none;
    box-shadow: none;
    width: 200px;
    height: 80px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    padding: 0;
}

#submit:hover {
    opacity: 0.8;
}
#submit:hover {
    opacity: 0.8;
}



/* ==========================================================================
   PHẦN 5: MOBILE RESPONSIVE
   ========================================================================== */
@media (max-width: 768px) {
    /* Form nhập liệu về 1 cột */
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    
    #respond {
        padding: 20px; /* Giảm padding */
    }
    
    /* Danh sách comment trên mobile */
    .comment-author .avatar {
        width: 40px;
        height: 40px;
    }
    .comment-metadata, .comment-content {
        margin-left: 55px; /* Điều chỉnh lại thụt lề */
    }
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-708 {
  background: linear-gradient(
    180deg,
    #0f1716 0%,
    #3f5f52 50%,
    #2c3f39 100%
  );
}/* End custom CSS */