/* Form Đánh Giá - Grid Layout */
.wt-form-danh-gia form.uagb-forms-main-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

/* On tablet/desktop, display in 3 columns */
@media (min-width: 768px) {
    .wt-form-danh-gia form.uagb-forms-main-form {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Only the last textarea (not having .wt-so-luong) spans across all 3 columns */
    .wt-form-danh-gia .wp-block-uagb-forms-textarea:not(.wt-so-luong) {
        grid-column: span 3;
    }

    /* Submit button wrapper spans across all 3 columns */
    .wt-form-danh-gia .uagb-forms-main-submit-button-wrap {
        grid-column: span 3;
    }
}

/* Force all input, select, and the first textarea (.wt-so-luong) elements to have equal height */
.wt-form-danh-gia .uagb-forms-input:not(textarea),
.wt-form-danh-gia .wt-so-luong textarea.uagb-forms-textarea-input {
    height: 50px !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    resize: none;
}

.wt-form-danh-gia .uagb-forms-form-hidden-data,
.wt-form-danh-gia [class*="uagb-form-reacaptcha-error"] {
    display: none !important;
}

.wt-form-danh-gia .wp-block-button {
    margin-top: 10px !important;
    /* Cộng thêm 10px với 30px gap của grid để thành 40px */
}

/* form trang liên hệ */
.wt-form-lien-he form.uagb-forms-main-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.wt-form-lien-he .uagb-forms-form-hidden-data,
.wt-form-lien-he [class*="uagb-form-reacaptcha-error"] {
    display: none !important;
}

.wt-form-lien-he .wp-block-button {
    margin-top: 10px !important;
    /* Cộng thêm 10px với 30px gap của grid để thành 40px */
}

.wt-form-lien-he button {
    justify-content: center !important;
}

.wt-google-map embed {
    border-radius: 0 40px 40px 0 !important;
    height: 100% !important;
    min-height: 300px !important;
}

@media (max-width: 767px) {
    .wt-google-map embed {
        border-radius: 0 0 40px 40px !important;
    }
}

@media (min-width: 768px) {
    .wt-form-lien-he form.uagb-forms-main-form {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Dòng đầu (Họ và tên) chiếm hết 2 cột */
    .wt-form-lien-he .wp-block-uagb-forms-name {
        grid-column: span 2;
    }

    /* Dòng cuối (Nội dung) chiếm hết 2 cột */
    .wt-form-lien-he .wp-block-uagb-forms-textarea {
        grid-column: span 2;
    }

    /* Button chiếm hết 2 cột */
    .wt-form-lien-he .uagb-forms-main-submit-button-wrap {
        grid-column: span 2;
    }
}