/**
 * SFS Commerce OS — "Contact seller" form on the WooCommerce
 * single-product page. Deliberately theme-neutral (not the admin
 * dashboard design system) since this renders inside whatever
 * storefront theme the store uses.
 */

.sfs-contact-seller {
	margin: 14px 0;
	clear: both;
}

.sfs-contact-seller-toggle {
	/* Matches the theme's own variation-label typography, see
	   product-highlights-frontend.css's identical comment. */
	font-family: "Libre Caslon Text", Georgia, serif;
	font-size: 18px;
	font-weight: 500;
}

.sfs-contact-seller-toggle-link {
	text-decoration: underline;
}

.sfs-contact-seller-fields {
	margin-top: 8px;
	padding: 12px 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.sfs-contact-seller-fields .form-row {
	margin-bottom: 10px;
}

.sfs-contact-seller-fields label {
	display: block;
	font-weight: 600;
	margin-bottom: 3px;
	font-size: 13px;
}

.sfs-contact-seller-fields input,
.sfs-contact-seller-fields textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 8px;
}

.sfs-contact-seller-message {
	min-height: 80px;
}

.sfs-contact-seller-status {
	margin-top: 8px;
	font-size: 13px;
}