.elementor-7 .elementor-element.elementor-element-20e7b7f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:0.06;--overlay-mix-blend-mode:luminosity;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-7 .elementor-element.elementor-element-20e7b7f:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-20e7b7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bf4e9cd );}.elementor-7 .elementor-element.elementor-element-20e7b7f::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://staging.zonemploi.africa/wp-content/uploads/2025/09/imagee.jpg");--background-overlay:'';background-position:bottom left;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-3c98d21{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:200px;--padding-right:200px;}.elementor-7 .elementor-element.elementor-element-199b4f6{--spacer-size:30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-21c53d0{text-align:center;}.elementor-7 .elementor-element.elementor-element-21c53d0 .elementor-heading-title{font-size:45px;font-weight:900;color:#000000;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-7 .elementor-element.elementor-element-9c1ddd2{--iteration-count:infinite;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--dynamic-text-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-9c1ddd2 .elementor-headline{text-align:center;font-weight:600;}.elementor-7 .elementor-element.elementor-element-9c1ddd2 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-9c1ddd2 .elementor-headline-dynamic-text{font-weight:600;line-height:1px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-fa123df{text-align:center;}.elementor-7 .elementor-element.elementor-element-ec7c0dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-0600871{background-color:#E1EAFF;padding:5px 15px 5px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;}.elementor-7 .elementor-element.elementor-element-b81733e{background-color:#E1EAFF;padding:5px 15px 5px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;}.elementor-7 .elementor-element.elementor-element-e7d33e5{background-color:#E1EAFF;padding:5px 15px 5px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;}.elementor-7 .elementor-element.elementor-element-13d1a18{--spacer-size:140px;}.elementor-7 .elementor-element.elementor-element-ed7d507{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--z-index:5;}.elementor-7 .elementor-element.elementor-element-2175141{--display:flex;}.elementor-7 .elementor-element.elementor-element-fb92106{margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-e68158d .elementor-button{background-color:#2563EB;fill:#FFFFFF;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-e68158d .elementor-button-content-wrapper{flex-direction:row;}.elementor-7 .elementor-element.elementor-element-36ceb1d{--spacer-size:50px;}.elementor-7 .elementor-element.elementor-element-cd43e4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-cd43e4f:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-cd43e4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-ba6209e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-7 .elementor-element.elementor-element-083dea7{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-f097d40 .elementor-heading-title{font-size:45px;font-weight:900;color:#000000;}.elementor-7 .elementor-element.elementor-element-33444b0{--spacer-size:18px;}.elementor-7 .elementor-element.elementor-element-c9fcdfd{--spacer-size:1px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-2c727a3{--grid-columns:3;}.elementor-7 .elementor-element.elementor-element-2c727a3 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-7 .elementor-element.elementor-element-2c727a3 .e-loop-item > .elementor-section, .elementor-7 .elementor-element.elementor-element-2c727a3 .e-loop-item > .elementor-section > .elementor-container, .elementor-7 .elementor-element.elementor-element-2c727a3 .e-loop-item > .e-con, .elementor-7 .elementor-element.elementor-element-2c727a3 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-7 .elementor-element.elementor-element-60caca8{--spacer-size:10px;}.elementor-7 .elementor-element.elementor-element-a2d795d .elementor-button{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-a2d795d .elementor-button-content-wrapper{flex-direction:row;}body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-083dea7{--width:100%;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-3c98d21{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7 .elementor-element.elementor-element-21c53d0{text-align:center;}.elementor-7 .elementor-element.elementor-element-fa123df{text-align:center;}.elementor-7 .elementor-element.elementor-element-13d1a18{--spacer-size:212px;}.elementor-7 .elementor-element.elementor-element-fb92106{margin:-300px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-f097d40{text-align:left;}.elementor-7 .elementor-element.elementor-element-6e1066e{text-align:left;}.elementor-7 .elementor-element.elementor-element-2c727a3{--grid-columns:1;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-3c98d21{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-7 .elementor-element.elementor-element-21c53d0 .elementor-heading-title{font-size:35px;}.elementor-7 .elementor-element.elementor-element-9c1ddd2 .elementor-headline{font-size:37px;}.elementor-7 .elementor-element.elementor-element-9c1ddd2 .elementor-headline-dynamic-text{line-height:1.2em;}.elementor-7 .elementor-element.elementor-element-ec7c0dc{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;}.elementor-7 .elementor-element.elementor-element-13d1a18{--spacer-size:220px;}.elementor-7 .elementor-element.elementor-element-fb92106{margin:-277px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-083dea7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-6e1066e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-2c727a3{--grid-columns:1;}}@media(max-width:1024px) and (min-width:768px){.elementor-7 .elementor-element.elementor-element-ed7d507{--content-width:100%;}.elementor-7 .elementor-element.elementor-element-083dea7{--width:100%;}}@media(min-width:1025px){.elementor-7 .elementor-element.elementor-element-20e7b7f::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-20e7b7f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}/* Start custom CSS *//* ---------------------------
   Hide page title
   --------------------------- */
.pagetitle {
    display: none;
}

a.load_more_jobs {
    display: none !important;
}



.job_filters .showing_jobs {
    background: #f9f9f900;
    border-top: 0px solid #e5e5e5;
    display: none;
    font-size: .83em;
    padding: .5em 1em;
}

/* ---------------------------
   Showing jobs (empile et centre tout)
   --------------------------- */
.showing_jobs {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;               /* espace entre les lignes */
    padding: 10px 12px;
    background: #f9f9f900; /* kept from .job_filters .showing_jobs */
    border-top: 1px solid #e5e5e500; /* kept from .job_filters .showing_jobs */
}

/* éléments enfants (span, reset, rss_link) */
.showing_jobs > span,
.showing_jobs > a.reset,
.showing_jobs > a.rss_link {
    display: inline-block;
    margin: 0;
    line-height: 1.1;
    color: #000;
}

/* boutons/links spécifiques */
.showing_jobs > a.reset {
    margin-top: 6px;
    padding: 6px 10px;
    border-radius: 8px;
    background: red;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.06);
}

/* overrides pour .job_filters context */
.job_filters .showing_jobs a {
    color: white !important;
}

.showing_jobs.wp-job-manager-showing-all {
    color: black !important;
}

/* Responsive small for showing_jobs */
@media (max-width:420px) {
    .showing_jobs { gap:6px; padding:8px; }
    .showing_jobs > a.reset { padding:5px 8px; }
}

/* ---------------------------
   Job listing general
   --------------------------- */

/* hide job types */
.job_types {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px solid #2563eb;
    border-radius: 100px;
    display: none;
}

/* list container */
ul.job_listings {
    border-top: 0px solid #eee !important;
    margin-top: 10px !important;
}

/* job content card (appliqué aux deux sélecteurs existants) */
ul.job_listings .jm-job-content,
.jm-job-list .jm-job-content {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    text-decoration: none;
    position: relative;
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* hover outline */
ul.job_listings .jm-job-content:hover,
.jm-job-list .jm-job-content:hover {
    outline: 3px solid #2563eb; /* bleu unifié */
}

/* ---------------------------
   Arrow / redirect
   --------------------------- */
.jm-job-arrow {
    top: 15px;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.arrow-icon {
    font-size: 40px;
    font-weight: 900 !important;
    color: black;
    transition: transform 0.3s ease, color 0.3s ease;
}

.jm-job-content:hover .arrow-icon {
    transform: translateX(5px);
    color: #2563eb; /* bleu unifié */
}

/* ---------------------------
   Job type / main / logo / info
   --------------------------- */
.jm-job-types {
    margin-bottom: 0px;
}

.jm-job-main {
    display: flex;
    align-items: center;
    gap: 15px;
}

.jm-job-logo {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 100px;
    border: solid black 2px;
    flex-shrink: 0;
}

.jm-job-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jm-job-info {
    flex: 1;
}

.jm-job-info .job-title {
    margin: 0;
    font-size: 17px;
    font-weight: 900;
    color: black;
}

.jm-job-info .job-title a {
    text-decoration: none;
    color: inherit;
}

/* job_listing anchors small tweak kept */
.job_listing a {
    border: 0;
    display: inline !important;
    padding: 0 !important;
}

.jm-job-info .company {
    color: #666;
    font-size: 14px;
    margin: 5px 0;
}

.jm-job-info .company strong {
    font-weight: 600;
    color: #333;
}

.jm-job-info .tagline {
    opacity: 0.8;
}

/* meta info list */
.meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.meta .job-type {
    background: #fff;
    color: black;
    padding: 3px 8px;
    border: solid 2px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

/* ---------------------------
   Job filters / container
   --------------------------- */
.jm-filters-container {
    margin-bottom: 10px;
}

.job_filters {
    zoom: 1;
    background: transparent;
}

/* hide some built-in search pieces */
.search_remote_position,
.search_location,
.search_submit {
    display: none !important;
}

/* ---------------------------
   Search keywords input
   --------------------------- */
.search_keywords {
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 100px;
    border: 2px solid #2563eb;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 60px;
    padding: 10px;
    flex-direction: row;
    align-items: center;
}

.search_keywords:focus-within {
    border-color: #2563eb;
}

.search_keywords input {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    border: none;
    outline: none;
    background: transparent;
    height: 100%;
}

.search_keywords input:focus {
    box-shadow: none;
}

/* ---------------------------
   Dropdown catégories (Select2)
   --------------------------- */

/* base select2 single selection appearance */
.search_categories {
    position: relative;
    width: 250px;
    border-radius: 100px !important;
    line-height: 2.4;
    background: #2563eb;
    padding: 3px;

}

.select2-selection__placeholder{
    color: white !important;
    padding: 5px;
}

/* hide clear button */
.select2-selection__clear {
    display: none !important;
}

/* open container styles */
.select2-container--open .select2-selection--single {
    border-color: #2563eb00 !important;
    box-shadow: 0 0 0 3px rgb(255 255 255 / 0%) !important;
}

/* default single selection */
.select2-container--default .select2-selection--single {
    background-color: #ffffff00 !important;
    border: 0px solid #aaa !important;
    border-radius: 100px !important;
}

/* arrow styling */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 20px;
    top: 0;
    width: 20px;
}

/* blue arrow triangle */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    border-width: 6px 6px 0 6px;
}


.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
    border-width: 0 4px 5px 4px;
}



/* when select2 is opened (visual focus) */
.select2-container--open .select2-selection--single {
    border-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.15);
}

/* rendered text line-height tweak */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color : white;
    line-height: 5px !important;
}

/* dropdown list appearance (results container) */
.select2-container--default .select2-results > .select2-results__options {
    max-height: 280px;
    overflow-y: auto;
    padding: 10px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    border: 2px solid #2563eb;
    animation: dropdownFade 0.2s ease;
}

/* dropdown container general (override / final) */
.select2-container .select2-dropdown {
    font-size: 1rem;
    background: #ffffff;
    border: none;
    border-radius: 14px;
    margin-top: 5px;
}

/* results item */
.select2-container--default .select2-results__option {
    padding: 8px 12px;
    border-radius: 10px;
    margin: 3px 0;
    transition: background 0.2s ease, color 0.2s ease;
    font-size: 14px;
}

/* hover / highlighted */
.select2-container--default .select2-results__option--highlighted {
    background: #2563eb !important;
    color: #fff !important;
    border-radius: 10px;
}

/* selected */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #e0e7ff;
    color: #2563eb;
    font-weight: 600;
    border-radius: 10px;
}

/* when select2 open dropdown below spacing */
.select2-container.select2-container--open .select2-dropdown--below {
    margin-top: 10px;
}

/* ---------------------------
   Custom select (fallback)
   --------------------------- */
.jm-custom-select {
    width: 100%;
    height: 100%;
    padding: 0 45px 0 25px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 15px;
    cursor: pointer;
    color: #4b5563;
}

.jm-custom-select:focus {
    outline: none;
    box-shadow: none;
}

/* ---------------------------
   Animation dropdown
   --------------------------- */
@keyframes dropdownFade {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* simple small helper */
.job-location {
    font-size: 13px;
}

/* ---------------------------
   Responsive rules (merged)
   Note: merged both original @media (max-width:768px) blocks into one
   --------------------------- */
@media (max-width: 768px) {
    /* hide arrow on small screens */

    /* meta adjustments */
    .meta {
        margin-top: 8px;
        justify-content: flex-start;
    }

    .meta .job-type {
        font-size: 12px;
        padding: 2px 6px;
    }

    /* keep listing spacing */
    ul.job_listings {
        border-top: 0px solid #eee !important;
        margin-top: 10px !important;
    }

    /* search keywords stack */
    .search_keywords {
        flex-direction: column;
        height: auto;
        border-radius: 30px;
        overflow: visible;
    }

    .search_keywords input {
        padding: 20px 25px;
        height: 60px;
    }

    .search_categories {
        width: 100%;
        border-left: none;
        padding : 8px;
    }

    .jm-custom-select {
        padding: 20px 45px 20px 25px;
        height: 60px;
    }
}











/* Style de base (desktop) */
.job_filters {
  display: block;
  box-sizing: border-box;
  width: 80%;           /* desktop */
  max-width: 100%;
  margin: 0 auto;       /* centre horizontalement */
  background: transparent;
}

/* Tablette : 60% */
/* Breakpoint tablette : 768px — 1024px (ajuste si ta charte utilise d'autres valeurs) */
@media (min-width: 768px) and (max-width: 1023.98px) {
  .job_filters {
    width: 80%;
  }
}

/* Mobile : 100% */
/* Tout ce qui est plus petit que 768px */
@media (max-width: 767.98px) {
  .job_filters {
    width: 100%;
    padding-left: 12px;   /* optionnel : respiration sur petits écrans */
    padding-right: 12px;  /* optionnel */
  }
}/* End custom CSS */