/* Stubbins Campaign Manager — lead form
   v1.4.0: monday form styling ported 1:1 from the previous monday.com plugin's
   form-styles.css (class names preserved so existing theme overrides keep working). */

.monday-integration-form__wrapper {
	background-color: rgb(255 250 242 / 1); /* overridden inline for bg="transparent" */
	border-radius: 1.5rem;
	padding: 2rem;
	width: 100%;
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
@media (min-width: 1280px) {
	.monday-integration-form__wrapper { max-width: 450px; }
}
.monday-integration-form__wrapper .monday-integration-form__heading {
	font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; letter-spacing: 0.05em; font-family: inherit;
}
form.monday-crm-form { display: flex; flex-direction: column; margin-top: 2rem; font-family: inherit; }
form.monday-crm-form > .monday-crm-form__label {
	display: block; font-size: 0.875rem; line-height: 1.25rem; color: rgb(17 24 39 / 1);
	margin-top: 1.125rem; margin-bottom: 0.25rem;
}
form.monday-crm-form > .monday-crm-form__label:first-child { margin-top: 0; }
form.monday-crm-form > .monday-crm-form__input,
form.monday-crm-form > .monday-crm-form__textarea {
	display: block; flex: 1 1 0%;
	border: 1px solid rgb(209 213 219 / 1); border-radius: 0.5rem;
	background-color: rgb(255 255 255 / 1);
	padding: 0.5rem 0.5rem 0.5rem 0.5rem; color: rgb(17 24 39 / 1);
}
form.monday-crm-form > .monday-crm-form__input::placeholder,
form.monday-crm-form > .monday-crm-form__textarea::placeholder { color: rgb(156 163 175 / 1); }
form.monday-crm-form > .monday-crm-form__input:focus,
form.monday-crm-form > .monday-crm-form__textarea:focus {
	outline: none; box-shadow: 0 0 0 2px rgb(59 130 246 / .45);
}
@media (min-width: 640px) {
	form.monday-crm-form > .monday-crm-form__input,
	form.monday-crm-form > .monday-crm-form__textarea { font-size: 0.875rem; line-height: 1.5rem; }
}
form.monday-crm-form > .monday-crm-form__textarea { margin-bottom: 1.25rem; resize: none; }
form.monday-crm-form .monday-crm-form__error   { color: rgb(220 38 38 / 1); font-size: 0.875rem; }
form.monday-crm-form .monday-crm-form__success { color: rgb(22 163 74 / 1); font-size: 0.875rem; }
form.monday-crm-form .monday-crm-form__submit {
	border: none; background-color: rgb(255 175 41 / 1);
	font-size: 0.875rem; line-height: 1.25rem; color: rgb(17 24 39 / 1); font-weight: 500;
	padding: 0.5rem 2.5rem; border-radius: 0.5rem; cursor: pointer;
	transition: color .15s cubic-bezier(0.4,0,0.2,1), background-color .15s cubic-bezier(0.4,0,0.2,1),
		box-shadow .15s cubic-bezier(0.4,0,0.2,1), transform .15s cubic-bezier(0.4,0,0.2,1);
}
form.monday-crm-form .monday-crm-form__submit:hover:not(:disabled) { transform: scale(1.05); }
form.monday-crm-form .monday-crm-form__submit:disabled {
	background-color: rgb(209 213 219 / 1); color: rgb(107 114 128 / 1); cursor: not-allowed;
}
form.monday-crm-form .cf-turnstile { margin-top: 1rem; }

/* Honeypot: visually removed, still in DOM for bots */
.scm-form__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px; height: 1px;
	overflow: hidden;
}

/* Disclaimer + notices (plugin additions below the old plugin's markup) */
.scm-form__disclaimer {
	font-size: 12px;
	color: #6b7280;
	margin-top: 10px;
}
.scm-form__disclaimer a { color: #4b5563; text-decoration: underline; }
.scm-form__notice {
	margin-top: 12px;
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 14px;
}
.scm-form__notice--info { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; }
.scm-form__notice--error { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }

/* v1.5.0: the phone link is injected by JS only after server-side cookie
   verification — the number never exists in the page markup. */
.scm-thankyou-phone {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	color: #1d4ed8;
}
