/**
 * Diesis Application Form — front-end styles.
 *
 * Deliberately light: layout and colours come from the Bricks theme.
 * Override the CSS variables below in Bricks to match the identity.
 */
:root {
	--dnaf-accent: #3b2a7a;
	--dnaf-accent-text: #ffffff;
	--dnaf-border: #d9d9e0;
	--dnaf-muted: #666670;
	--dnaf-radius: 6px;
	--dnaf-success: #e7f5ea;
	--dnaf-error: #fbeaea;
	--dnaf-info: #eef2fb;
}

/* Forms (account forms and the ACF application form) */
.dnaf-form,
.dnaf-application {
	max-width: 760px;
}
.dnaf-field {
	margin: 0 0 1rem;
}
.dnaf-field label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.3rem;
}
.dnaf-field input[type="text"],
.dnaf-field input[type="email"],
.dnaf-field input[type="password"] {
	width: 100%;
	padding: 0.6rem 0.7rem;
	border: 1px solid var(--dnaf-border);
	border-radius: var(--dnaf-radius);
}
.dnaf-field small {
	display: block;
	color: var(--dnaf-muted);
	margin-top: 0.25rem;
}
.dnaf-field--check label {
	font-weight: 400;
}
.dnaf-row--2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}
@media (max-width: 600px) {
	.dnaf-row--2 {
		grid-template-columns: 1fr;
	}
}
.dnaf-required {
	color: #b3261e;
}
/* Honeypot field, hidden from people */
.dnaf-hp {
	position: absolute !important;
	left: -9999px !important;
	height: 1px;
	overflow: hidden;
}
.dnaf-alt {
	color: var(--dnaf-muted);
}

/* Buttons */
.dnaf-button,
.dnaf-acf-form .dnaf-button {
	display: inline-block;
	padding: 0.7rem 1.3rem;
	border: 2px solid var(--dnaf-accent);
	border-radius: var(--dnaf-radius);
	background: var(--dnaf-accent);
	color: var(--dnaf-accent-text);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.2;
}
.dnaf-button--secondary,
.dnaf-acf-form .dnaf-button--secondary {
	background: transparent;
	color: var(--dnaf-accent);
}
.dnaf-button--disabled {
	opacity: 0.55;
	cursor: default;
}
.dnaf-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}
.dnaf-form-help,
.dnaf-muted {
	color: var(--dnaf-muted);
	font-size: 0.9em;
}

/* Notices */
.dnaf-notice {
	padding: 0.8rem 1rem;
	border-radius: var(--dnaf-radius);
	margin: 0 0 1rem;
	border-left: 4px solid var(--dnaf-accent);
	background: var(--dnaf-info);
}
.dnaf-notice--success {
	background: var(--dnaf-success);
	border-left-color: #2e7d32;
}
.dnaf-notice--error {
	background: var(--dnaf-error);
	border-left-color: #b3261e;
}

/* ACF application form */
.dnaf-acf-form .dnaf-section-heading {
	border-top: 1px solid var(--dnaf-border);
	padding-top: 1.5rem !important;
	margin-top: 1rem;
}
.dnaf-acf-form .dnaf-section-heading > .acf-label label {
	font-size: 1.2em;
}
.dnaf-acf-form .acf-field input[type="text"],
.dnaf-acf-form .acf-field input[type="email"],
.dnaf-acf-form .acf-field input[type="number"],
.dnaf-acf-form .acf-field select {
	padding: 0.55rem 0.7rem;
	border-radius: var(--dnaf-radius);
}
.dnaf-acf-form .dnaf-confirmation .acf-label {
	display: none;
}

/* Header above the form, dashboard and summaries */
.dnaf-meta {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.3rem 1rem;
	margin: 0 0 1rem;
}
.dnaf-meta dt {
	font-weight: 600;
}
.dnaf-meta dd {
	margin: 0;
}
.dnaf-documents,
.dnaf-receipt,
.dnaf-summary,
.dnaf-card {
	border: 1px solid var(--dnaf-border);
	border-radius: var(--dnaf-radius);
	padding: 1rem 1.25rem;
	margin: 0 0 1.25rem;
}
.dnaf-receipt {
	border-color: #2e7d32;
	background: var(--dnaf-success);
}
.dnaf-files {
	margin: 0.5rem 0 0;
	padding-left: 1.2rem;
}
.dnaf-cards {
	display: grid;
	gap: 1rem;
}
.dnaf-card__call {
	color: var(--dnaf-muted);
	margin: 0;
	font-size: 0.9em;
}
.dnaf-card__title {
	margin: 0.2rem 0 0.5rem;
}
.dnaf-status {
	display: inline-block;
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	font-size: 0.85em;
	background: var(--dnaf-info);
}
.dnaf-status--draft {
	background: #fff4e0;
}
.dnaf-status--awarded {
	background: var(--dnaf-success);
}
.dnaf-status--ineligible,
.dnaf-status--not_selected {
	background: var(--dnaf-error);
}
.dnaf-call-list {
	list-style: none;
	padding: 0;
}
.dnaf-call-list__item {
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--dnaf-border);
}
.dnaf-call-list__title {
	font-weight: 600;
	margin-right: 0.5rem;
}