/* ==========================================================================
   ShopMedX Contact Form 7 Styles
   ========================================================================== */

.shopmedx-cf7-form,
.wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.shopmedx-cf7-form > p,
.wpcf7-form > p {
	margin: 0;
}

.shopmedx-cf7-field {
	margin: 0;
}

.shopmedx-cf7-form label,
.wpcf7-form label {
	display: block;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--color-navy);
	margin-bottom: 0.375rem;
}

.shopmedx-cf7-form input[type="text"],
.shopmedx-cf7-form input[type="email"],
.shopmedx-cf7-form input[type="tel"],
.shopmedx-cf7-form input[type="url"],
.shopmedx-cf7-form input[type="number"],
.shopmedx-cf7-form input[type="date"],
.shopmedx-cf7-form select,
.shopmedx-cf7-form textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea {
	display: block;
	width: 100%;
	padding: 0.75rem 0.875rem;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--color-text);
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 0.625rem;
	transition: border-color var(--transition), box-shadow var(--transition);
	-webkit-appearance: none;
	appearance: none;
}

.shopmedx-cf7-form input:focus,
.shopmedx-cf7-form select:focus,
.shopmedx-cf7-form textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(0, 91, 181, 0.1);
}

.shopmedx-cf7-form textarea,
.wpcf7-form textarea {
	min-height: 8rem;
	resize: vertical;
}

.shopmedx-cf7-form select,
.wpcf7-form select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.875rem center;
	padding-right: 2.25rem;
	cursor: pointer;
}

.shopmedx-cf7-form input[type="submit"],
.shopmedx-cf7-form button[type="submit"],
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.9375rem 1.5rem;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--color-white);
	background: var(--color-primary);
	border: none;
	border-radius: 0.625rem;
	cursor: pointer;
	transition: background var(--transition);
	margin-top: 0.25rem;
}

.shopmedx-cf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover {
	background: var(--color-primary-dark);
}

.shopmedx-cf7-form .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-not-valid-tip {
	font-size: 0.75rem;
	color: var(--color-accent-red);
	margin-top: 0.25rem;
}

.shopmedx-cf7-form .wpcf7-not-valid,
.wpcf7-form .wpcf7-not-valid {
	border-color: var(--color-accent-red) !important;
}

.shopmedx-cf7-form .wpcf7-response-output,
.wpcf7-form .wpcf7-response-output {
	order: 99;
	margin: 0.75rem 0 0;
	padding: 0.875rem 1rem;
	border-radius: 0.625rem;
	font-size: 0.8125rem;
	border: 1px solid transparent;
}

.shopmedx-cf7-form .wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-mail-sent-ok {
	background: #ecfdf5;
	color: #065f46;
	border-color: #a7f3d0;
}

.shopmedx-cf7-form .wpcf7-validation-errors,
.shopmedx-cf7-form .wpcf7-acceptance-missing,
.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-acceptance-missing {
	background: #fef2f2;
	color: #991b1b;
	border-color: #fecaca;
}

.shopmedx-cf7-form .wpcf7-spam-blocked,
.wpcf7-form .wpcf7-spam-blocked {
	background: #fffbeb;
	color: #92400e;
	border-color: #fde68a;
}

.shopmedx-cf7-form .wpcf7-form-control-wrap,
.wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

/* Hide spam/honeypot fields that appear as stray inputs */
.shopmedx-cf7-form input[type="hidden"],
.wpcf7-form input[type="hidden"],
.shopmedx-cf7-form .hidden-fields-container,
.wpcf7-form .hidden-fields-container,
.shopmedx-cf7-form .akismet-fields-container,
.wpcf7-form .akismet-fields-container,
.shopmedx-cf7-form .wpcf7-acceptance,
.wpcf7-form .wpcf7-acceptance {
	display: none !important;
}

.shopmedx-cf7-row,
.wpcf7-form .shopmedx-cf7-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

@media (max-width: 768px) {
	.shopmedx-cf7-row,
	.wpcf7-form .shopmedx-cf7-row {
		grid-template-columns: 1fr;
	}
}

.shopmedx-required {
	color: var(--color-accent-red);
}

.shopmedx-cf7-info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	margin-left: 0.25rem;
	border-radius: 50%;
	background: rgba(219, 234, 254, 0.85);
	color: var(--color-primary);
	font-size: 0.6875rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	cursor: help;
	vertical-align: middle;
}

.shopmedx-quote-form-card .wpcf7-form,
.shopmedx-quote-form-card .shopmedx-cf7-form {
	gap: 1.125rem;
}

.shopmedx-quote-form-card .wpcf7-list-item {
	margin: 0 1rem 0.5rem 0;
}

.shopmedx-quote-form-card .wpcf7-radio .wpcf7-list-item-label {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
}

.shopmedx-quote-upload__zone .wpcf7-form-control-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}

.shopmedx-quote-upload__zone input[type="file"] {
	width: 100%;
	max-width: 100%;
	font-size: 0.8125rem;
	border: none;
	background: transparent;
	padding: 0;
}

.shopmedx-quote-upload__zone input[type="file"]::file-selector-button {
	margin-right: 0.75rem;
	padding: 0.5rem 0.875rem;
	border: 1px solid var(--color-primary);
	border-radius: var(--radius-sm);
	background: var(--color-white);
	color: var(--color-primary);
	font-weight: 600;
	cursor: pointer;
}

.shopmedx-quote-form-card input[type="submit"] {
	margin-top: 0;
}

.wpcf7-form-control-wrap.quote-items,
.shopmedx-cf7-form .wpcf7-form-control-wrap[data-name="quote-items"] {
	display: none !important;
}