.elementor-2534 .elementor-element.elementor-element-0f68f28{--display:flex;--background-transition:0.3s;}/* Start custom CSS *//* ==========================================================
   PremiumHR — Module 1: Saved Jobs — Styling
   Paste into Appearance > Customize > Additional CSS,
   or Elementor > Site Settings > Custom CSS.
   ========================================================== */

/* Save Job button */
.psj-save-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	background: #ffffff;
	color: #344054;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.15s ease;
}

.psj-save-btn:hover {
	border-color: #98a2b3;
	background: #f9fafb;
}

.psj-save-btn .psj-btn-icon {
	font-size: 15px;
	color: #98a2b3;
	transition: color 0.15s ease;
}

.psj-save-btn.psj-saved {
	background: #fff7ed;
	border-color: #fdba74;
	color: #c2410c;
}

.psj-save-btn.psj-saved .psj-btn-icon {
	color: #f59e0b;
}

.psj-save-btn.psj-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Saved Jobs page grid */
.psj-saved-jobs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.psj-job-card {
	border: 1px solid #eaecf0;
	border-radius: 10px;
	padding: 20px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.psj-job-title {
	margin: 0 0 6px;
	font-size: 16px;
}

.psj-job-title a {
	color: #1d2939;
	text-decoration: none;
}

.psj-job-title a:hover {
	color: #175cd3;
}

.psj-job-meta {
	margin: 0 0 14px;
	font-size: 13px;
	color: #667085;
}

/* Empty state */
.psj-empty-state {
	padding: 40px 20px;
	text-align: center;
	color: #667085;
	border: 1px dashed #d0d5dd;
	border-radius: 10px;
	margin-top: 20px;
}/* End custom CSS */