/**
 * Light reskin of WP Job Openings' own markup onto our design tokens.
 *
 * Deliberately not a full template override — the brief is explicit that a
 * role posted once every two years does not justify rebuilding this plugin's
 * templates from scratch. This file only retints what the plugin already
 * renders (typography, colour, spacing, radius) so it reads as part of the
 * site instead of a bolted-on widget. Loaded only on job-related pages.
 */

.awsm-job-container {
	font-family: var(--pc-font-body);
	color: var(--pc-text);
}

.awsm-job-post-title,
.awsm-job-b-post-title {
	font-family: var(--pc-font-heading);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--pc-secondary);
}

.awsm-job-item,
.awsm-job-listing-item {
	background: var(--pc-bg-card);
	border: 1px solid var(--pc-border);
	border-radius: var(--pc-radius-lg);
	box-shadow: var(--pc-shadow-sm);
	transition: box-shadow 200ms var(--pc-ease);
}

.awsm-job-item:hover { box-shadow: var(--pc-shadow-md); }

.awsm-job-specification-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pc-space-2) var(--pc-space-4);
}

.awsm-job-specification-item {
	font-size: var(--pc-step--1);
	color: var(--pc-muted);
}

.awsm-job-specification-label { color: var(--pc-text-soft); font-weight: 600; }

.awsm-job-form-control,
.awsm-job-form input[type='text'],
.awsm-job-form input[type='email'],
.awsm-job-form input[type='tel'],
.awsm-job-form textarea,
.awsm-job-form select {
	min-height: var(--pc-tap);
	padding: var(--pc-space-3) var(--pc-space-4);
	border: 1px solid var(--pc-border-strong);
	border-radius: var(--pc-radius-md);
	font-family: var(--pc-font-body);
}

.awsm-job-form-control:focus {
	border-color: var(--pc-primary);
	box-shadow: 0 0 0 3px var(--pc-primary-soft);
	outline: none;
}

.awsm-job-submit,
.awsm-job-more,
a.awsm-job-apply-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--pc-tap);
	padding: var(--pc-space-3) var(--pc-space-6);
	background: var(--pc-primary);
	border: 1px solid var(--pc-primary);
	border-radius: var(--pc-radius-md);
	color: #fff !important;
	font-family: var(--pc-font-heading);
	font-weight: 600;
	letter-spacing: -0.01em;
	text-decoration: none;
}

.awsm-job-submit:hover,
.awsm-job-more:hover,
a.awsm-job-apply-btn:hover {
	background: var(--pc-primary-dark);
	border-color: var(--pc-primary-dark);
}

.awsm-job-single-wrap { max-width: var(--pc-container-narrow); margin-inline: auto; }