/* =========================================================
   Careers Page + Single Job Opening
   Loaded only on these two templates — see ie_careers_enqueue_front_assets()
   in inc/careers.php. Reuses the theme's existing CSS variables so a color
   change in the Customizer (Design Style & Colors) still applies here.
   ========================================================= */

/* ---- Careers page hero ---- */
.ie-careers-hero{
	padding:90px 0 60px;
	background:linear-gradient(135deg,var(--ie-primary),var(--ie-primary-dark));
	color:#fff;
}
.ie-careers-hero h1{color:#fff;font-size:40px;margin-top:6px;}
.ie-careers-hero .eyebrow{color:var(--ie-accent);}
.ie-careers-hero-intro{max-width:640px;margin:0 auto 28px;color:rgba(255,255,255,.9);font-size:16.5px;}
@media(max-width:760px){.ie-careers-hero{padding:60px 0 40px;}.ie-careers-hero h1{font-size:30px;}}

.ie-job-perk-icon{font-size:34px;margin-bottom:14px;line-height:1;}

/* ---- Job card (Careers page grid + "Other Open Positions") ---- */
.ie-job-card{
	background:#fff;
	border-radius:var(--ie-radius);
	box-shadow:var(--ie-shadow);
	padding:28px 26px;
	display:flex;
	flex-direction:column;
	height:100%;
	transition:transform .3s;
}
.ie-job-card:hover{transform:translateY(-6px);}
.ie-job-dept{
	display:inline-block;
	background:var(--ie-bg-soft);
	color:var(--ie-primary);
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.5px;
	padding:4px 12px;
	border-radius:20px;
	margin-bottom:12px;
	align-self:flex-start;
}
.ie-job-card h3{font-size:19px;margin-bottom:10px;}
.ie-job-card h3 a:hover{color:var(--ie-primary);}
.ie-job-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--ie-muted);font-size:13.5px;margin-bottom:20px;}
.ie-job-card .btn{margin-top:auto;align-self:flex-start;padding:11px 24px;font-size:14px;}

/* ---- Single job hero ---- */
.ie-job-hero{
	padding:60px 0 44px;
	background:var(--ie-bg-soft);
	text-align:center;
}
.ie-job-hero h1{font-size:34px;margin-top:6px;}
.ie-job-meta-lg{justify-content:center;font-size:15px;margin-bottom:26px;}
@media(max-width:760px){.ie-job-hero h1{font-size:26px;}}

/* ---- Single job layout: description + sticky apply form ---- */
.ie-job-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:start;}
.ie-job-sidebar{
	position:sticky;
	top:24px;
	background:var(--ie-bg-soft);
	padding:30px;
	border-radius:var(--ie-radius);
}
.ie-job-sidebar h3{margin-bottom:16px;}
@media(max-width:900px){
	.ie-job-layout{grid-template-columns:1fr;gap:34px;}
	.ie-job-sidebar{position:static;}
}

.ie-job-closed-notice{text-align:center;}
.ie-job-closed-notice p{color:var(--ie-muted);font-size:14.5px;}

/* ---- Application form specifics (resume upload) ---- */
.ie-job-resume-label{
	display:block;
	margin:0 0 16px;
	font-size:13.5px;
	color:var(--ie-muted);
}
.ie-job-resume-label span{display:block;margin-bottom:6px;font-weight:600;color:var(--ie-text);}
.ie-job-resume-label input[type="file"]{
	width:100%;
	padding:12px 14px;
	border:1px dashed #c9ccd1;
	border-radius:8px;
	background:#fff;
	font-size:13.5px;
	font-family:inherit;
	color:var(--ie-text);
}
.ie-job-apply-form-wrap{max-width:640px;margin:0 auto;background:var(--ie-bg-soft);padding:34px;border-radius:var(--ie-radius);}