/* Rmakash Campaign System — Contact Us form styles */

.rmakash-contact-us-wrapper {
	max-width: 520px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.rmakash-contact-us-wrapper .rmakash-form-row {
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
}

.rmakash-contact-us-wrapper label {
	font-weight: 600;
	margin-bottom: 6px;
	color: #1d2327;
	font-size: 14px;
}

.rmakash-contact-us-wrapper input[type="text"],
.rmakash-contact-us-wrapper input[type="email"],
.rmakash-contact-us-wrapper textarea {
	padding: 10px 12px;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	font-size: 14px;
	transition: border-color 0.15s ease-in-out;
}

.rmakash-contact-us-wrapper input:focus,
.rmakash-contact-us-wrapper textarea:focus {
	border-color: #2271b1;
	outline: 2px solid rgba(34, 113, 177, 0.2);
	outline-offset: 1px;
}

.rmakash-contact-us-wrapper textarea {
	resize: vertical;
	font-family: inherit;
}

.rmakash-contact-us-wrapper .rmakash-required {
	color: #d63638;
}

.rmakash-contact-us-wrapper .rmakash-form-submit-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
}

/* Shared building blocks (duplicated per-view since each stylesheet
   loads independently based on which shortcode is present). */
.rmakash-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}

.rmakash-btn-primary {
	background-color: #2271b1;
	color: #fff;
}

.rmakash-btn-primary:hover {
	background-color: #135e96;
}

.rmakash-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.rmakash-spinner {
	display: none;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(0, 0, 0, 0.15);
	border-top-color: #2271b1;
	border-radius: 50%;
	animation: rmakash-spin 0.7s linear infinite;
}

.rmakash-spinner.is-active {
	display: inline-block;
}

@keyframes rmakash-spin {
	to {
		transform: rotate(360deg);
	}
}

.rmakash-form-message,
.rmakash-notice {
	display: none;
	padding: 10px 14px;
	border-radius: 6px;
	margin-bottom: 16px;
	font-size: 14px;
}

.rmakash-notice-success {
	display: block;
	background-color: #edfaef;
	color: #005f2e;
	border: 1px solid #b8e6c1;
}

.rmakash-notice-error {
	display: block;
	background-color: #fcf0f1;
	color: #8a1f24;
	border: 1px solid #f5c2c7;
}