dans les
… */
.nexa-job-detail .nexa-job-descContent li > div > p{
display: inline !important;
margin: 0 !important;
padding: 0 !important;
}
/* 3) Supprimer les
qui peuvent créer l’effet “puce seule” */
.nexa-job-detail .nexa-job-descContent li br{
display: none !important;
}
/* 4) Assurer un rendu propre des listes */
.nexa-job-detail .nexa-job-descContent ul,
.nexa-job-detail .nexa-job-descContent ol{
padding-left: 22px !important;
margin: 0 0 14px !important;
}
.nexa-job-detail .nexa-job-descContent li{
list-style-position: outside !important;
margin: 0 0 10px !important;
line-height: 1.65 !important;
}
.nexa-job-detail .nexa-job-descContent li::marker{
color: var(--nexa-violet) !important;
font-weight: 900 !important;
}
/* =========================================================
FIX TITRES DANS LA DESCRIPTION (h1 → h6)
========================================================= */
/* Base commune */
.nexa-job-detail .nexa-job-descContent :where(h1,h2,h3,h4,h5,h6){
margin: 22px 0 10px !important;
line-height: 1.3 !important;
color: #262556 !important;
letter-spacing: -0.01em !important;
font-weight: 700 !important;
}
/* Hiérarchie claire */
.nexa-job-detail .nexa-job-descContent h1{
font-size: 26px !important;
}
.nexa-job-detail .nexa-job-descContent h2{
font-size: 22px !important;
}
.nexa-job-detail .nexa-job-descContent h3{
font-size: 19px !important;
}
.nexa-job-detail .nexa-job-descContent h4{
font-size: 17px !important;
}
.nexa-job-detail .nexa-job-descContent h5{
font-size: 15px !important;
font-weight: 600 !important;
}
.nexa-job-detail .nexa-job-descContent h6{
font-size: 14px !important;
font-weight: 600 !important;
color: rgba(38,37,86,.75) !important;
}
/* Mobile */
@media (max-width: 640px){
.nexa-job-detail .nexa-job-descContent h1{ font-size: 22px !important; }
.nexa-job-detail .nexa-job-descContent h2{ font-size: 19px !important; }
.nexa-job-detail .nexa-job-descContent h3{ font-size: 17px !important; }
}
.nexa-job-detail .nexa-job-descContent h2{
padding-bottom: 6px;
border-bottom: 1px solid rgba(38,37,86,.12);
}
/* Désactiver la réservation bas */
.nexa-job-detail .nexa-job-descViewport{
padding-bottom: 100px !important;
}
/* Limiter le texte visible */
.nexa-job-detail .nexa-job-descContent{
max-height: 520px;
overflow: hidden;
position: relative;
z-index: 5;
}
/* Voile moderne */
.nexa-job-detail .nexa-job-maskZone::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
to bottom,
rgba(255,255,255,0.10) 0%,
rgba(255,255,255,0.35) 35%,
rgba(255,255,255,0.70) 70%,
rgba(255,255,255,0.92) 100%
);
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
z-index: 10;
pointer-events:none;
}
/* CTA flottant — position identique au site client */
.nexa-job-detail .nexa-apply-overlay{
position: absolute;
left: 50%;
top: 58%;
transform: translate(-50%, -50%);
width: min(560px, calc(100% - 28px));
z-index: 20;
pointer-events: none;
}
.nexa-job-detail .nexa-apply-overlay .nexa-apply-card{
pointer-events: auto;
border-radius: 22px;
box-shadow: 0 28px 90px rgba(15,23,42,.22);
}
@media (max-width: 640px){
.nexa-job-detail .nexa-job-descContent{
max-height: 260px;
}
.nexa-job-detail .nexa-apply-overlay{
top: 56%;
width: calc(100% - 24px);
}
.nexa-job-detail .nexa-apply-title{
font-size: 18px;
}
.nexa-job-detail .nexa-apply-text{
font-size: 13px;
}
}
/* =========================================
FIX MOBILE — CTA "Prêt à postuler" toujours cliquable
========================================= */
@media (max-width: 640px){
/* 1) Autoriser le clic + éviter que le viewport coupe le CTA */
.nexa-job-detail .nexa-job-descViewport{
overflow: visible !important;
max-height: none !important;
padding-bottom: 54px !important;
}
/* 2) On limite le texte, mais on ne doit pas piéger le CTA */
.nexa-job-detail .nexa-job-descContent{
max-height: 260px !important;
overflow: hidden !important;
}
/* 3) Remettre le CTA en bas (stable) au lieu de top:56% */
.nexa-job-detail .nexa-apply-overlay{
position: sticky !important;
top: auto !important;
bottom: 14px !important;
left: 0 !important;
transform: none !important;
width: 100% !important;
z-index: 999 !important;
}
.nexa-job-detail .nexa-apply-card{
width: 100% !important;
}
}
/* FIX MOBILE — texte bouton CTA lisible */
@media (max-width: 640px){
.nexa-job-detail .nexa-apply-btn{
white-space: normal !important;
line-height: 1.25 !important;
padding: 14px 16px !important;
font-size: 14px !important;
height: auto !important;
text-align: center !important;
}
}
/* =========================================
DESKTOP — bouton largeur auto (pas full width)
========================================= */
@media (min-width: 641px){
.nexa-job-detail .nexa-apply-btn{
width: auto !important;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
padding: 12px 24px;
}
.nexa-job-detail .nexa-apply-card{
text-align: center;
}
}
/* FIX modal apply email — éviter input collé à gauche (thème override) */
.nexa-modal-form .nexa-modal-input{
width: 100% !important;
box-sizing: border-box !important;
padding: 14px 16px !important;
border-radius: 14px !important;
border: 1px solid rgba(15,23,42,.12) !important;
background: #fff !important;
font-size: 14px !important;
outline: none !important;
}
.nexa-modal-form .nexa-modal-input:focus{
border-color: var(--nexa-violet) !important;
box-shadow: 0 0 0 4px rgba(98,84,231,.18) !important;
}