body.elementor-page-828:not(.elementor-motion-effects-element-type-background), body.elementor-page-828 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}/* Start custom CSS *//* Masquer le texte "posted … ago" mais garder le lien employeur */
.jobs-listing-wrapper .job-date-author{
  font-size:0 !important;          /* cache tout le texte brut, dont "posted … ago" et "by" */
}
.jobs-listing-wrapper .job-date-author a{
  font-size:14px !important;       /* ré-affiche seulement le lien employeur */
  line-height:1.4;
}
/* ---- 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; }

/* Cacher les boutons "Get Jobs Alerts" et "RSS Feed" sur la liste d'offres */
.jobs-alert-ordering-wrapper .job-alert-form-btn,
.jobs-alert-ordering-wrapper .job-rss-btn {
    display: none !important;
}/* End custom CSS */