/* Professional IQ Jobs — brand styles.
   Matches the PIQ corporate theme: Poppins, blue #3535D4, orange #F5A623.
   Override freely in Elementor; all colours come from CSS vars. */

.piq-board,
.piq-apply,
.piq-submit,
.piq-single,
.piq-archive {
	--piq-blue: #3535D4;
	--piq-blue-dark: #2828B0;
	--piq-orange: #F5A623;
	--piq-orange-dark: #e09520;
	--piq-ink: #1E1E2E;
	--piq-mid: #555570;
	--piq-muted: #8888A0;
	--piq-bg: #ffffff;
	--piq-bg-alt: #F5F5FA;
	--piq-border: #E2E2EE;
	--piq-radius: 10px;
	font-family: 'Poppins', system-ui, -apple-system, sans-serif;
	color: var(--piq-ink);
	color-scheme: light;
}

/* Filters */
.piq-board__filters {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	align-items: center;
	margin-bottom: 1.5rem;
}
.piq-board__filters input[type="search"],
.piq-board__filters select {
	box-sizing: border-box;
	height: auto;
	min-height: 48px;
	line-height: 1.6;
	padding: .7rem 1rem;
	border: 1px solid var(--piq-border);
	border-radius: 8px;
	background: var(--piq-bg-alt);
	font: inherit;
	font-size: 15px;
	color: var(--piq-ink);
	color-scheme: light;
}
.piq-board__filters input[type="search"]:focus,
.piq-board__filters select:focus { border-color: var(--piq-blue); outline: none; }

/* Cards */
.piq-board__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
}
.piq-card {
	border: 1px solid var(--piq-border);
	border-radius: var(--piq-radius);
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: .6rem;
	background: var(--piq-bg);
	transition: transform .2s, box-shadow .2s, border-color .2s;
}
.piq-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(53,53,212,.10);
	border-color: rgba(53,53,212,.25);
}
.piq-card--priority { border-color: rgba(53,53,212,.35); }
.piq-card__title { margin: 0; font-size: 1.15rem; font-weight: 700; line-height: 1.3; }
.piq-card__title a { text-decoration: none; color: var(--piq-ink); }
.piq-card__meta { color: var(--piq-mid); font-size: .9rem; margin: 0; }
.piq-card__excerpt { font-size: .92rem; color: var(--piq-mid); line-height: 1.6; flex: 1; }
.piq-card__badges { display: flex; gap: .5rem; flex-wrap: wrap; }

/* Badges */
.piq-badge {
	font-size: 12px;
	font-weight: 600;
	padding: 3px 12px;
	border-radius: 100px;
	line-height: 1.6;
}
.piq-badge--partner {
	background: transparent;
	border: 1px solid var(--piq-blue);
	color: var(--piq-blue);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}
.piq-badge--featured { background: var(--piq-orange); color: #fff; }
.piq-badge--eayl { background: rgba(53,53,212,.1); color: var(--piq-blue); }

/* Buttons */
.piq-btn {
	display: inline-block;
	background: var(--piq-blue);
	color: #fff;
	border: 1px solid var(--piq-blue);
	padding: .7rem 1.4rem;
	border-radius: 100px;
	text-decoration: none;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	transition: background .2s, transform .15s;
}
.piq-btn:hover { background: var(--piq-blue-dark); transform: translateY(-1px); color: #fff; }
.piq-btn--ghost {
	background: transparent;
	color: var(--piq-blue);
	border-color: var(--piq-border);
}
.piq-btn--ghost:hover { background: var(--piq-bg-alt); color: var(--piq-blue); }
.piq-btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; }

/* Apply widget */
.piq-apply {
	border: 1px solid var(--piq-border);
	border-radius: 14px;
	padding: 1.75rem;
	margin-top: 1.75rem;
	background: var(--piq-bg-alt);
}
.piq-apply__title { margin-top: 0; font-weight: 800; color: var(--piq-ink); }
.piq-apply__buttons { display: flex; gap: .6rem; flex-wrap: wrap; }
.piq-apply__qual { color: var(--piq-mid); font-size: .92rem; }
.piq-apply__error { color: #c0392b; font-size: .9rem; }

/* Forms */
.piq-form { display: flex; flex-direction: column; gap: .85rem; max-width: 560px; }
.piq-form label { display: flex; flex-direction: column; gap: .3rem; font-weight: 600; color: var(--piq-mid); font-size: .85rem; }
.piq-form label small { font-weight: 400; color: var(--piq-muted); }
.piq-form input,
.piq-form select,
.piq-form textarea {
	padding: .75rem 1rem;
	border: 1px solid var(--piq-border);
	border-radius: 8px;
	background: var(--piq-bg-alt);
	font: inherit;
	color: var(--piq-ink);
}
.piq-form input:focus,
.piq-form select:focus,
.piq-form textarea:focus { border-color: var(--piq-blue); outline: none; }
.piq-check { flex-direction: row !important; align-items: flex-start; gap: .6rem !important; font-weight: 400 !important; color: var(--piq-ink) !important; }
.piq-check input { width: auto; margin-top: .25rem; }

/* Notices */
.piq-notice { padding: .9rem 1.2rem; border-radius: var(--piq-radius); margin-bottom: 1rem; font-size: .92rem; }
.piq-notice--ok { background: rgba(53,53,212,.08); color: var(--piq-blue-dark); }
.piq-notice--err { background: #fdeaea; color: #8a1c1c; }

/* Pagination */
.piq-board__pagination { margin-top: 2rem; display: flex; gap: .4rem; }
.piq-board__pagination .page-numbers {
	padding: .4rem .75rem;
	border: 1px solid var(--piq-border);
	border-radius: 8px;
	text-decoration: none;
	color: var(--piq-mid);
}
.piq-board__pagination .current { background: var(--piq-blue); color: #fff; border-color: var(--piq-blue); }

/* Single job + archive templates */
.piq-single, .piq-archive { max-width: 820px; margin: 2rem auto; padding: 0 1rem; }
.piq-single__title { margin: .4rem 0; font-weight: 800; color: var(--piq-ink); }
.piq-single__meta { color: var(--piq-mid); margin: 0 0 1rem; }
.piq-single__tax { list-style: none; padding: 0; margin: 0 0 1.25rem; display: flex; gap: 1.25rem; flex-wrap: wrap; color: var(--piq-mid); font-size: .9rem; }
.piq-single__tax a { text-decoration: none; color: var(--piq-blue); }
.piq-archive__title { margin-bottom: 1.5rem; font-weight: 800; color: var(--piq-ink); }

/* Featured image / logo */
.piq-card__logo { display:flex; align-items:center; justify-content:center; height:150px; background:#fff; border:1px solid var(--piq-border); border-radius:8px; overflow:hidden; margin-bottom:.25rem; }
.piq-card__logo img { max-height:130px; max-width:100%; width:auto; object-fit:contain; }
.piq-single__logo { margin:0 0 1.25rem; }
.piq-single__logo img { max-height:160px; width:auto; object-fit:contain; }