/**
 * Tender Gem Wholesale Accounts — Frontend Styles
 *
 * Minimal, theme-agnostic styles for the price-gate messages, apply button,
 * application form, and status cards. No brand-specific colours.
 *
 * @package TenderGemWholesaleAccounts
 */

/* ---------------------------------------------------------------------------
   1. Price-gate message (shown in place of prices)
   --------------------------------------------------------------------------- */

.tgwa-price-gate {
	display: inline-block;
	margin: 0.25em 0;
	font-size: 0.95em;
	color: #50575e;
}

.tgwa-price-gate--pending {
	color: #996800;
}

/* ---------------------------------------------------------------------------
   2. Apply button
   --------------------------------------------------------------------------- */

.tgwa-apply-btn {
	margin: 0.25em 0;
}

/* ---------------------------------------------------------------------------
   3. Application form
   --------------------------------------------------------------------------- */

.tgwa-form-wrap {
	max-width: 560px;
	margin: 1.5em 0;
}

.tgwa-form-field {
	margin: 1em 0;
}

.tgwa-form-field label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.tgwa-form-field input[type="email"],
.tgwa-form-field input[type="password"],
.tgwa-form-field input[type="text"],
.tgwa-form-field textarea {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	box-sizing: border-box;
	font: inherit;
}

.tgwa-form-field .description {
	font-size: 0.9em;
	color: #6b7280;
	margin-top: 4px;
}

.tgwa-submit {
	margin-top: 0.5em;
}

/* ---------------------------------------------------------------------------
   4. Status cards
   --------------------------------------------------------------------------- */

.tgwa-status-card {
	padding: 16px 18px;
	border-radius: 8px;
	margin: 1em 0;
	max-width: 560px;
}

.tgwa-status-card h3 {
	margin-top: 0;
}

.tgwa-status-card--approved {
	background: #edfaef;
	border: 1px solid #b8e6c0;
	color: #14532d;
}

.tgwa-status-card--pending {
	background: #fcf9e8;
	border: 1px solid #f0e6a8;
	color: #713f12;
}

.tgwa-status-card--denied {
	background: #fcf0f1;
	border: 1px solid #f0c0c4;
	color: #7f1d1d;
}

.tgwa-status-card--closed {
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	color: #50575e;
}