/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.44.1781769723
Updated: 2026-06-18 08:02:03

*/

/* Tổng thể form */
.custom-cf7-form {
    font-family: serif; /* Kiểu chữ có chân thanh lịch như trong ảnh */
    max-width: 800px;
    margin: 0 auto;
}

/* Chia hàng và cột */
.custom-cf7-form .cf7-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 25px; /* Khoảng cách giữa các ô */
}

.custom-cf7-form .cf7-col {
    flex: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
}

.custom-cf7-form .full-width {
    flex: 0 0 100%;
}

/* Định dạng nhãn (Label) */
.custom-cf7-form label {
    font-size: 16px;
    margin-bottom: 8px;
    color: #000;
}

.custom-cf7-form .required {
    color: #e59866; /* Màu cam nhạt cho dấu sao * */
    margin-left: 3px;
}

/* Định dạng các ô nhập liệu (Inputs & Textarea) */
.custom-cf7-form input[type="text"],
.custom-cf7-form input[type="email"],
.custom-cf7-form textarea {
    width: 100% !important;
    padding: 15px 25px;
    border: 2px solid #e6dcd3; /* Viền màu beige nhạt */
    background-color: #fff;
    outline: none;
    box-sizing: border-box;
    font-size: 16px;
    transition: all 0.3s ease;
}

/* Bo tròn cực đại cho các ô nhập dòng đơn */
.custom-cf7-form input[type="text"],
.custom-cf7-form input[type="email"] {
    border-radius: 30px; 
}

/* Bo tròn vừa phải cho ô nhập nội dung dài */
.custom-cf7-form textarea {
    border-radius: 20px;
    height: 180px;
    resize: vertical;
}

/* Hiệu ứng khi click vào ô nhập */
.custom-cf7-form input:focus,
.custom-cf7-form textarea:focus {
    border-color: #a67c52; /* Viền đậm hơn chút khi nhấn vào */
}

/* Định dạng nút Send Message */
.custom-cf7-form .cf7-submit-wrap {
    margin-top: 25px;
}

.custom-cf7-form input[type="submit"] {
    background-color: #a48263; /* Màu nâu đất giống ảnh */
    color: #ffffff;
    border: none;
    padding: 15px 40px;
    font-size: 16px;
    font-family: serif;
    border-radius: 30px; /* Nút bo tròn */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hiệu ứng khi rê chuột vào nút */
.custom-cf7-form input[type="submit"]:hover {
    background-color: #8c6b4f; 
}