.elementor-38 .elementor-element.elementor-element-71f4c92{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-38 .elementor-element.elementor-element-71f4c92 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-38 .elementor-element.elementor-element-6f68183:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-38 .elementor-element.elementor-element-6f68183 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mecabook.com/wp-content/uploads/2025/11/vues-10.png");background-position:337px 58px;background-repeat:no-repeat;background-size:68% auto;}.elementor-38 .elementor-element.elementor-element-6f68183 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-38 .elementor-element.elementor-element-6f68183 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-38 .elementor-element.elementor-element-a8d735b{--spacer-size:240px;}.elementor-38 .elementor-element.elementor-element-2570a4a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;color:#000000;}.elementor-38 .elementor-element.elementor-element-d9fe2f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;font-family:"Montserrat", Sans-serif;font-size:20px;color:#000000;}.elementor-38 .elementor-element.elementor-element-4a7100a .search-form-inner {background-color:#fafafa;}.elementor-38 .elementor-element.elementor-element-4a7100a .form-search .trending-keywords .title{color:#221f1f;}.elementor-38 .elementor-element.elementor-element-4a7100a .form-search .trending-keywords a{color:#7f7f7f;}.elementor-38 .elementor-element.elementor-element-4a7100a .form-search .trending-keywords{color:#7f7f7f;}.elementor-38 .elementor-element.elementor-element-4a7100a .form-search .trending-keywords a:hover{color:#221f1f;}.elementor-38 .elementor-element.elementor-element-4a7100a .form-search .trending-keywords a:focus{color:#221f1f;}.elementor-38 .elementor-element.elementor-element-f4ee45a{--spacer-size:10px;}.elementor-38 .elementor-element.elementor-element-eca0356{--spacer-size:75px;}.elementor-38 .elementor-element.elementor-element-3f0a861:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-3f0a861 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-38 .elementor-element.elementor-element-3f0a861{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-38 .elementor-element.elementor-element-3f0a861 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-38 .elementor-element.elementor-element-64d3308 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-38 .elementor-element.elementor-element-646134d{--spacer-size:40px;}.elementor-38 .elementor-element.elementor-element-16af354 .widget-title{font-family:"Montserrat", Sans-serif;}.elementor-38 .elementor-element.elementor-element-f81572c{--spacer-size:15px;}.elementor-38 .elementor-element.elementor-element-2068cae > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-38 .elementor-element.elementor-element-222db03{--spacer-size:15px;}.elementor-38 .elementor-element.elementor-element-2d9d379b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-38 .elementor-element.elementor-element-572113cf > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-38 .elementor-element.elementor-element-2b7088b1{text-align:left;}.elementor-38 .elementor-element.elementor-element-2b7088b1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;color:#262626;}.elementor-38 .elementor-element.elementor-element-119e999{--spacer-size:20px;}.elementor-38 .elementor-element.elementor-element-5e9fd4d7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-38 .elementor-element.elementor-element-4b7f29a9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-38 .elementor-element.elementor-element-7e79a084{color:#221f1f;}.elementor-38 .elementor-element.elementor-element-62c444d0{color:#080808;}.elementor-38 .elementor-element.elementor-element-173aa249 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:5px;}.elementor-38 .elementor-element.elementor-element-34fe579 img{width:55%;}.elementor-38 .elementor-element.elementor-element-ca3e552{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;column-gap:0px;text-align:center;color:#080808;}.elementor-38 .elementor-element.elementor-element-ca3e552 p{margin-block-end:0px;}.elementor-38 .elementor-element.elementor-element-4c716db9{--spacer-size:65px;}.elementor-38 .elementor-element.elementor-element-118817f{--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;}.elementor-38 .elementor-element.elementor-element-5a305e8{font-size:10px;color:#000000;}body.elementor-page-38:not(.elementor-motion-effects-element-type-background), body.elementor-page-38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-38 .elementor-element.elementor-element-6f68183:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-38 .elementor-element.elementor-element-6f68183 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:0px auto;}.elementor-38 .elementor-element.elementor-element-a8d735b{--spacer-size:50px;}.elementor-38 .elementor-element.elementor-element-2570a4a .elementor-heading-title{font-size:32px;}.elementor-38 .elementor-element.elementor-element-d9fe2f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-f4ee45a{--spacer-size:50px;}.elementor-38 .elementor-element.elementor-element-eca0356{--spacer-size:50px;}.elementor-38 .elementor-element.elementor-element-646134d{--spacer-size:20px;}.elementor-38 .elementor-element.elementor-element-f81572c{--spacer-size:10px;}.elementor-38 .elementor-element.elementor-element-2068cae > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-38 .elementor-element.elementor-element-222db03{--spacer-size:15px;}.elementor-38 .elementor-element.elementor-element-4c716db9{--spacer-size:25px;}}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-6f68183:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-38 .elementor-element.elementor-element-6f68183 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;background-size:0px auto;}.elementor-38 .elementor-element.elementor-element-a8d735b{--spacer-size:1px;}.elementor-38 .elementor-element.elementor-element-2570a4a .elementor-heading-title{font-size:21px;}.elementor-38 .elementor-element.elementor-element-2b7088b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS *//* Cache le texte "posted X days ago by" mais garde le nom de l'employeur */
.job-date-author {
    font-size: 0;            /* tout le texte de ce bloc devient invisible */
}

/* On remet une taille normale uniquement pour le lien (le nom) */
.job-date-author a {
    font-size: 14px;         /* adapte si besoin */
    color: #ff8a00;          /* remets la couleur que tu utilises pour les noms */
    font-weight: 400;
}
/* ---- Couleur de marque (même que le formulaire) ---- */
:root{ --brand-orange:#ff7a00; }

/* ============ LISTES D'OFFRES / CARTES / WIDGETS ============ */
/* Boutons "Browse Job", "Apply", etc. (outline par défaut) */
.apus-jobs .btn,
.widget-apus-jobs .btn,
.job-list .btn,
.job-item .btn,
.job-listing .btn,
.job-apply .btn,
.job-apply a.btn,
.jobs-list .btn,
.jobs-grid .btn,
.job-detail .btn,
.job-metas .btn,
.apus-loadmore-btn .btn,
.view-more .btn,
.view-more a,
.pagination-loadmore .btn,
.pagination-loadmore a,
.job-pagination .btn,
.job-pagination a,
.job-list .job-apply a,
.job-list .job-apply .btn,
.job-item .job-apply a,
.job-item .job-apply .btn,
.job-listing .job-apply a,
.job-listing .job-apply .btn,
/* variantes bootstrap que le thème utilise en vert */
.btn-outline-success, .btn-success,
.btn-outline-primary, .btn-primary,
.btn-outline-theme, .btn-theme {
  background:#fff !important;
  background-image:none !important;
  color:var(--brand-orange) !important;
  border:2px solid var(--brand-orange) !important;
  border-radius:12px !important;
  padding:12px 24px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  transition:background .15s ease, color .15s ease,
             box-shadow .15s ease, transform .03s ease !important;
}

/* Hover = plein orange */
.apus-jobs .btn:hover,
.widget-apus-jobs .btn:hover,
.job-list .btn:hover,
.job-item .btn:hover,
.job-listing .btn:hover,
.job-apply .btn:hover,
.job-apply a.btn:hover,
.jobs-list .btn:hover,
.jobs-grid .btn:hover,
.job-detail .btn:hover,
.job-metas .btn:hover,
.apus-loadmore-btn .btn:hover,
.view-more .btn:hover,
.view-more a:hover,
.pagination-loadmore .btn:hover,
.pagination-loadmore a:hover,
.job-pagination .btn:hover,
.job-pagination a:hover,
.btn-outline-success:hover, .btn-success:hover,
.btn-outline-primary:hover, .btn-primary:hover,
.btn-outline-theme:hover, .btn-theme:hover {
  background:var(--brand-orange) !important;
  color:#fff !important;
  box-shadow:0 10px 16px rgba(255,122,0,.15) !important;
}
.apus-jobs .btn:active,
.widget-apus-jobs .btn:active,
.job-list .btn:active,
.job-item .btn:active,
.job-listing .btn:active { transform:translateY(1px) !important; }

/* ============ BOUTON "BROWSE ALL JOBS" / LOAD MORE ============ */
.view-more a, .view-more .btn,
.apus-loadmore-btn a, .apus-loadmore-btn .btn,
.pagination-loadmore a, .pagination-loadmore .btn{
  background:#fff !important;
  color:var(--brand-orange) !important;
  border:2px solid var(--brand-orange) !important;
  border-radius:12px !important;
}
.view-more a:hover, .view-more .btn:hover,
.apus-loadmore-btn a:hover, .apus-loadmore-btn .btn:hover,
.pagination-loadmore a:hover, .pagination-loadmore .btn:hover{
  background:var(--brand-orange) !important;
  color:#fff !important;
}

/* ============ BOUTON "SEARCH" DE LA BARRE DE FILTRES ============ */
.job-search-form .btn,
.widget-job-search .btn,
.job-filters .btn,
.job-board-search-form .btn,
.widget-job-search-form .btn,
.job-search .btn,
.form-search .btn,
button[type="submit"].btn-search,
button.btn-search,
a.btn-search {
  background:#fff !important;
  color:var(--brand-orange) !important;
  border:2px solid var(--brand-orange) !important;
  border-radius:12px !important;
  padding:12px 24px !important;
  font-weight:700 !important;
}
.job-search-form .btn:hover,
.widget-job-search .btn:hover,
.job-filters .btn:hover,
.job-board-search-form .btn:hover,
.widget-job-search-form .btn:hover,
.job-search .btn:hover,
.form-search .btn:hover,
button.btn-search:hover,
a.btn-search:hover{
  background:var(--brand-orange) !important;
  color:#fff !important;
}

/* Neutralise les dégradés/filters forçés par le thème */
.job-apply .btn, .view-more .btn, .btn-search{
  filter:none !important; -webkit-filter:none !important;
}
/* Laisse icônes/texte hériter de la couleur */
.job-apply .btn i, .job-apply .btn span,
.view-more .btn i, .view-more .btn span{ color:inherit !important; }

:root{ --brand-orange:#ff7a00; }

/* Boutons restants "Browse Job" (classe .btn-gradient-theme) */
.job-list a.btn-gradient-theme,
.job-item a.btn-gradient-theme,
.job-listing a.btn-gradient-theme,
.apus-jobs a.btn-gradient-theme,
a.btn-gradient-theme{
  background:#fff !important;
  background-image:none !important;
  color:var(--brand-orange) !important;
  border:2px solid var(--brand-orange) !important;
  border-radius:12px !important;
  padding:10px 18px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  transition:background .15s ease, color .15s ease, box-shadow .15s ease, transform .03s ease !important;
}

/* Neutralise le dégradé ajouté via les pseudo-éléments */
a.btn-gradient-theme::before,
a.btn-gradient-theme::after{
  background:none !important;
  opacity:0 !important;
  box-shadow:none !important;
  content:''; /* garde le pseudo-élément mais vide */
}

/* Hérite correctement la couleur à l’intérieur */
a.btn-gradient-theme .btn,
a.btn-gradient-theme span,
a.btn-gradient-theme i{
  color:inherit !important;
}

/* Hover = plein orange comme le formulaire */
a.btn-gradient-theme:hover{
  background:var(--brand-orange) !important;
  color:#fff !important;
  box-shadow:0 10px 16px rgba(255,122,0,.15) !important;
}
a.btn-gradient-theme:hover .btn,
a.btn-gradient-theme:hover span,
a.btn-gradient-theme:hover i{
  color:#fff !important;
}

/* Petit effet clic */
a.btn-gradient-theme:active{ transform:translateY(1px) !important; }

:root{ --brand-orange:#ff7a00; }

/* Habillage principal sur l'ancre */
a.btn-gradient-theme{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  gap:.5rem;
  background:#fff !important;
  background-image:none !important;
  color:var(--brand-orange) !important;
  border:2px solid var(--brand-orange) !important;
  border-radius:12px !important;
  padding:10px 18px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  transition:background .15s ease,color .15s ease,
             box-shadow .15s ease, transform .03s ease !important;
}

/* Neutralise totalement l'intérieur qui remet le dégradé */
a.btn-gradient-theme span.btn{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:inherit !important;
  padding:0 !important;
  line-height:inherit !important;
}
a.btn-gradient-theme span.btn::before,
a.btn-gradient-theme span.btn::after,
a.btn-gradient-theme::before,
a.btn-gradient-theme::after{
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  color:inherit !important;
  opacity:1 !important;      /* garde le texte visible s'il vient de ::before */
  content:unset;              /* retire les pseudo si le thème les utilise pour l'effet */
}

/* Hover = plein orange comme le formulaire */
a.btn-gradient-theme:hover{
  background:var(--brand-orange) !important;
  color:#fff !important;
  box-shadow:0 10px 16px rgba(255,122,0,.15) !important;
}
a.btn-gradient-theme:hover span.btn,
a.btn-gradient-theme:hover span.btn::before{ color:#fff !important; }

/* Effet clic */
a.btn-gradient-theme:active{ transform:translateY(1px) !important; }



/* ===== SECTION GLOBALE ===== */
.about-c2ld{
  position:relative;
  padding:48px 20px;
  border-radius:24px;
  background:linear-gradient(180deg,#fbfdff 0%, #fff 40%);
  overflow:hidden;
}
@media (min-width:1024px){ .about-c2ld{ padding:72px 32px; } }

/* halo doux à droite (comme l'image 2) */
.about-c2ld::before{
  content:"";
  position:absolute; right:-15%; top:-20%;
  width:60vw; height:60vw; pointer-events:none;
  background:radial-gradient(closest-side, var(--halo) 0%, rgba(234,242,255,0.0) 70%);
  filter:blur(6px);
}

/* Titre principal au centre, XXL */
.about-c2ld .elementor-widget-heading .elementor-heading-title{
  text-align:center;
  font-weight:800;
  color:var(--deep-blue);
  letter-spacing:.5px;
  font-size:clamp(34px,4.5vw,56px);
  margin:0 0 24px;
}

/* Masque la petite ligne de sous-titre importée si présente */
.about-c2ld > .elementor-container > .elementor-column > .elementor-widget-text-editor:first-of-type{
  display:none;
}

/* ===== COLONNE DROITE (grande carte de texte) ===== */
.about-c2ld-right > .elementor-widget-wrap{
  background:rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
  border:1px solid var(--stroke);
  border-radius:20px;
  box-shadow:0 20px 40px rgba(21,62,122,.08);
  padding:28px;
}
@media (min-width:1024px){ .about-c2ld-right > .elementor-widget-wrap{ padding:36px; } }

/* Titre de la carte */
.about-c2ld-right .elementor-widget-heading .elementor-heading-title{
  color:var(--deep-blue);
  font-weight:800;
  font-size:clamp(22px,2.4vw,34px);
  line-height:1.2;
  margin:0 0 12px;
}

/* Paragraphes de la carte */
.about-c2ld-right .elementor-widget-text-editor p{
  color:var(--text);
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.7;
  margin:.5rem 0;
}
.about-c2ld-right .elementor-widget-text-editor p + p{ margin-top:.8rem; }
.about-c2ld-right strong, .about-c2ld-right b{ color:var(--deep-blue); }

/* Lien "Learn more" façon lien discret */
.about-c2ld-right a{
  color:var(--brand-orange); font-weight:700; text-decoration:none;
}
.about-c2ld-right a:hover{ text-decoration:underline; }

/* ===== GRILLE DES 4 FONCTIONNALITÉS (cartes) ===== */
.about-c2ld-features{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
@media (min-width:768px){
  .about-c2ld-features{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px; }
}

/* carte : applique aux colonnes internes */
.about-c2ld-features > .elementor-container > .elementor-column > .elementor-widget-wrap,
.about-c2ld-features > .elementor-column > .elementor-widget-wrap{
  background:var(--card);
  border:1px solid var(--stroke);
  border-radius:24px;
  padding:26px 22px;
  box-shadow:0 10px 30px rgba(21,62,122,.06);
  transition:transform .15s ease, box-shadow .15s ease;
}
.about-c2ld-features > .elementor-container > .elementor-column > .elementor-widget-wrap:hover,
.about-c2ld-features > .elementor-column > .elementor-widget-wrap:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(21,62,122,.10);
}

/* icônes (image, svg, font) -> orange */
.about-c2ld-features .elementor-widget-icon .elementor-icon,
.about-c2ld-features .elementor-widget-icon i,
.about-c2ld-features .elementor-widget-icon svg{
  color:var(--brand-orange) !important;
  fill:var(--brand-orange) !important;
  stroke:var(--brand-orange) !important;
}
/* si ce sont des images png/gris : teinte douce */
.about-c2ld-features .elementor-widget-image img{
  filter:grayscale(0) brightness(1) saturate(1.2);
}

/* titre de tuile */
.about-c2ld-features .elementor-widget-heading .elementor-heading-title{
  color:var(--deep-blue);
  font-weight:800;
  font-size:clamp(18px,1.6vw,22px);
  margin:10px 0 8px;
}

/* description sous le titre + petite barre */
.about-c2ld-features .elementor-widget-text-editor p{
  color:var(--muted);
  font-size:clamp(14px,1.05vw,16px);
  line-height:1.7;
  margin:0 0 12px;
}
.about-c2ld-features .elementor-widget-text-editor p:after{
  content:"";
  display:block;
  width:140px; max-width:60%;
  height:2px; background:#e7edf8;
  margin-top:12px; border-radius:2px;
}

/* ===== RÉPONSIVE finesse ===== */
@media (max-width:767px){
  .about-c2ld .elementor-widget-heading .elementor-heading-title{ margin-bottom:18px; }
  .about-c2ld-right{ margin-top:18px; }
}

/* (optionnel) grand slogan final centré si tu ajoutes un texte en bas */
.about-c2ld .about-slogan{
  text-align:center; color:var(--deep-blue); font-weight:800;
  font-size:clamp(20px,2.4vw,30px);
}
.about-c2ld .about-slogan em{ color:var(--brand-orange); font-style:normal; }

/* Cible le champ "Localisation" (le groupe porte généralement .form-group-location) */
.form-group-location .select2-container--default .select2-selection--single .select2-selection__rendered[title="All locations"],
.form-group-location .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: transparent !important;      /* on masque le texte anglais */
  position: relative;
}

/* On injecte "Localisation" à la place */
.form-group-location .select2-container--default .select2-selection--single .select2-selection__rendered[title="All locations"]::after,
.form-group-location .select2-container--default .select2-selection--single .select2-selection__placeholder::after {
  content: "Localisation";
  position: absolute;
  left: 12px;                          /* ajuste si besoin selon ton thème */
  top: 50%;
  transform: translateY(-50%);
  color: #9aa3a8;                      /* couleur placeholder (à adapter) */
  pointer-events: none;
}

/* Remplace visuellement "All categories" par "Catégories" dans le filtre */
.form-group-category .select2-selection__placeholder{
  color: transparent !important;
  position: relative;
}
.form-group-category .select2-selection__placeholder::after{
  content: "Catégories";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  /* teinte placeholder (à ajuster si besoin) */
  color: #9aa0a6;
}

/* Certains thèmes n’emploient pas la classe placeholder : on cible le title */
.form-group-category .select2-selection__rendered[title="All categories"]{
  color: transparent !important;
  position: relative;
}
.form-group-category .select2-selection__rendered[title="All categories"]::after{
  content: "Catégories";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9aa0a6;
}/* End custom CSS */