.custom-cf7-form-container {
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.06); /* Bóng đổ mờ mịn */
	padding: 40px 35px;
	max-width: 600px;
	width: 100%;
	margin: 20px auto;
	box-sizing: border-box;
}

/* Ẩn các thẻ ngắt dòng thừa do CF7 tự động sinh ra */
.custom-cf7-form-container br {
	display: none !important;
}

/* 2. Thiết lập Tiêu đề & Mô tả */
.custom-cf7-form-container .form-title {
	color: var(--fs-color-secondary) !important; /* Màu cam đậm */
	font-size: 28px !important;
	font-weight: 700 !important;
	margin-top: 0 !important;
	margin-bottom: 12px !important;
	line-height: 1.2 !important;
}

.custom-cf7-form-container .form-subtitle {
	margin-bottom: 30px;
}

/* 3. Bố cục các dòng và nhóm trường */
.custom-cf7-form-container .form-row {
	margin-bottom: 10px;
}

.custom-cf7-form-container .form-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr; /* Chia 2 cột đều nhau */
	gap: 20px;
}

.custom-cf7-form-container .form-group {
	display: flex;
	flex-direction: column;
}

/* 4. Định dạng Nhãn nhan đề (Labels) */
.custom-cf7-form-container .form-group label {
	color: #1F2937 !important; /* Màu xám đen */
	margin-bottom: 8px !important;
	font-size: 1rem;
}

/* 5. Định dạng các ô nhập liệu (Inputs & Textarea) */
.custom-cf7-form-container .wpcf7-form-control-wrap {
	display: block;
}

.custom-cf7-form-container input[type="text"],
.custom-cf7-form-container input[type="tel"],
.custom-cf7-form-container input[type="email"],
.custom-cf7-form-container textarea {
	width: 100% !important;
	padding: 25px 16px !important;
	background-color: #F8FAFC !important; /* Nền hơi xám xanh nhạt */
	border: 1px solid #E5E7EB !important; /* Viền xám mờ */
	border-radius: 5px !important; /* Bo tròn ô nhập liệu */
	box-shadow: none !important;
	transition: all 0.3s ease !important;
	box-sizing: border-box;
}

/* Định dạng chiều cao tối thiểu cho khung mô tả */
.custom-cf7-form-container textarea {
	min-height: 110px !important;
	resize: vertical;
}

/* Định dạng văn bản placeholder (mẫu điền trước) */
.custom-cf7-form-container ::placeholder {
	color: #9CA3AF !important;
	opacity: 1 !important;
}

/* Hiệu ứng khi nhấp chuột (Focus) vào ô nhập liệu */
.custom-cf7-form-container input:focus,
.custom-cf7-form-container textarea:focus {
	border-color: #E04F00 !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(224, 78, 0, 0.1) !important;
}

/* 6. Định dạng nút bấm Gửi (Submit button) */
.custom-cf7-form-container .form-submit-row {
	margin-top: 20px;
}

.custom-cf7-form-container input[type="submit"] {
	background-color: var(--fs-color-secondary) !important; /* Nền nút màu cam */
	color: #ffffff !important; /* Chữ trắng */
	border: none !important;
	border-radius: 5px !important; /* Bo góc nút */
	padding: 14px 20px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	cursor: pointer;
	width: 100% !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 4px 12px rgba(224, 78, 0, 0.15) !important;
	text-transform: none !important; /* Tránh viết hoa toàn bộ nếu Flatsome chặn */
}

/* Hiệu ứng khi di chuột qua nút Gửi */
.custom-cf7-form-container input[type="submit"]:hover {
	background-color: var(--primary-color) !important; /* Màu cam đậm hơn khi hover */
	transform: translateY(-1px);
}

/* 7. Định dạng tối ưu trên giao diện điện thoại di động */
@media (max-width: 600px) {
	.custom-cf7-form-container {
		padding: 25px 20px;
		margin: 15px auto;
	}
	.custom-cf7-form-container .form-grid-2 {
		grid-template-columns: 1fr; /* Trở về 1 cột trên điện thoại */
		gap: 15px;
	}
	.custom-cf7-form-container .form-title {
		font-size: 24px !important;
	}
}











.sam-contact-list {
	width: 100%;
	display: flex;
	flex-direction: column;
}

/* Thẻ liên hệ (Card) */
.sam-contact-list .sam-contact-card {
	background-color: #F8FAFC !important; /* Màu nền xám nhạt */
	border-radius: 10px !important; /* Bo góc tròn */
	padding: 15px !important; /* Khoảng cách đệm */
	display: flex;
	align-items: center;
	gap: 22px; /* Khoảng cách icon và chữ */
	border: 1px solid rgba(0, 0, 0, 0.02) !important;
	box-sizing: border-box;
}

/* Hộp trắng chứa Icon */
.sam-contact-list .sam-contact-icon {
	width: 62px;
	height: 62px;
	min-width: 62px;
	background-color: #ffffff !important;
	border-radius: 16px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important; /* Bóng đổ nổi bật cho hộp icon */
}

/* Định dạng màu sắc và kích cỡ cho toàn bộ Icon Font Awesome */
.sam-contact-list .sam-contact-icon i {
	color: var(--fs-color-secondary) !important; /* Màu cam đậm */
	font-size: 26px !important; /* Kích thước icon */
	display: inline-block;
	line-height: 1 !important;
}

/* Cột văn bản */
.sam-contact-list .sam-contact-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

/* Nhãn phía trên */
.sam-contact-list .sam-contact-label {
	font-size: 14px !important;
	color: #000 !important; 
	font-weight: 800;
}

/* Văn bản chính ở dưới */
.sam-contact-list .sam-contact-text {
	font-size: 19px !important;
	font-weight: 700 !important;
	color: #1F2937 !important; /* Màu xám đen sẫm */
	margin: 0 !important;
	line-height: 1.4 !important;
}

/* Link số điện thoại */
.sam-contact-list .sam-contact-text a {
	color: inherit !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}
.sam-contact-list .sam-contact-text a:hover {
	color: #E04F00 !important; /* Chuyển cam khi di chuột qua */
}

.lien-he-page h3 {
	font-size: 30px;
	color: var(--fs-color-secondary);
}
/* =================================================================         
TỐI ƯU TRÊN DI ĐỘNG (MOBILE RESPONSIVE)
================================================================= */
@media (max-width: 550px) {
	.sam-contact-list .sam-contact-card {
		padding: 16px 18px !important;
		gap: 16px;
	}
	.sam-contact-list .sam-contact-icon {
		width: 52px;
		height: 52px;
		min-width: 52px;
		border-radius: 12px !important;
	}
	.sam-contact-list .sam-contact-icon i {
		font-size: 20px !important; /* Giảm cỡ icon Font Awesome trên mobile */
	}
	.sam-contact-list .sam-contact-text {
		font-size: 16px !important;
	}
	.sam-contact-list .sam-contact-label {
		font-size: 11px !important;
	}
}



.social-contact-inline {
	display: inline-flex;  /* Sắp xếp các nút nằm ngang hàng nhau */
	gap: 12px;             /* Khoảng cách giữa các nút */
	align-items: center;
}
.social-contact-inline a:hover {
	color: #fff;
}

.contact-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hiệu ứng phóng to nhẹ khi di chuột */
.contact-btn:hover {
	transform: scale(1.08);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

/* Định dạng ảnh Zalo icon */
.zalo-icon {
	width: 32px;      /* Điều chỉnh kích thước icon vừa vặn trong vòng tròn */
	height: 32px;
	object-fit: contain;
}

/* Màu sắc nút */
.btn-zalo {
	background-color: var(--fs-color-secondary); /* Màu xanh Zalo gốc */
}

.btn-messenger {
	background-color: var(--fs-color-secondary);
}

.btn-phone {
	background-color: var(--fs-color-secondary);
}