/*
 * ACXES - Offres d'emploi HelloWork
 *
 * Le rendu repose volontairement sur les styles de Salient. Cette feuille ne
 * fait que deux choses : neutraliser les animations Salient qui dependent d'un
 * script absent de ce contexte, et habiller la ligne de contexte de la liste.
 */

/* --- Filets de securite -------------------------------------------------- */

/*
 * Salient masque les titres animes en attendant son script de decoupage par
 * mots. Nos titres ne sont pas animes : on force leur visibilite pour eviter
 * un titre blanc invisible si le script ne se charge pas.
 */
.acxes-job .nectar-split-heading,
.acxes-job .nectar-split-heading > h1,
.acxes-job .nectar-split-heading > h2 {
	opacity: 1 !important;
	visibility: visible !important;
}

.acxes-job .nectar-split-heading span .inner {
	transform: none !important;
	opacity: 1 !important;
}

/* Meme logique pour les boutons, reveles par script chez Salient. */
.acxes-job .nectar-button {
	visibility: visible !important;
	opacity: 1 !important;
}

/* --- Detail d'une offre -------------------------------------------------- */

/*
 * Largeur de lecture de la fiche.
 *
 * En production, la fiche etait un article, et Salient plafonnait la zone de
 * contenu du blog a 1000 px dans un conteneur de 1600. La nouvelle fiche est
 * une page, donc sans ce plafond : elle prenait toute la largeur de la rangee,
 * soit environ 1135 px, avec des lignes de texte plus longues.
 *
 * On retrouve la largeur d'origine ici, sur `.acxes-job` et non sur
 * `.acxes-job-body` : le bloc titre et remuneration vit dans une autre rangee,
 * et ne contraindre que le corps le laisserait plus etroit que son propre
 * en-tete, ce qui est precisement le defaut de l'ancienne fiche.
 *
 * max-width plutot qu'un padding en pourcentage : la largeur de lecture reste
 * constante quel que soit l'ecran, et rien n'est rogne sur mobile.
 *
 * Le corps est ensuite retreci de 5 % de chaque cote par rapport a l'en-tete,
 * comme sur l'ancienne fiche : le titre et la remuneration debordent
 * legerement a gauche des sections, ce qui hierarchise la page.
 *
 * En production, ce retrait venait des classes right_margin_5pct et
 * left_margin_5pct posees sur la rangee. On ne peut pas s'appuyer dessus ici :
 * la regle correspondante est generee par Visual Composer dans le CSS en ligne
 * de la page, et seulement si une rangee du contenu de cette page porte la
 * classe. Notre markup venant d'un shortcode, la regle n'est jamais emise. On
 * reproduit donc la meme valeur, margin 5 %, dans cette feuille.
 *
 * Les deux valeurs sont surchargeables depuis le theme enfant :
 *   .acxes-job { --acxes-job-width: 1100px; --acxes-job-body-inset: 8%; }
 */
.acxes-job {
	--acxes-job-width: 1000px;
	--acxes-job-body-inset: 5%;

	max-width: var(--acxes-job-width);
	margin-left: auto;
	margin-right: auto;
}

.acxes-job-body {
	margin-left: var(--acxes-job-body-inset);
	margin-right: var(--acxes-job-body-inset);
}

.acxes-job-facts {
	margin-top: 20px;
}

.acxes-job-body .nectar-split-heading {
	margin-top: 45px;
}

.acxes-job-body .wpb_wrapper > .nectar-split-heading:first-child {
	margin-top: 0;
}

.acxes-job-apply {
	margin-top: 35px;
}

/* --- Liste des offres ---------------------------------------------------- */

.acxes-job-card .acxes-job-meta {
	display: block;
	margin-top: 4px;
	font-size: 16px;
	line-height: 29px;
	opacity: 0.75;
}

.acxes-jobs-empty {
	padding: 30px 25px;
	background: rgba(0, 0, 0, 0.03);
}

.acxes-jobs-empty p:last-child {
	margin-bottom: 0;
}