/* Matchlab widget overrides - ticket 3541 */
/* Scope-limited resets: Bridge theme + site-wide custom CSS bleed into the
   Matchlab vacancy widget (#express-app). Reference rendering to match:
   https://career.cefetra.com/vacancies/ */

/* 1. The WPBakery row #dg_vacatures has inline text-align:center which the
   whole widget inherits; cards and titles must be left-aligned. */
#express-app {
	text-align: left;
}

/* 2. Bridge sets ul { list-style-position: inside } and resets the list
   padding. Each vacancy <li> wraps its text in a <p> (Word paste), so the
   bullet marker ends up alone on its own line. Restore the widget default. */
#express-app .description__express ul {
	list-style-position: outside;
	padding-left: 32px;
	margin: 0 0 16px;
}

/* 3. Site body text is font-weight 300, so the browser default "bolder" for
   <strong> only resolves to 400, and the site custom CSS forces
   b { font-weight: 400 !important }. Restore real bold inside the widget. */
#express-app strong,
#express-app b {
	font-weight: 700 !important;
}

/* 4. The site-wide h6 style (uppercase, letter-spacing, #C1D72E lines above
   and below) leaks into widget headings such as the "Employment type" and
   "Hours" filter labels and the "Interested?" / recruiter blocks. */
#express-app h6 {
	background: none;
	border-top: 0;
	border-bottom: 0;
	padding: 0;
	text-transform: none;
	letter-spacing: normal;
}

/* 5. Each vacancy card reserves a 96px company-logo slot
   (.image-wrapper__express, min-width 96px) that Matchlab leaves empty for
   Tracomex (no logo configured), pushing the title block ~116px right. The
   reference (career.cefetra.com/vacancies) renders no such slot at all.
   Hide it only while empty, so a future configured logo shows again. */
#express-app .vacancy__express .image-wrapper__express:empty {
	display: none;
}