/* ==========================================================================
   Post a Job — /jobs/post-a-job/
   Scoped via body.page-template-page-post-a-job-php + .paj-page wrapper.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   Custom Properties
   --------------------------------------------------------------------------- */
.paj-page {
	--paj-accent: var(--accent, #4487ff);
	--paj-accent-dark: #1B4A9B;
	--paj-text: #0f172a;
	--paj-text-muted: #475569;
	--paj-text-light: #64748b;
	--paj-border: #e2e8f0;
	--paj-bg: #eaf0ff;
	--paj-card-radius: 16px;
	--paj-container-max: 1200px;
}

/* ---------------------------------------------------------------------------
   Page-Level Background
   --------------------------------------------------------------------------- */
body.page-template-page-post-a-job-php {
	background-color: var(--paj-bg);
}

body.page-template-page-post-a-job-php .site-content,
body.page-template-page-post-a-job-php #primary,
body.page-template-page-post-a-job-php .inside-article,
body.page-template-page-post-a-job-php .site-main {
	background: transparent !important;
}

/* Hide the native WP/GeneratePress page title only on the Post a Job page. */
body.page-id-7 .entry-header,
body.page-id-7 .entry-title,
body.page-id-7 .page-header,
body.page-template-page-post-a-job-php .entry-header {
	display: none;
}

body.page-template-page-post-a-job-php .entry-title {
	display: none;
}

/*
 * Homepage hero is full-bleed (no content box padding). Default GP page layout adds
 * ~40px padding on .site-content / .inside-article, which pushes this template down.
 */
body.page-template-page-post-a-job-php.one-container .site-content {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

body.page-template-page-post-a-job-php.separate-containers .inside-article {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

body.page-template-page-post-a-job-php .site-content {
	display: block !important;
}

body.page-template-page-post-a-job-php #primary {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

/* GP separate-containers: .site-main { margin: 20px } adds visible top gap under header */
body.page-template-page-post-a-job-php .site-main {
	margin: 0 !important;
}

body.page-template-page-post-a-job-php #right-sidebar,
body.page-template-page-post-a-job-php #left-sidebar {
	display: none !important;
}

/* ---------------------------------------------------------------------------
   Page Wrapper
   --------------------------------------------------------------------------- */
.paj-page {
	position: relative;
	width: 100%;
}

.paj-page::before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	height: 520px;
	background: linear-gradient(
		180deg,
		#dfe9ff 0%,
		#e7efff 32%,
		#f2f6ff 62%,
		#ffffff 100%
	);
	z-index: 0;
	pointer-events: none;
}

.paj-page > * {
	position: relative;
	z-index: 1;
}

/* ---------------------------------------------------------------------------
   Layout Container
   --------------------------------------------------------------------------- */
.paj-container {
	max-width: var(--paj-container-max);
	width: 100%;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}

/* ---------------------------------------------------------------------------
   Hero Section
   --------------------------------------------------------------------------- */
/* Hero vertical padding scaled again ×⅔ (second −33% pass) */
/* Pull title + subtitle up (cumulative offset); pricing heading follows (same section flow). */
.paj-hero {
	margin-top: 20px;
	padding: 27px 0 14px;
	text-align: center;
}

/* Match homepage h1 (.gb-text-38453bfc): 60px, line-height 1, max-width 896px */
.paj-title {
	font-size: 60px;
	font-weight: 800;
	color: var(--paj-text);
	margin: 0 auto 28px;
	max-width: 896px;
	line-height: 1;
	letter-spacing: -0.02em;
}

.paj-accent {
	color: var(--paj-accent);
}

/* Match homepage subline: 20px, max-width 672px */
.paj-subtitle {
	font-size: 20px;
	line-height: 1.5;
	color: var(--paj-text-muted);
	max-width: 672px;
	margin: 0 auto;
}

/* ---------------------------------------------------------------------------
   Pricing Section
   --------------------------------------------------------------------------- */
.paj-pricing {
	padding: 11px 0 18px;
	text-align: center;
}

.paj-pricing-heading {
	font-size: 22px;
	font-weight: 700;
	color: var(--paj-text);
	text-align: center;
	/* Extra bottom margin offsets .paj-hero margin-top so .paj-cards Y is unchanged */
	margin: 0 0 44px;
}

/* ---------------------------------------------------------------------------
   Card Grid
   --------------------------------------------------------------------------- */
.paj-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	text-align: left;
}

/* ---------------------------------------------------------------------------
   Card Base
   --------------------------------------------------------------------------- */
.paj-card {
	background: #ffffff;
	border-radius: var(--paj-card-radius);
	border: 1px solid var(--paj-border);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s ease;
}

.paj-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
}

.paj-card--featured {
	border: 2px solid var(--paj-accent);
	box-shadow: 0 4px 12px rgba(68, 135, 255, 0.12), 0 2px 4px rgba(68, 135, 255, 0.06);
}

.paj-card--featured:hover {
	box-shadow: 0 8px 20px rgba(68, 135, 255, 0.15), 0 2px 6px rgba(68, 135, 255, 0.08);
}

.paj-cards > .paj-card.paj-card--ai-agent {
	grid-column: 1 / span 3 !important;
	grid-column-start: 1 !important;
	grid-column-end: 4 !important;
	height: 300px !important;
	min-height: 300px !important;
	max-width: none;
	width: 100%;
}

/* ---------------------------------------------------------------------------
   Card Header
   --------------------------------------------------------------------------- */
.paj-card-header {
	background: var(--paj-accent);
	padding: 13px 24px;
}

.paj-card-title {
	font-size: 19px;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 2px;
	line-height: 1.3;
}

.paj-card-duration {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	line-height: 1.4;
}

/* ---------------------------------------------------------------------------
   Card Body
   --------------------------------------------------------------------------- */
.paj-card-body {
	padding: 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.paj-card-body--ai-agent {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: 150px minmax(0, 1fr) minmax(220px, 320px);
	min-height: 0;
	padding: 24px;
}

.paj-ai-agent-copy {
	display: grid;
	gap: 10px;
	min-width: 0;
	width: 100%;
}

.paj-ai-agent-intro {
	color: #334155;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

/* ---------------------------------------------------------------------------
   Price
   --------------------------------------------------------------------------- */
.paj-price {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin: 0 0 13px;
}

.paj-price-amount {
	font-size: 42px;
	font-weight: 800;
	color: var(--paj-text);
	line-height: 1;
	letter-spacing: -0.02em;
}

.paj-price--ai-agent {
	margin: 0;
}

.paj-price-gst {
	font-size: 14px;
	font-weight: 500;
	color: var(--paj-text-light);
}

/* ---------------------------------------------------------------------------
   Includes Label
   --------------------------------------------------------------------------- */
.paj-includes-label {
	font-size: 14px;
	font-weight: 600;
	color: var(--paj-text-muted);
	margin: 0 0 9px;
}

/* ---------------------------------------------------------------------------
   Features List
   --------------------------------------------------------------------------- */
.paj-features {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.paj-features li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #334155;
}

.paj-features li::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-top: 1px;
	border-radius: 50%;
	background-color: var(--paj-accent);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
}

.paj-features--ai-agent {
	display: grid;
	gap: 12px 20px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
}

.paj-features--ai-agent li {
	align-items: center;
	line-height: 1.35;
}

/* ---------------------------------------------------------------------------
   Card CTA — Start Ad
   --------------------------------------------------------------------------- */
.paj-card-cta {
	margin-top: auto;
	padding-top: 16px;
}

.paj-card-cta--ai-agent {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 0;
	padding-top: 0;
	width: 100%;
}

.paj-start-ad {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 16px;
	border: none;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 600;
	color: #ffffff !important;
	background: var(--paj-accent);
	cursor: pointer;
	text-align: center;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}

a.paj-start-ad {
	text-decoration: none;
}

.paj-start-ad:hover,
.paj-start-ad:focus-visible {
	background: var(--paj-accent-dark);
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(68, 135, 255, 0.35);
	outline: none;
}

.paj-start-ad:focus-visible {
	outline: 2px solid var(--paj-accent);
	outline-offset: 2px;
}

/* ---------------------------------------------------------------------------
   FAQ Section
   --------------------------------------------------------------------------- */
.paj-faq {
	padding: 18px 0 40px;
}

.paj-faq-container {
	align-items: start;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.paj-faq-intro {
	padding: 20px 0;
}

.paj-faq-eyebrow {
	color: var(--paj-accent);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.paj-faq-title {
	color: var(--paj-text);
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.05;
	margin: 0 0 16px;
}

.paj-faq-subtitle {
	color: var(--paj-text-muted);
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
	max-width: 560px;
}

.paj-faq-list {
	display: grid;
	gap: 14px;
}

.paj-faq-item {
	background: #ffffff;
	border: 1px solid var(--paj-border);
	border-radius: 18px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	overflow: hidden;
}

.paj-faq-item summary {
	align-items: center;
	color: var(--paj-text);
	cursor: pointer;
	display: flex;
	font-size: 18px;
	font-weight: 700;
	gap: 18px;
	justify-content: space-between;
	list-style: none;
	padding: 22px 24px;
}

.paj-faq-item summary::-webkit-details-marker {
	display: none;
}

.paj-faq-item summary::after {
	align-items: center;
	background: rgba(68, 135, 255, 0.12);
	border-radius: 999px;
	color: var(--paj-accent);
	content: "+";
	display: inline-flex;
	flex-shrink: 0;
	font-size: 24px;
	font-weight: 500;
	height: 36px;
	justify-content: center;
	line-height: 1;
	transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
	width: 36px;
}

.paj-faq-item[open] summary::after {
	background: var(--paj-accent);
	color: #ffffff;
	content: "\2212";
}

.paj-faq-answer {
	border-top: 1px solid rgba(226, 232, 240, 0.9);
	padding: 0 24px 22px;
}

.paj-faq-answer p {
	color: var(--paj-text-muted);
	font-size: 16px;
	line-height: 1.7;
	margin: 16px 0 0;
}

/* ---------------------------------------------------------------------------
   WPJB — hide "Listing" / listing type fieldset (chosen via hero Start Ad)
   --------------------------------------------------------------------------- */
.paj-page .wpjb-fieldset-coupon {
	display: none !important;
}

/* ---------------------------------------------------------------------------
   Form Section
   --------------------------------------------------------------------------- */
.paj-form-panel--hidden,
.paj-form-panel[hidden] {
	display: none !important;
}

.paj-form {
	padding: 9px 0 27px;
}

.paj-page .wpjb-page-add,
.paj-page .wpjb-page-preview,
.paj-page .wpjb-page-save,
.paj-page .wpjb-page-default-form {
	background: #ffffff;
	border-radius: var(--paj-card-radius);
	padding: 21px;
	border: 1px solid var(--paj-border);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.paj-page .wpjb-page-default-form {
	max-width: 480px;
	margin: 0 auto;
}

/* ---------------------------------------------------------------------------
   Step Indicator (restyled from WP Job Board <ul>)
   --------------------------------------------------------------------------- */
.paj-page .wpjb-add-job-steps {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0 0 21px;
	counter-reset: paj-step;
}

.paj-page .wpjb-add-job-steps li {
	display: flex;
	align-items: center;
	counter-increment: paj-step;
	font-size: 14px;
	font-weight: 400;
	color: #94a3b8;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}

.paj-page .wpjb-add-job-steps li .wpjb-glyphs {
	order: -1;
	display: block;
	width: 48px;
	height: 2px;
	background: #cbd5e1;
	margin: 0 14px;
	font-size: 0;
	line-height: 0;
}

.paj-page .wpjb-add-job-steps li .wpjb-glyphs::before {
	content: none !important;
	display: none !important;
}

.paj-page .wpjb-add-job-steps li:first-child .wpjb-glyphs {
	display: none;
}

.paj-page .wpjb-add-job-steps li::before {
	content: counter(paj-step);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	min-width: 30px;
	border-radius: 50%;
	border: 2px solid #cbd5e1;
	background: #ffffff;
	font-weight: 600;
	font-size: 13px;
	color: #94a3b8;
	margin-right: 8px;
	box-sizing: border-box;
}

.paj-page .wpjb-add-job-steps li.wpjb-step-current {
	color: var(--paj-text);
	font-weight: 500;
}

.paj-page .wpjb-add-job-steps li.wpjb-step-current::before {
	background: var(--paj-accent);
	border-color: var(--paj-accent);
	color: #ffffff;
}

/* ---------------------------------------------------------------------------
   Form Enhancements
   --------------------------------------------------------------------------- */
.paj-page .wpjb .wpjb-form fieldset {
	border: none;
	padding: 0;
	margin: 0 0 16px;
}

.paj-page .wpjb .wpjb-form legend {
	font-size: 18px;
	font-weight: 600;
	color: var(--paj-text);
	padding: 0 0 7px;
	margin: 0 0 11px;
	border-bottom: 1px solid var(--paj-border);
	width: 100%;
}

.paj-page .wpjb .wpjb-label {
	font-size: 14px;
	font-weight: 500;
	color: var(--paj-text);
}

.paj-page .wpjb .wpjb-submit {
	align-items: center;
	background: var(--paj-accent) !important;
	box-sizing: border-box;
	color: #ffffff !important;
	display: inline-flex;
	border: none !important;
	border-radius: 12px !important;
	height: 40px;
	justify-content: center;
	line-height: 1;
	padding: 0 32px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}

.paj-page .wpjb .wpjb-submit:hover {
	background: var(--paj-accent-dark) !important;
	box-shadow: 0 2px 8px rgba(68, 135, 255, 0.3);
}

.paj-page .wpjb .wpjb-submit:focus-visible {
	outline: 2px solid var(--paj-accent);
	outline-offset: 2px;
}

.paj-page .wpjb input[type="text"],
.paj-page .wpjb input[type="email"],
.paj-page .wpjb input[type="url"],
.paj-page .wpjb input[type="number"],
.paj-page .wpjb textarea,
.paj-page .wpjb select {
	border-radius: 8px;
	border: 1px solid #d1d5db;
	padding: 10px 12px;
	font-size: 14px;
	color: var(--paj-text);
	background: #ffffff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.paj-page .wpjb input[type="text"]:focus,
.paj-page .wpjb input[type="email"]:focus,
.paj-page .wpjb input[type="url"]:focus,
.paj-page .wpjb input[type="number"]:focus,
.paj-page .wpjb textarea:focus,
.paj-page .wpjb select:focus {
	border-color: var(--paj-accent);
	outline: none;
	box-shadow: 0 0 0 3px rgba(68, 135, 255, 0.15);
}

/* WPJobBoard button/link styling within the form */
.paj-page .wpjb a.wpjb-button {
	display: inline-block;
	background: var(--paj-accent);
	color: #ffffff !important;
	border-radius: 12px;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s ease;
}

.paj-page .wpjb a.wpjb-button:link,
.paj-page .wpjb a.wpjb-button:visited,
.paj-page .wpjb a.wpjb-button:active,
.paj-page .wpjb .wpjb-form-actions a:link,
.paj-page .wpjb .wpjb-form-actions a:visited,
.paj-page .wpjb .wpjb-form-actions a:active {
	color: #ffffff !important;
}

.paj-page .wpjb a.wpjb-button:hover {
	background: var(--paj-accent-dark);
	color: #ffffff !important;
}

/* Flash messages */
.paj-page .wpjb .wpjb-flash-info {
	border-radius: 12px;
	overflow: hidden;
}

.paj-page .wpjb .wpjb-flash-error {
	border-radius: 12px;
	overflow: hidden;
}

/* ---------------------------------------------------------------------------
   Login Form (not-logged-in employer)
   --------------------------------------------------------------------------- */
.paj-page .wpjb-page-default-form .wpjb-form input {
	padding: 10px 12px;
	font-size: 14px;
	border-radius: 8px;
}

.paj-page .wpjb-page-default-form .wpjb-form-actions a {
	display: inline-block;
	margin-top: 12px;
	font-size: 14px;
	font-weight: 500;
	color: var(--paj-accent);
}

.paj-page .wpjb-page-default-form .wpjb-form-actions a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   Preview Step
   --------------------------------------------------------------------------- */
.paj-page .wpjb-page-preview h2 {
	color: var(--paj-text);
	font-size: 60px;
	font-weight: 700;
	line-height: 60px;
	margin: 0 0 12px;
}

.paj-page .wpjb-page-preview .custom-job-info {
	width: 70%;
}

.paj-page .wpjb-page-preview ul.job-details-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-bottom: 16px;
}

.paj-page .wpjb-page-preview ul.job-details-list .job-detail-item {
	align-items: center;
	color: rgb(75, 85, 99);
	display: flex;
	font-size: 16px;
	gap: 5px;
	margin-bottom: 0;
}

.paj-page .wpjb-page-preview ul.job-details-list .job-detail-item .icon {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: 16px;
	justify-content: center;
	width: 16px;
}

.paj-page .wpjb-page-preview ul.job-details-list .job-detail-item .icon svg {
	height: 100%;
	width: 100%;
}

.paj-page .wpjb-page-preview .job-description-title {
	font-size: 20px;
	font-weight: 500;
	margin-top: 0;
	text-transform: capitalize;
}

.paj-page .wpjb-page-preview .wpjb-text-box p {
	color: rgb(2, 8, 23);
	font-size: 16px;
	line-height: 24px;
}

.paj-page .wpjb-page-preview .wpjb-text-box ol li,
.paj-page .wpjb-page-preview .wpjb-text-box ul li {
	color: rgb(2, 8, 23);
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 5px;
}

.paj-page .wpjb-page-preview a.wpjb-button,
.paj-page .wpjb-page-preview .wpjb-job-apply a.wpjb-button,
.paj-page .wpjb-page-preview .wpjb-form-actions a.wpjb-button {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	line-height: 1;
	padding: 0 24px;
}

@media (max-width: 780px) {
	.paj-page .wpjb-page-preview h2 {
		font-size: 36px;
		line-height: 42px;
	}

	.paj-page .wpjb-page-preview .custom-job-info {
		width: 100%;
	}
}

.paj-page .wpjb-page-preview a.wpjb-button:hover,
.paj-page .wpjb-page-preview .wpjb-job-apply a.wpjb-button:hover,
.paj-page .wpjb-page-preview .wpjb-form-actions a.wpjb-button:hover {
	background: #1B4A9B !important;
	border-color: #1B4A9B !important;
	color: #ffffff !important;
}

.paj-page .wpjb-page-preview a.wpjb-button:link,
.paj-page .wpjb-page-preview a.wpjb-button:visited,
.paj-page .wpjb-page-preview a.wpjb-button:active,
.paj-page .wpjb-page-preview .wpjb-form-actions a.wpjb-button:link,
.paj-page .wpjb-page-preview .wpjb-form-actions a.wpjb-button:visited,
.paj-page .wpjb-page-preview .wpjb-form-actions a.wpjb-button:active {
	color: #ffffff !important;
}

.paj-page .wpjb-page-save .wpjb-place-order-wrap {
	display: flex;
	justify-content: center;
	margin-top: 30px !important;
	text-align: center;
	width: 100%;
}

.paj-page .wpjb-page-save a.wpjb-button.wpjb-place-order {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	line-height: 1;
	padding: 0 24px;
}

/* Homepage h1: 48px at ≤1024px */
@media (max-width: 1024px) {
	.paj-title {
		font-size: 48px;
	}
}

/* Homepage h1: 36px + tight line-height at ≤767px */
@media (max-width: 767px) {
	.paj-title {
		font-size: 36px;
		line-height: 1.2;
		margin-bottom: 15px;
	}
}

/* ---------------------------------------------------------------------------
   Responsive — Tablet (≤ 768px)
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.paj-hero {
		margin-top: 10px;
		padding: 14px 0 9px;
	}

	.paj-subtitle {
		font-size: 18px;
	}

	.paj-pricing-heading {
		font-size: 20px;
	}

	.paj-cards {
		grid-template-columns: 1fr;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

	.paj-cards > .paj-card.paj-card--ai-agent {
		grid-column: auto !important;
		grid-column-start: auto !important;
		grid-column-end: auto !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.paj-card-body--ai-agent {
		display: flex;
		align-items: stretch;
		gap: 0;
		padding: 16px;
	}

	.paj-price--ai-agent {
		margin: 0 0 13px;
	}

	.paj-ai-agent-copy {
		display: grid;
		gap: 10px;
	}

	.paj-features--ai-agent {
		display: flex;
		gap: 7px;
	}

	.paj-card-cta--ai-agent {
		margin-top: auto;
		padding-top: 16px;
	}

	.paj-faq-container {
		grid-template-columns: 1fr;
	}

	.paj-faq-title {
		font-size: 32px;
	}

	.paj-faq-subtitle {
		font-size: 17px;
	}

	.paj-price-amount {
		font-size: 36px;
	}

	.paj-page .wpjb-page-add,
	.paj-page .wpjb-page-preview,
	.paj-page .wpjb-page-save,
	.paj-page .wpjb-page-default-form {
		padding: 16px;
	}

	.paj-page .wpjb-add-job-steps li .wpjb-glyphs {
		width: 32px;
		margin: 0 8px;
	}
}

/* ---------------------------------------------------------------------------
   Responsive — Mobile (≤ 480px)
   --------------------------------------------------------------------------- */
@media (max-width: 480px) {
	.paj-container {
		padding: 0 16px;
	}

	.paj-hero {
		margin-top: 10px;
		padding: 11px 0 7px;
	}

	.paj-subtitle {
		font-size: 14px;
	}

	.paj-pricing {
		padding: 7px 0 13px;
	}

	.paj-pricing-heading {
		font-size: 18px;
		margin-bottom: 41px;
	}

	.paj-cards {
		max-width: 100%;
	}

	.paj-card-header {
		padding: 11px 20px;
	}

	.paj-card-body {
		padding: 13px;
	}

	.paj-faq {
		padding: 12px 0 28px;
	}

	.paj-faq-item summary {
		font-size: 17px;
		padding: 18px 20px;
	}

	.paj-faq-answer {
		padding: 0 20px 18px;
	}

	.paj-price-amount {
		font-size: 32px;
	}

	.paj-form {
		padding: 7px 0 18px;
	}

	.paj-page .wpjb-page-add,
	.paj-page .wpjb-page-preview,
	.paj-page .wpjb-page-save,
	.paj-page .wpjb-page-default-form {
		padding: 13px 16px;
		border-radius: 12px;
	}

	.paj-page .wpjb-add-job-steps {
		gap: 0;
	}

	.paj-page .wpjb-add-job-steps li {
		font-size: 12px;
	}

	.paj-page .wpjb-add-job-steps li::before {
		width: 26px;
		height: 26px;
		min-width: 26px;
		font-size: 12px;
		margin-right: 4px;
	}

	.paj-page .wpjb-add-job-steps li .wpjb-glyphs {
		width: 20px;
		margin: 0 6px;
	}
}