/**
 * ADJA submission form — basic visual styling.
 *
 * Loaded only when form_style is "basic" (.adja-form-wrap--basic).
 */

.adja-form-wrap--basic {
	--adja-gap: 1rem;
	--adja-section-spacing: 2rem;
	--adja-max-width: 48rem;
	--adja-text: #1d2327;
	--adja-muted: #646970;
	--adja-border: #c3c4c7;
	--adja-border-focus: #2271b1;
	--adja-surface: #fff;
	--adja-surface-muted: #f6f7f7;
	--adja-error: #b32d2e;
	--adja-success-bg: #edfaef;
	--adja-success-border: #68de7c;
	--adja-success-text: #1e4620;
	--adja-error-bg: #fcf0f1;
	--adja-error-border: #d63638;
	--adja-error-text: #8a2424;
	--adja-closed-bg: #f0f0f1;
	--adja-closed-border: #c3c4c7;
	--adja-radius: 4px;
	--adja-input-padding: 0.55em 0.65em;
	--adja-wine-block-padding: 1.25rem;
	--adja-wine-block-border: 1px solid var(--adja-border);
	--adja-submit-width: auto;

	color: var(--adja-text);
	font-size: 1rem;
	line-height: 1.5;
}

.adja-form-wrap--basic .adja-section-title {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
}

.adja-form-wrap--basic .adja-field > label {
	font-weight: 500;
	color: var(--adja-text);
}

.adja-form-wrap--basic .adja-required {
	color: var(--adja-error);
	opacity: 1;
}

.adja-form-wrap--basic .adja-input,
.adja-form-wrap--basic select,
.adja-form-wrap--basic textarea {
	padding: var(--adja-input-padding);
	border: 1px solid var(--adja-border);
	border-radius: var(--adja-radius);
	background: var(--adja-surface);
	color: inherit;
	font: inherit;
	line-height: 1.4;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.adja-form-wrap--basic .adja-input:focus,
.adja-form-wrap--basic select:focus,
.adja-form-wrap--basic textarea:focus {
	border-color: var(--adja-border-focus);
	box-shadow: 0 0 0 1px var(--adja-border-focus);
	outline: none;
}

.adja-form-wrap--basic .adja-input-wrap {
	border: 1px solid var(--adja-border);
	border-radius: var(--adja-radius);
	background: var(--adja-surface);
	overflow: hidden;
}

.adja-form-wrap--basic .adja-input-wrap:focus-within {
	border-color: var(--adja-border-focus);
	box-shadow: 0 0 0 1px var(--adja-border-focus);
}

.adja-form-wrap--basic .adja-input-wrap .adja-input {
	border: 0;
	box-shadow: none;
	border-radius: 0;
}

.adja-form-wrap--basic .adja-input-suffix {
	padding-inline: 0.75em;
	background: var(--adja-surface-muted);
	border-left: 1px solid var(--adja-border);
	color: var(--adja-muted);
	font-size: 0.95em;
}

.adja-form-wrap--basic .adja-radio-option,
.adja-form-wrap--basic .adja-checkbox-option {
	padding: 0.35em 0;
}

.adja-form-wrap--basic .adja-wine-block {
	background: var(--adja-surface-muted);
	border-radius: var(--adja-radius);
}

.adja-form-wrap--basic .adja-wine-block__title {
	font-size: 1.1rem;
	font-weight: 600;
}

.adja-form-wrap--basic .adja-add-wine,
.adja-form-wrap--basic .adja-remove-wine {
	display: inline-block;
	padding: 0.45em 0.9em;
	border: 1px solid var(--adja-border);
	border-radius: var(--adja-radius);
	background: var(--adja-surface);
	color: var(--adja-text);
	font: inherit;
	font-size: 0.95em;
	line-height: 1.4;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.adja-form-wrap--basic .adja-add-wine:hover,
.adja-form-wrap--basic .adja-remove-wine:hover {
	background: #fff;
	border-color: #8c8f94;
}

.adja-form-wrap--basic .adja-submit {
	display: inline-block;
	padding: 0.65em 1.5em;
	border: 1px solid #1d2327;
	border-radius: var(--adja-radius);
	background: #1d2327;
	color: #fff;
	font: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.adja-form-wrap--basic .adja-submit:hover:not(:disabled) {
	background: #2c3338;
	border-color: #2c3338;
}

.adja-form-wrap--basic .adja-form-message {
	padding: 0.85em 1em;
	border: 1px solid transparent;
	border-radius: var(--adja-radius);
}

.adja-form-wrap--basic .adja-form-message p {
	margin: 0;
}

.adja-form-wrap--basic .adja-form-message--success {
	background: var(--adja-success-bg);
	border-color: var(--adja-success-border);
	color: var(--adja-success-text);
}

.adja-form-wrap--basic .adja-form-message--error {
	background: var(--adja-error-bg);
	border-color: var(--adja-error-border);
	color: var(--adja-error-text);
}

.adja-form-wrap--basic .adja-form-message--closed {
	background: var(--adja-closed-bg);
	border-color: var(--adja-closed-border);
	color: var(--adja-text);
}

.adja-form-wrap--basic .adja-field--invalid .adja-input,
.adja-form-wrap--basic .adja-field--invalid .adja-input-wrap,
.adja-form-wrap--basic .adja-field--invalid .adja-radio-group,
.adja-form-wrap--basic .adja-field--invalid .adja-checkbox-group {
	border-color: var(--adja-error);
	box-shadow: 0 0 0 1px var(--adja-error);
}

.adja-form-wrap--basic .adja-field--invalid .adja-radio-group,
.adja-form-wrap--basic .adja-field--invalid .adja-checkbox-group {
	padding: 0.35em 0.5em;
	border: 1px solid var(--adja-error);
	border-radius: var(--adja-radius);
	box-shadow: none;
}

.adja-form-wrap--basic .adja-field-error {
	color: var(--adja-error);
}

.adja-form-wrap--basic .adja-field--terms .adja-checkbox-option span a {
	color: var(--adja-border-focus);
	text-decoration: underline;
}

.adja-form-wrap--basic .adja-field--terms .adja-checkbox-option span a:hover {
	color: #135e96;
}