.jobboard{display:flex;flex-direction:column;gap:15px}

/* Cards */
.jobcard{background:#fff;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.12);margin-bottom:16px}
p.jobboard__empty-text{text-align:left;color:var(--oxy_color_8)}
.jobcard__row{display:flex;align-items:stretch;justify-content:space-between}
.jobcard__main{flex:1 1 auto;padding:16px 20px 16px 28px}
.jobcard__actions{display:flex;align-items:center;gap:60px;min-width:320px;justify-content:flex-end}

/* Top info */
.jobcard__title{font-size:clamp(24px, 4.6vw, 32px);font-weight:700;letter-spacing:.2px;margin:0 0 6px;text-transform:uppercase;line-height:1.2em;}
.jobcard__meta{display:flex;flex-wrap:wrap;gap:120px;margin:0;padding:0;list-style:none;font-weight:600}
.jobcard__meta-item{display:inline-flex!important;align-items:center;gap:25px;font-size:20px}
.jobcard__meta-ville img{display:block;width:25px;height:25px;}

/* Toggle */
.jobcard__toggle{appearance:none;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:0 8px;font-weight:600;color:var(--oxy_color_6);transition: color .2s ease}
.jobcard__toggle::after{content:"";border:none;width:10px;height:10px;background:url("../img/open.svg") center/contain no-repeat;transform:rotate(0deg)}
.jobcard__toggle.is-open{color:var(--oxy_color_6)}
.jobcard__toggle.is-open::after{content:"";border:none;width:10px;height:10px;background:url("../img/fermer.svg") center/contain no-repeat;transform:rotate(0deg)}
.jobcard__toggle:hover{color:var(--oxy_color_9)}
/* Apply button */
.jobcard__apply{font-family:'Space Grotesk';min-width:160px;height:48px;padding:0 40px;border:0;cursor:pointer;color:var(--oxy_color_6);background:var(--oxy_color_7);text-transform:uppercase;font-weight:800;letter-spacing:.6px;position:relative;height:100%;transition: color .2s ease;}
.jobcard__apply::before{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:100%;height:100%;background:url("../img/fleche_postuler.svg") 0% no-repeat}
.jobcard__apply:hover{color:var(--oxy_color_9)}

/* Details */
.jobcard__details{border-top:1px solid rgba(0,0,0,.08);padding:60px 45px 40px}

/* Masonry 2 colonnes, ordre imposé: 1&3 à gauche, 2&4 à droite btn_cta_menu*/
.jobcard__grid{display:block}
.jobcard__grid::after{content:"";display:block;clear:both}
.jobcard__bloc{width:calc(50% - 70px)}
.jobcard__bloc:not(:last-child){margin-bottom:90px}
.jobcard__bloc:nth-of-type(odd){float:left;clear:left}
.jobcard__bloc:nth-of-type(even){float:right;clear:right}

.jobcard__bloc{font-size:20px;line-height:1.2em;}
.jobcard__h4{position:relative;padding-left:28px;margin:0 0 8px;font-weight:900;text-transform:uppercase;color:var(--oxy_color_6)}
.jobcard__h4::before{content:"";position:absolute;left:-4px;top:4px;width:24px;height:24px;background:url("../img/WIDEA-Puce.svg") center/contain no-repeat}

/* Apply panel (inline) */
.jobcard__applypanel{border-top:1px solid rgba(0,0,0,.08)}
.jobcard__applyform{padding:60px 45px 40px}

/* Form */
.V2 {
  padding: 13px 10px!important;
}
.jobcard__applyform input::placeholder, .jobcard__applyform textarea::placeholder {
  color:var(--oxy_color_6)!important;
}
.b2-12,.b2-13,.b2-14,.b2-15{display: none}


/* === Popup candidature spontanée === */
.spontanee-popup {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.spontanee-popup[hidden] { display: none !important; }

.spontanee-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.55);
	backdrop-filter: blur(2px);
}

.spontanee-popup__content {
	position: relative;
	background: #fff;
	padding: 40px 50px;
	max-width: 700px;
	width: 90%;
	box-shadow: 0 10px 30px rgba(0,0,0,.3);
	z-index: 1;
	max-height: 90vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.spontanee-popup__title {
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--oxy_color_6);
	text-align: center;
}

.spontanee-popup__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
	height: 20px;
	background: url("../img/fermer.svg") center/contain no-repeat;
	border: none;
	cursor: pointer;
}

.spontanee-popup__form {
	padding-top: 10px;
}

.spontanee-popup__form input::placeholder, .spontanee-popup__form textarea::placeholder {
	color:var(--oxy_color_6)!important;
}

/* Responsive */
@media (max-width:992px){
	.jobcard__meta {flex-direction: column; gap: 5px; }
	.jobcard__meta-item {
		font-size: 18px;
		gap: 10px;
	}
	.jobcard__bloc:not(:last-child) {
		margin-bottom: 50px;
	}
}
@media (max-width:860px){
	.jobcard__actions{gap:8px}
	/* .jobcard__apply{min-width:140px;height:44px} */
	.jobcard__bloc{width:100%;float:none;clear:none}
}
@media (max-width:640px){
	.jobcard__row{flex-direction:column;}
	.jobcard__main {padding: 16px 20px 0px 20px;}
	.jobcard__actions{justify-content:space-between;padding-left: 20px;}
	.jobcard__apply {height: 70px}
}
@media screen and (max-width:479px){
	.jobcard__meta-ville img{
		width:22px;
		height:22px;
	}
	.jobcard__meta-item {
		align-items: baseline;
	}
	.jobcard__toggle {
		font-size: 18px;
		padding: 0;
	}
	.jobcard__apply{
		padding:0 22px;
	}
	#image-106-71 {
		position: absolute;
		left: 0;
		bottom: 0;
		transform: rotate(180deg);
	}
	.jobcard__details {
		padding: 30px 20px;
	}
	.jobcard__bloc:not(:last-child) {
		margin-bottom: 40px;
	}
	.spontanee-popup__content {
		padding: 40px 20px;
	}
	
}