/**
 * Reskins the [hive_application_form] shortcode (plugins/hive-onboarding)
 * to look like the site's "Membership Record" card design — colors,
 * borders, radii, and type only. Loads after the plugin's own hive-form.css
 * and wins the cascade without touching the plugin's markup, field names,
 * ids, or JS hooks (see hive-form.js) — no functional behaviour changes.
 *
 * hive-form.css already routes nearly every color/radius through its own
 * CSS custom properties on `.hive-wrap` (--ink, --paper, --line, --muted,
 * --r-sm/md/lg, etc.), so redefining those to the theme's tokens re-skins
 * most of the form for free — only typography and the input/select "boxed"
 * look need explicit overrides below.
 */

.hero .hive-wrap {
	/*
	 * hive-form.css scopes its palette to local custom properties of the
	 * same name, which shadow the theme's :root tokens rather than
	 * inheriting them — so these are copied from base.css's :root block
	 * (not new colors) to make the shadowed names resolve to the theme's
	 * actual values.
	 */
	--ink: #0A0A0A;
	--paper: #FFFFFF;
	--line: #E6E6E2;
	--line-strong: #b9b9b4;
	--muted: #6b6b69;
	--r-sm: 12px;
	--r-md: 18px;
	--r-lg: 24px;

	width: 100%;
	max-width: none;
	margin: 0;
	font-family: var(--sans);
}

/* The record card already supplies the header ("Membership Record" /
   "Form № A-001") — the shortcode's own header would just duplicate it. */
.hero .hive-header {
	display: none;
}

/* Nested inside .record, which already provides the card chrome
   (background, border, radius, shadow) — don't double it up. */
.hero .hive-card {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 24px;
}

.hero .hive-row-2,
.hero .hive-row-3 {
	gap: 18px;
}

.hero .hive-field {
	gap: 6px;
}

/* Plugin's standalone fields (Revenue/Channels/Referral) each carry an inline
   margin-bottom in templates/form.php, but LinkedIn/website has none — this
   closes that gap without touching the plugin markup. Inline styles still
   win for the others, so this only affects the one field that lacks one. */
.hero #hive-application-form > .hive-field {
	margin-bottom: 16px;
}

.hero .hive-label {
	font: 600 10px var(--mono) !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: var(--sec) !important;
}

.hero .hive-required {
	color: var(--sec);
	opacity: .7;
}

/* Boxed inputs → the record form's borderless underline style. */
.hero .hive-input {
	border: none !important;
	border-bottom: 1.5px solid var(--line) !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding: 6px 2px !important;
	font: 500 15px var(--sans) !important;
	color: var(--ink) !important;
	transition: border-color .3s var(--ease);
}
.hero select.hive-input {
	font-size: 14px !important;
	color: var(--sec) !important;
}
.hero textarea.hive-input {
	font: 500 14px/1.5 var(--sans) !important;
	resize: none;
}
.hero .hive-input::placeholder {
	color: var(--sec);
}
.hero .hive-input:focus {
	border-bottom-color: var(--ink) !important;
	box-shadow: 0 1.5px 0 0 var(--ink);
}
.hero .hive-input.has-error {
	border-bottom-color: #B54534 !important;
}
.hero .hive-select {
	padding-right: 28px;
}

.hero .hive-error {
	font: 500 11px var(--sans);
	letter-spacing: .01em;
}

.hero .hive-revenue-btn {
	font-family: var(--sans);
}

.hero .hive-channel-label {
	font-family: var(--sans) !important;
}

.hero .hive-submit {
	height: 52px;
	border-radius: var(--r-sm) !important;
	font: 600 14px var(--sans);
	transition: transform .35s var(--ease), background .3s var(--ease), opacity .15s;
	cursor: none;
}
.hero .hive-submit:hover:not(:disabled) {
	transform: scale(1.02);
	background: #1A1A1A;
}

.hero .hive-footer-note {
	font-family: var(--sans);
}

/* Toast — keep the plugin's success/error semantics, match the theme's
   hairline-border, rounded-corner language instead of the plugin's own. */
.hero .hive-toast {
	border-radius: var(--r-sm);
	font-family: var(--sans);
}