/* VWA Resume Filters — sidebar styling. Leans on WorkScout's own widget
   styles; this only covers what the theme has no pattern for. */

.vwa-more-filters .widget {
	position: relative;
	clear: both;
}

/* select2 can resolve a narrow width from the raw select, letting the next
   widget's heading float up beside it — force every control full width.
   The theme sizes .search_categories for its own filter-bar columns, so the
   industries wrapper needs forcing too, not just the control inside it. */
.vwa-more-filters select,
.vwa-more-filters .select2-container,
.vwa-more-filters .search_categories,
.vwa-more-filters .resume-filter {
	width: 100% !important;
	float: none;
}

/* "Post a Free Job" CTA above the Keywords filter. */
.vwa-post-job-cta {
	background: #f0f9f4;
	border-radius: 4px;
	padding: 18px;
	margin-bottom: 25px;
}

.vwa-post-job-cta h4 {
	margin: 0 0 4px;
}

.vwa-post-job-cta p {
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 12px;
}

.vwa-post-job-cta .button {
	display: block;
	width: 100%;
	text-align: center;
}

.vwa-more-head h4 {
	margin-bottom: 4px;
}

.vwa-specs-head h4 {
	margin-bottom: 0;
}

/* Locked tease: visible but inert. Children swallow no clicks, so a click
   lands on .vwa-locked itself and filters.js opens the sign-in popup. */
.vwa-locked {
	opacity: 0.55;
	user-select: none;
	cursor: pointer;
}

.vwa-locked * {
	pointer-events: none;
}

.vwa-lock-note {
	font-size: 13px;
	line-height: 1.4;
	margin: 4px 0 0;
}

.vwa-lock-note a {
	font-weight: 600;
	text-decoration: underline;
}

/* Checkbox groups — auto-width chips that wrap. A fixed two-column basis
   clipped the longer labels ("Four or more", "Associate degree") once the
   type went up, so the chips size to their own text instead. */
.vwa-checkgroup {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.vwa-checkgroup .vwa-check {
	display: inline-flex;
	align-items: center;
	font-size: 15px;
	line-height: 1.3;
	color: #32373c;
	cursor: pointer;
	padding: 9px 13px;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	background: #fff;
	transition: border-color .15s, background .15s;
	white-space: nowrap;
}

.vwa-checkgroup .vwa-check:hover {
	border-color: #26ae61;
	background: #f0f9f4;
}

.vwa-checkgroup .vwa-check:has(input:checked) {
	border-color: #26ae61;
	background: #f0f9f4;
	font-weight: 500;
}

.vwa-checkgroup input[type="checkbox"] {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	margin: 0 9px 0 0;
	accent-color: #26ae61;
}

/* Single-profile Overview card (single_resume_meta_end). The theme's
   Profile Overview sidebar widget shows only the retired hourly rate —
   hidden here rather than edited out of the template. */
body.single-resume .profile-overview-widget {
	display: none;
}

/* Overview sits ABOVE the About Me heading (Adam 2026-08-05): the card and
   the theme's hardcoded h3 are siblings in .single-page-section — flex
   order moves it up, no theme edit. */
body.single-resume .single-page-section {
	display: flex;
	flex-direction: column;
}

body.single-resume .single-page-section .vwa-profile-overview {
	order: -1;
}

.vwa-profile-overview {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	padding: 20px 24px;
	margin: 0 0 25px;
}

.vwa-profile-overview h3 {
	font-size: 18px;
	margin: 0 0 12px;
}

.vwa-profile-overview ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.vwa-profile-overview li {
	display: flex;
	gap: 14px;
	padding: 6px 0;
	border-bottom: 1px solid #f3f4f6;
	font-size: 14px;
}

.vwa-profile-overview li:last-child {
	border-bottom: 0;
}

.vwa-profile-overview .vwa-po-label {
	flex: 0 0 150px;
	color: #6b7280;
}

.vwa-profile-overview .vwa-po-value {
	color: #32373c;
	font-weight: 500;
}

/* Worker card in the theme's task-list row layout (fork template).
   The theme styles .task-listing/.task-icons/.task-tags/.task-listing-bid;
   we only add the avatar column and the whole-card stretched link. */
ul.resumes li.vwa-worker-card {
	position: relative;
	padding: 0;
	width: 100%;
}

.vwa-worker-card .task-listing-details {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	align-items: flex-start;
}

.vwa-worker-card .vwa-card-avatar {
	flex: 0 0 90px;
	position: relative;
}

.vwa-worker-card .vwa-card-avatar img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.vwa-worker-card .vwa-card-avatar .verified-badge {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.vwa-worker-card .task-listing-description {
	flex: 1 1 300px;
	min-width: 0;
}

.vwa-worker-card h3.task-listing-title img.flag {
	width: 22px;
	margin-left: 6px;
	vertical-align: baseline;
}

/* Whole card clickable, like the theme's task demo */
.vwa-worker-card h3.task-listing-title a:after {
	content: "";
	position: absolute;
	inset: 0;
}

.vwa-worker-card .task-listing-bid .button,
.vwa-worker-card .vwa-card-avatar a,
.vwa-worker-card .task-tags {
	position: relative;
	z-index: 1;
}

/* Saved filters */
.vwa-saved-list {
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
}

.vwa-saved-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 3px 0;
	font-size: 13px;
}

.vwa-saved-list .vwa-saved-link {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vwa-saved-list .vwa-saved-del {
	color: #d9534f;
	font-weight: 700;
	text-decoration: none;
	flex: 0 0 auto;
}

.vwa-save-filter-btn {
	width: 100%;
}

.vwa-saved-filters .vwa-save-name {
	width: 100%;
	margin-bottom: 8px;
}

.vwa-saved-msg {
	display: block;
	font-size: 12px;
	margin-top: 6px;
	color: #b94a48;
}

/* (i) info CTA beside the Saved filters heading. */
.vwa-saved-filters h4 .vwa-info {
	margin-left: 6px;
	font-size: 15px;
	line-height: 1;
	vertical-align: -2px;
	color: #26ae61;
	text-decoration: none;
}

/* Guest sign-up prompt under the Overview card (2026-08-27). */
.vwa-profile-overview .vwa-po-signup {
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid #f3f4f6;
	font-size: 14px;
	color: #6b7280;
}

.vwa-profile-overview .vwa-po-signup a {
	color: #26ae61;
	font-weight: 500;
}

/* Gated Overview rows (2026-08-27): only paid-tier rows lock now — they sink
   to the bottom of the card, greyed, with the value replaced by the unlock
   link. Not .vwa-locked — that kills pointer events on children, and this
   link has to be clickable. */
.vwa-profile-overview li.is-locked .vwa-po-label {
	color: #9ca3af;
}

.vwa-po-lock {
	color: #9ca3af;
	font-weight: 500;
	text-decoration: none;
}

.vwa-po-lock:hover,
.vwa-po-lock:focus {
	color: #26ae61;
	text-decoration: underline;
}

.vwa-po-lock i {
	font-size: 13px;
	margin-right: 4px;
}

/* ── /workers/ filter bar: give Skills the column the theme forgot ──────────
   workscout/style.css:1064-1084 lays the non-sidebar WPJM filter bar out as
   float:left 31.3333% columns, but its selector lists only .search_keywords,
   .search_location and .search_categories. WorkScout's own resume pages put
   skills in a sidebar select2, so .search_skills was never styled - and
   /workers/, which renders WP Job Manager's default filter bar, fell back to a
   full-width block: the input broke onto its own row while its label stayed up
   beside the two floated fields above it.

   Deliberately NOT wrapped in a media query: the theme's rule has no lower
   bound (verified floating down to a 320px viewport), so Skills has to behave
   exactly like its three siblings at every width or it desyncs on mobile. */
.resume_filters:not(.in_sidebar) .search_skills {
	float: left;
	padding: 15px 15px 15px 0;
	width: 31.3333%;
}

.resume_filters:not(.in_sidebar) .search_skills label {
	display: block;
	float: none;
	width: 100%;
}