/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.yellow-clr{
	color:#F9D02C !important;
}

.form-home .hidden-fields-container { display: none; }

/* ── GRID ── */
.form-home .cf7-commercial-form p { margin: 0; }

.form-home .wpcf7-form-control-wrap { display: block; width: 100%; }

.form-home .cf7-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 16px;
	margin-bottom: 13px;
}
.form-home .cf7-row:last-of-type { margin-bottom: 0; }

.form-home .cf7-col,
.form-home .cf7-col-full {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}
.form-home .cf7-col-full { grid-column: 1 / -1; }

/* ── LABELS ── */
.form-home .cf7-col label,
.form-home .cf7-col-full label {
	font-size: .78rem;
	font-weight: 600;
	color: #111;
	letter-spacing: .01em;
	margin-bottom: 5px;
}

/* ── INPUTS ── */
.form-home .wpcf7-form-control.wpcf7-text,
.form-home .wpcf7-form-control.wpcf7-email,
.form-home .wpcf7-form-control.wpcf7-tel,
.form-home .wpcf7-form-control.wpcf7-date {
	width: 100%;
	height: 40px;
	padding: 0 13px;
	border: 1.5px solid #d8d8d8;
	border-radius: 9px;
	font-size: .9rem;
	color: #222;
	background: #fff;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	transition: border-color .18s;
}

/* ── SELECT ── */
.form-home .wpcf7-form-control.wpcf7-select {
	width: 100%;
	height: 44px;
	padding: 0 34px 0 13px;
	border: 1.5px solid #d8d8d8;
	border-radius: 9px;
	font-size: .9rem;
	color: #222;
	background: #fff
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")
		no-repeat right 13px center;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	cursor: pointer;
	transition: border-color .18s;
}

/* ── TEXTAREA ── */
.form-home .wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 11px 13px;
	border: 1.5px solid #d8d8d8;
	border-radius: 9px;
	font-size: .9rem;
	color: #222;
	background: #fff;
	outline: none;
	resize: vertical;
	height: 65px;
	font-family: inherit;
	transition: border-color .18s;
}

.form-home .wpcf7-form-control::placeholder { color: #aaa; }

.form-home .wpcf7-form-control:focus { border-color: #e02020; }

.form-home .wpcf7-form-control.wpcf7-date::-webkit-calendar-picker-indicator {
	opacity: .5;
	cursor: pointer;
}

/* ── SUBMIT ── */
.form-home .cf7-submit { margin-top: 6px; }
.form-home .cf7-submit p { margin: 0; }

.form-home .wpcf7-form-control.wpcf7-submit {
	width: 100%;
	height: 52px;
	border: none;
	border-radius: 30px;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	font-family: inherit;
	cursor: pointer;
	letter-spacing: .02em;
	box-shadow: 0 4px 18px rgba(200,20,20,.4);
	transition: transform .15s, box-shadow .15s;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E")
		no-repeat calc(50% - 92px) center,
		linear-gradient(135deg, #e52020 0%, #c91010 100%);
}
.form-home .wpcf7-form-control.wpcf7-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 24px rgba(200,20,20,.5);
}
.form-home .wpcf7-form-control.wpcf7-submit:active { transform: translateY(0); }

.form-home .wpcf7-spinner { display: none; }
.form-home .wpcf7-response-output { display: none; }

/* ── RESPONSIVE ── */
@media (max-width: 540px) {
	.form-home {
		padding: 24px 16px 20px;
		border-radius: 12px;
	}

	.form-home .cf7-row {
		/* 		grid-template-columns: 1fr; */
		gap: 12px;
		margin-bottom: 12px;
	}

	/* 	.form-home .cf7-col-full { grid-column: 1; }
	*/
	.form-home .wpcf7-form-control.wpcf7-text,
	.form-home .wpcf7-form-control.wpcf7-email,
	.form-home .wpcf7-form-control.wpcf7-tel,
	.form-home .wpcf7-form-control.wpcf7-date,
	.form-home .wpcf7-form-control.wpcf7-select { height: 46px; font-size: .95rem; }

	.form-home .wpcf7-form-control.wpcf7-submit {
		height: 44px;
		font-size: .95rem;
		background-position: calc(50% - 86px) center,
			linear-gradient(135deg, #fb1815 0%, #fb1815 100%);
	}
}

@media (max-width: 360px) {
	.form-home { padding: 20px 12px 16px; }

	.form-home .cf7-col label,
	.form-home .cf7-col-full label { font-size: .75rem; }
}

.contact-form .hidden-fields-container { display: none; }

/* ── GRID ROWS ── */
.contact-form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 16px;
	margin-bottom: 14px;
}

.contact-form .form-col {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.contact-form .form-col p { margin: 0; }

/* standalone textarea / submit rows */
.contact-form > form > p { margin: 0 0 14px; }
.contact-form > form > p:last-of-type { margin-bottom: 0; }

/* ── CONTROL WRAP ── */
.contact-form .wpcf7-form-control-wrap { display: block; width: 100%; }

/* ── INPUTS ── */
.contact-form .wpcf7-form-control.wpcf7-text,
.contact-form .wpcf7-form-control.wpcf7-email,
.contact-form .wpcf7-form-control.wpcf7-tel {
	width: 100%;
	height: 44px;
	padding: 0 13px;
	border: 1.5px solid #d8d8d8;
	border-radius: 9px;
	font-size: .9rem;
	color: #222;
	background: #fff;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	transition: border-color .18s;
}

/* ── SELECT ── */
.contact-form .wpcf7-form-control.wpcf7-select {
	width: 100%;
	height: 44px;
	padding: 0 34px 0 13px;
	border: 1.5px solid #d8d8d8;
	border-radius: 9px;
	font-size: .9rem;
	color: #222;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 13px center;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	cursor: pointer;
	transition: border-color .18s;
}

/* ── TEXTAREA ── */
.contact-form .wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 11px 13px;
	border: 1.5px solid #d8d8d8;
	border-radius: 9px;
	font-size: .9rem;
	color: #222;
	background: #fff;
	outline: none;
	resize: vertical;
	height: 80px;
	font-family: inherit;
	transition: border-color .18s;
}

.contact-form .wpcf7-form-control::placeholder { color: #aaa; }

.contact-form .wpcf7-form-control:focus { border-color: #e02020; }

/* ── SUBMIT ── */
.contact-form .wpcf7-form-control.wpcf7-submit {
	width: 100%;
	height: 52px;
	border: none;
	border-radius: 30px;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	font-family: inherit;
	cursor: pointer;
	letter-spacing: .02em;
	box-shadow: 0 4px 18px rgba(200, 20, 20, .4);
	transition: transform .15s, box-shadow .15s;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E") no-repeat calc(50% - 76px) center,
		linear-gradient(135deg, #e52020 0%, #c91010 100%);
}

.contact-form .wpcf7-form-control.wpcf7-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 24px rgba(200, 20, 20, .5);
}

.contact-form .wpcf7-form-control.wpcf7-submit:active { transform: translateY(0); }

.contact-form .wpcf7-spinner { display: none; }
.contact-form .wpcf7-response-output { display: none; }

/* ── CONTACT RESPONSIVE ── */
@media (max-width: 540px) {
	.contact-form {
		padding: 24px 16px 20px;
		border-radius: 12px;
	}

	.contact-form .form-row {
/* 		grid-template-columns: 1fr; */
		gap: 12px;
		margin-bottom: 12px;
	}

	.contact-form .wpcf7-form-control.wpcf7-text,
	.contact-form .wpcf7-form-control.wpcf7-email,
	.contact-form .wpcf7-form-control.wpcf7-tel,
	.contact-form .wpcf7-form-control.wpcf7-select {
		height: 46px;
		font-size: .95rem;
	}

	.contact-form .wpcf7-form-control.wpcf7-submit { height: 50px; font-size: .95rem; }
}

@media (max-width: 360px) {
	.contact-form { padding: 20px 12px 16px; }
}