/* General Wrapper */
.job-openings-widget-wrapper {
	font-family: inherit;
}

/* Base Item Styles */
.job-accordion-item {
	background: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.job-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.job-badge {
	background: #da2424;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 4px 8px;
	border-radius: 4px;
}

.job-meta-text {
	color: #777;
	font-size: 14px;
}

.job-title {
	font-size: 22px;
	font-weight: 700;
	color: #111;
	margin: 0;
	line-height: 1.3;
}

/* Desktop Accordion Specific */
.job-accordion-desktop {
	display: block;
}
.job-slider-mobile {
	display: none;
}

.job-accordion-header {
	padding: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	gap: 20px;
}

.job-header-content {
	flex: 1;
}

.job-toggle-icon {
	width: 40px;
	height: 40px;
	border: 1px solid #222;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #222;
	transition: all 0.3s ease;
}

.icon-plus { display: block; }
.icon-cross { display: none; }

.job-accordion-item.is-open .icon-plus { display: none; }
.job-accordion-item.is-open .icon-cross { display: block; }

.job-accordion-body {
	padding: 0 30px 30px;
}

.job-body-inner {
	border-top: 1px solid #eaeaea;
	padding-top: 25px;
}

.job-intro {
	color: #444;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 25px;
}

/* Full Details Content */
.job-full-details {
	font-size: 15px;
	line-height: 1.6;
	color: #444;
	margin-bottom: 30px;
}
.job-full-details h4, .job-full-details h3 {
	color: #da2424;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 15px;
}
.job-full-details ul {
	margin: 0 0 20px;
	padding-left: 20px;
}
.job-full-details li {
	margin-bottom: 10px;
}

/* Action Buttons */
.job-actions {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.job-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 28px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	line-height: 1.2;
}

.btn-apply {
	background: #da2424;
	color: #fff;
	border: 2px solid #da2424;
}
.btn-apply:hover {
	background: #b51c1c;
	border-color: #b51c1c;
	color: #fff;
}

.btn-share {
	background: transparent;
	color: #111;
	border: 2px solid #111;
}
button.job-btn.btn-share {
    background: transparent !important;
    color: #141414;
}
.btn-share:hover {
	background: #f5f5f5;
	color: #111;
}


/* Mobile Styles */
@media (max-width: 767px) {
	.job-accordion-desktop { display: none; }
	.job-slider-mobile { 
		display: block; 
		padding-bottom: 40px; /* Space for pagination */
	}
	
	.job-mobile-card {
		padding: 25px;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.job-title-row-mobile {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 15px;
		margin-bottom: 20px;
	}
	
	.job-title {
		font-size: 20px;
	}
	
	.job-mobile-always-visible .job-intro {
		margin-bottom: 15px;
		font-size: 15px;
	}
	
	.job-more-mobile {
		color: #da2424;
		font-weight: 700;
		cursor: pointer;
		display: inline-block;
		margin-left: 5px;
	}
	
	.job-accordion-body {
		padding: 0;
	}
	
	.job-full-details {
		margin-bottom: 20px;
	}
	
	.job-actions {
		margin-top: auto; /* Push to bottom if height grows */
		padding-top: 15px;
		gap: 10px; /* slightly smaller gap on mobile */
	}
	
	.job-btn {
		padding: 10px 20px;
		font-size: 14px;
	}
	
	/* Swiper Pagination */
	.job-slider-mobile .swiper-pagination-bullet {
		background: #ccc;
		opacity: 1;
		width: 10px;
		height: 10px;
	}
	.job-slider-mobile .swiper-pagination-bullet-active {
		background: #555;
	}
	.job-slider-mobile .swiper-pagination {
   
    bottom: -3px !important;
}
}