/*
Theme Name: ShiftUp
Theme URI: https://shiftup.qodeinteractive.com
Description: Car Repair & Auto Services Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: shiftup
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
	font-family: "Degular Display medium" !important;
		color: #333 !important;
}

body p {
	font-size: 20px !important;
}



body a, body p, body button, body label {
	font-family: "Degular Display medium" !important;
}

body h1, body h2{
	font-family: "Degular Display black" !important
}

body h3{
	font-family: "Degular Display bold" !important
}

#contact_form form button{
	color:#000;
}


#contact_form form button:hover{
	color:#fff;
}

sr7-txt
{
	font-family: "Degular Display medium" !important;
	margin-top:-25px;
}

#qodef-page-footer-top-area-inner
{
	padding:0px 0px 0px 0px !important;
}

#qodef-content-bottom
{
	padding:60px 0px 60px 0px !important;
}

#slider-shape
{
	margin-top: -45px !important;
}

#btn-actualite
{
	justify-content:center;
	display:flex;
	margin-top: -40px;
}

.swiper-pagination
{
	display:none;
}

.wp-block-themepunch-revslider
{
	height:320px !important;
}

.qodef-addons-blog-slider .qodef-blog-item .qodef-e-media-image{
	height: 250px !important;
}

.qodef-addons-blog-slider .qodef-blog-item.has-post-thumbnail .qodef-e-content{
	padding-top: 1px !important;
}

.icon_menu {
            color: #000 !important;
            transition: color 0.3s ease;
        }

.qodef-skin-light .qodef-contact-form-7 label .qodef-icon-elegant-icons {
	color:black !important;
}

.rp4wp-related-job_listing>ul li.job_listing a div.position h3, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position h3, ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3{
	
	font-family: "Degular Display medium" !important;
}

.job-manager .full-time, .job-types .full-time, .job_listing .full-time{
	color: var(--qode-main-color) !important;
}

#job_offers input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	color:#111 !important;
	border-color: #111 !important;
}

.qodef-theme-button, button[type=submit], input[type=submit] {
	background-color: #111 !important;
	color: #fff !important;
}

.qodef-theme-button:hover , button[type=submit]:hover , input[type=submit]:hover {
	background-color: var(--qode-main-color) !important;
}
.swiper-button-prev:hover , .swiper-button-next :hover{
	width:50px !important;
	
}

.job_listing{
	padding-top:10px!important;
	padding-bottom:10px!important;
}

.job_listings li a{
	padding-top:50px !important;
	padding-bottom:50px !important;
}

ul.job_listings li.job_listing a img.company_logo {
	position : absolute !important ;
	left : 1em !important;
	float : none !important;
	top : 50% ! important ;
	transform : translatey(-50%) !important;
}

.job_listings li a .company_logo{
	width: 150px !important;
	height: auto !important;
	background-image:cover;
	
}


.job_listings li a{
	background-color: #fff !important;
}
.single_job_listing .meta .job-type{
	background-color: #000 !important;
}

.job_listings li a:hover{
	background-color: #e7191f11 !important;
}

.job_position_featured .qodef-e-title{
	display: none !important;
}

.single_job_listing .job-listing-meta {
	list-style: none !important;
    display: inline-flex !important;
}

.single_job_listing .job-listing-meta .job-type{
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

.single_job_listing .job-listing-meta .job-type, .single_job_listing .job-listing-meta .location,  .single_job_listing .job-listing-meta .date-posted {
	margin-right: 10px;
    font-weight: bold;
    padding: 8px 20px 8px 20px;
}

.location .google_map_link:hover{
	color: #ea383c !important;
}

.job-listing-meta .date-posted{
	color: #ea383c;
}

.single_job_listing .job_description {
	color:#000 !important
}

.job_application .application_button {
	border: none;
	border-left: 5px solid #ea383c !important;
}

.job_application .application_button:hover{
	color: #fff !important;
	background-color: #ea383c;
	transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}

.job-manager-application-wrapper .application .application_details, .single_job_listing .application .application_details{
	background-color: #000;
	color: #fff;
}

.application_details .job_application_email{
	color: #ea383c !important; 
}

#qodef-page-outer #qodef-page-inner {
	padding:0 !important;
}

.wpsl-input label, #wpsl-radius label, #wpsl-category label
{
    width: 131px !important;
}

#wpsl-search-btn {
    border: none;
    background-color: #ea383c !important;
    color: #fff !important;
    height: 45px !important;
	background-image: none;
	
}
#wpsl-search-btn:hover{
	background-color:#000 !important;
}

.rss_link
{
	display:none;
}

.qodef-e-excerpt
{
	padding-top: 50px !important;
}

p.wpsl-contact-details span a[href^="tel"],
p.wpsl-contact-details span a[href^="mailto"] {
  color: #ea383c !important;
}

.qodef-accordion-content-inner p
{
	font-family: "Degular Display medium" !important;
	
	color: #7b7b7b;
}
.qodef-accordion-description
{
	font-family: "Degular Display medium" !important;
	text-transform:uppercase;
	font-size:20px !important;
    
	color: #7b7b7b;
}

.job_filters .job_types {
    background: #FF0000 !important; 
    border-top: 1px solid #ea383c;
      
}

.job_filters .job_types label {
    color: #fff !important;
   
}
.job_filters .job_types input[type="checkbox"] {
    accent-color: white;
}


.wpsl-decouvrir-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #e30613;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s;
}

.wpsl-decouvrir-btn:hover {
    background-color: #b30000;
    color: #fff !important;
}

#wpsl-wrap #wpsl-stores .wpsl-store-location p:first-child {
    display: flex;
    flex-direction: column;
}

#wpsl-wrap #wpsl-stores .wpsl-store-thumb {
    order: -1;
    width: 50% !important;
    height: 85px !important;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 10px;
}

/* Page Nos Offres */

ul.job_listings li.job_listing a {
    display: flex !important;
    align-items: center !important;
}

.job_listings li a .position {
    padding-left: 160px !important;
    flex: 1 !important;
	min-width: 0 !important;
}

ul.job_listings li.job_listing a ul.meta {
    margin-left: auto !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: start !important;
 	padding: 0 !important;
	width: auto !important;          
    padding-left: 0 !important;     
    text-align: left !important;   
	line-height: 1 !important;
}

ul.job_listings li.job_listing a ul.meta li {
    margin: 0 !important;
    padding: 0 !important;
}


/* Job-type en haut (ligne 1) */
ul.job_listings li.job_listing a ul.meta li.job-type {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
}

/* Date en bas (ligne 2) */
ul.job_listings li.job_listing a ul.meta li.date {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    margin-top: -10px !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
}

ul.job_listings li.job_listing a ul.meta li.postuler-item {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    justify-self: end !important;
    margin-top: 4px !important;
}

/* on remet le texte en colonne comme avant */
ul.job_listings li.job_listing a ul.meta li.job-type,
ul.job_listings li.job_listing a ul.meta li.date {
    grid-column: 1 / 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
    line-height: 1.2 !important;  /* Ajoutez ceci */
}

ul.job_listings li.job_listing a ul.meta li.job-type {
    grid-row: 1 / 2 !important;
}

ul.job_listings li.job_listing a ul.meta li.date {
    grid-row: 2 / 3 !important;
}

/* Supprimer tout margin/padding sur time */
ul.job_listings li.job_listing a ul.meta li.date time {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

ul.job_listings li.job_listing a ul.meta li.postuler-item,
ul.job_listings li.no_job_listings_found a ul.meta li.postuler-item {
    display: block !important;
    list-style: none !important;
    padding: 0 !important;
    text-align: right !important;
}

ul.job_listings li.job_listing a ul.meta li.postuler-item a.job-postuler-btn,
ul.job_listings li.no_job_listings_found a ul.meta li.postuler-item a.job-postuler-btn {
    display: inline-block !important;
    padding: 8px 16px !important;
    background-color: #e30613 !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: background-color 0.3s !important;
}

ul.job_listings li.job_listing a:hover ul.meta li.postuler-item a.job-postuler-btn {
    background-color: #e30613 !important;
}

ul.job_listings li.job_listing a ul.meta li.postuler-item a.job-postuler-btn:hover {
    background-color: #b30000 !important;
    color: #fff !important;
}

/* RESET du thème */
.job-manager-pagination {
	margin-top : 10px !important;
	padding-top: 30px;
}


nav.job-manager-pagination ul {
    border: none !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
	margin : 10px !important;
}

nav.job-manager-pagination ul li {
    float: none !important;
    display: flex !important;
    border: none !important;
}

/* Boutons */
nav.job-manager-pagination ul li a,
nav.job-manager-pagination ul li span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s ease;
}

nav.job-manager-pagination ul li a::before,
nav.job-manager-pagination ul li a::after {
    display: none !important;
}

nav.job-manager-pagination ul li a:hover {
    box-shadow: none !important;
    transform: none !important;
}

nav.job-manager-pagination ul li a,
nav.job-manager-pagination ul li span.current {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
    border-radius: 50%;
    box-sizing: border-box;
}


/* Hover EXACTEMENT comme le current */
nav.job-manager-pagination ul li a:hover {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #000;
    color: #fff;
}


/* Page active */
nav.job-manager-pagination ul li .current {
    background: #000;
    color: #fff;
    border-color: #000;
}

/* Flèches */
nav.job-manager-pagination ul li a[data-page] {
    font-size: 18px;
}

/* ===== MOBILE (max 599px) ===== */
@media (max-width: 599px) {

    ul.job_listings li.job_listing {
        overflow: hidden !important;
    }
	
	ul.job_listings li.job_listing a img.company_logo, 
		ul.job_listings li.no_job_listings_found a img.company_logo {
		 visibility: visible !important;
		 }

    ul.job_listings li.job_listing a {
        flex-direction: column !important;
        padding: 20px 16px !important;
        overflow: visible !important;
    }

    ul.job_listings li.job_listing a img.company_logo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 150px !important;
        height: 100px !important;
        object-fit: cover !important;
        margin: 0 0 12px 0 !important;
        display: block !important;
        border-radius: 4px !important;
    }

    ul.job_listings li.job_listing a .position {
        padding-left: 0 !important;
        text-align: left !important;
        width: 100% !important;
    }

    ul.job_listings li.job_listing a .location {
        text-align: left !important;
        width: 80% !important;
        display: block !important;
        margin: 6px 0 !important;
    }

    ul.job_listings li.job_listing a ul.meta {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-top: 6px !important;
        text-align: left !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
        padding: 0 !important;
    }

    ul.job_listings li.job_listing a ul.meta li {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    ul.job_listings li.job_listing a ul.meta li.postuler-item {
        margin-top: 8px !important;
        width: 100% !important;
    }

    ul.job_listings li.job_listing a ul.meta li.postuler-item a.job-postuler-btn {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
    }

 h1.qodef-m-title.entry-title {
/*         font-size: 50px !important; */
        margin-top: 10px !important;
    } 

 .job_filters .search_submit input[type=submit] {
        white-space: normal !important;
        word-break: break-word !important;
        height: auto !important;
        padding: 12px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 1024px) and (min-width: 600px) {

    ul.job_listings li.job_listing a {
        display: grid !important;
        grid-template-columns: 140px 1fr 130px !important;
        grid-template-areas:
            "image position location"
            "image meta     postuler" !important;
        padding: 25px 20px !important;
        overflow: hidden !important;
        gap: 0 20px !important;
        align-items: start !important;
    }

    ul.job_listings li.job_listing a img.company_logo {
        grid-area: image !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 120px !important;
        height: auto !important;
        border-radius: 4px !important;
        align-self: center !important;
    }

    ul.job_listings li.job_listing a .position {
        grid-area: position !important;
        padding-left: 0 !important;
		text-align: left !important;
		min-width: 0 !important;
		word-break: keep-all !important;
		white-space: nowrap !important;
    }

   ul.job_listings li.job_listing a .location {
    grid-area: location !important;
    text-align: right !important;
    white-space: nowrap !important;
    align-self: center !important;
    
	 
}

    /* META : job-type + date à gauche, postuler à droite */
    ul.job_listings li.job_listing a ul.meta {
        grid-area: meta !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }

    ul.job_listings li.job_listing a ul.meta li {
        display: block !important;
        list-style: none !important;
        margin: 0 !important;
    }

}

	#qodef-page-comments-form
	{
		margin-bottom: 100px !important;
	}

/* Page Details d'une offre */

.single-job_listing .qodef-blog-item .qodef-e-media {
    display: none !important;
}

.single-job_listing .qodef-blog-item h1.qodef-e-title.entry-title {
    display: none !important;
}
 

/* Le bloc gris s’adapte au contenu */
.single-job_listing .qodef-page-title {
    height: auto !important;
    padding: 40px 0;
}

/* On structure correctement le contenu */
.single-job_listing .qodef-page-title .qodef-m-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Breadcrumbs */
.single-job_listing .qodef-breadcrumbs {
    margin-bottom: 5px;
}

/* Le titre reste DANS le bloc */
.single-job_listing .qodef-page-title .qodef-m-title.entry-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1em;
    max-width: 100%;
    word-break: break-word;
}

@media (max-width: 1024px) {
    .single-job_listing .qodef-page-title .qodef-m-title.entry-title {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .single-job_listing .qodef-page-title .qodef-m-title.entry-title {
        font-size: 30px;
        line-height: 1.2em;
    }

    .single-job_listing .qodef-breadcrumbs {
        font-size: 14px;
    }
}

.qodef h1, h1
{
	letter-spacing: 0.01em !important;
}
h4
{
	font-family:"Degular Display medium" !important;
}