.elementor-3500 .elementor-element.elementor-element-3186b727{--display:flex;--min-height:0px;--justify-content:space-evenly;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--background-transition:0.3s;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3500 .elementor-element.elementor-element-3afd256c > .elementor-widget-container{transition:background 0.7s;}.elementor-3500 .elementor-element.elementor-element-3afd256c img{opacity:1;}.elementor-3500 .elementor-element.elementor-element-4922bb98{--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;--background-transition:0.3s;}.elementor-3500 .elementor-element.elementor-element-711dfd8f{text-align:center;font-size:20px;font-weight:normal;}.elementor-3500 .elementor-element.elementor-element-0e11613{--display:flex;--background-transition:0.3s;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-e87f39f *//* ==============================
   FORM CONTACT FORM 7 – TỐI ƯU CHO ELEMENTOR
   ============================== */

/* 1️⃣ Khai báo màu chủ đạo */
:root {
    --robustaste-color: #A2763D;
    --robustaste-hover: #8C6534;
}

/* 2️⃣ Ô nhập liệu và vùng phản hồi */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100% !important;
    max-width: 100% !important; /* ngăn tràn trên mobile */
    border: 1px solid #ccc !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
}

/* 3️⃣ Văn bản chung trong form */
.wpcf7 label,
.wpcf7 p {
    font-size: 20px !important;
    line-height: 1.5 !important;
    color: inherit !important;
}

/* 4️⃣ Textarea */
.wpcf7 textarea {
    height: 100px !important;
    resize: vertical !important;
}

/* 5️⃣ Nút gửi */
.wpcf7 input[type="submit"] {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: var(--robustaste-color) !important;
    color: #fff !important;
    font-size: 20px !important;
    padding: 10px 25px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: block !important; /* giúp căn giữa */
    margin: 15px auto !important;
    max-width: 100% !important;
    transition: all 0.3s ease !important;
}

/* Hiệu ứng hover nút gửi */
.wpcf7 input[type="submit"]:hover {
    background-color: var(--robustaste-hover) !important;
    transform: scale(1.05);
}

/* 6️⃣ Form căn trái, nút gửi căn giữa */
.wpcf7 form div {
    text-align: left !important;
}

/* 7️⃣ Khối phản hồi (thông báo sau khi gửi) */
div.wpcf7-response-output {
    text-align: center !important;
    padding: 10px !important;
    border: none !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    margin: 10px auto !important;
    font-size: 18px !important;
}

.elementor-widget .wpcf7 {
    width: 100%;
    max-width: 100%;
    overflow: visible !important; /* cho phép phần tử con hiển thị đúng */
}/* End custom CSS */