.woocommerce-account.woocommerce-page .woocommerce-MyAccount-navigation ul li a
{
    font-family: "Open sans";
    font-weight: 400;
    text-decoration: none;
    font-size: 1em;
    line-height: 1.5;
    color: #ff1c34;
}
.woocommerce-info::before {
    color: #ff1c34;
}
#colibri .woocommerce-store-notice, #colibri.woocommerce .content .h-section input[type="submit"], #colibri.woocommerce-page .content .h-section input[type="button"], #colibri.woocommerce .content .h-section input[type="button"], #colibri.woocommerce-page .content .h-section .button, #colibri.woocommerce .content .h-section .button, #colibri.woocommerce-page .content .h-section a.button, #colibri.woocommerce .content .h-section a.button, #colibri.woocommerce-page .content .h-section button.button, #colibri.woocommerce .content .h-section button.button, #colibri.woocommerce-page .content .h-section input.button, #colibri.woocommerce .content .h-section input.button, #colibri.woocommerce-page .content .h-section input#submit, #colibri.woocommerce .content .h-section input#submit, #colibri.woocommerce-page .content .h-section a.added_to_cart, #colibri.woocommerce .content .h-section a.added_to_cart, #colibri.woocommerce-page .content .h-section .ui-slider-range, #colibri.woocommerce .content .h-section .ui-slider-range, #colibri.woocommerce-page .content .h-section .ui-slider-handle, #colibri.woocommerce .content .h-section .ui-slider-handle {
    background-color: #ff1c34;
    background-image: none;
    border-width: 0px;
    border-color: none;
    border-style: solid;
}
#colibri.woocommerce-page .content .h-section .price, #colibri.woocommerce .content .h-section .price {
    color: #ff1c34;
}
.woocommerce-page .content .h-section .woocommerce-Message--info, .woocommerce-page .content .h-section .woocommerce-info, .woocommerce .content .h-section .woocommerce-Message--info, .woocommerce .content .h-section .woocommerce-info {
	  background-color : #fff
}
/* --- Corrige le chevauchement du header sur les fiches produits --- */

/* NE TOUCHE PAS AU HEADER : on annule toute marge qu'on lui aurait mise */
body.single-product header,
body.single-product .site-header {
  margin: 0 !important;
}

/* On pousse le CONTENU produit vers le bas pour passer sous le menu sticky */
body.single-product main,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .entry-content,
body.single-product #content,
body.single-product .woocommerce {
  padding-top: 140px !important;  /* ajuste 100–180px selon la hauteur du bandeau noir */
}
/* Réduit l'espace inutile au-dessus du contenu de description produit */
.woocommerce-tabs .woocommerce-Tabs-panel {
  padding-top: 10px !important;   /* avant 30-40px selon le thème */
  margin-top: 0 !important;
}
/* Réduit l'espace en haut des onglets produit WooCommerce */
.single-product .woocommerce-tabs { margin-top: 0 !important; padding-top: 0 !important; }
.single-product .woocommerce-tabs .wc-tabs { margin-bottom: 10px !important; }

/* Supprime l'espace en haut du panneau actif (Description/Infos/Avis) */
.single-product .woocommerce-Tabs-panel,
.single-product .woocommerce-Tabs-panel--description,
.single-product .wc-tab,
.single-product #tab-description {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Enlève la marge du tout premier élément à l'intérieur du panneau */
.single-product .woocommerce-Tabs-panel > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* TEST : doit colorer le bouton et arrondir les inputs */
body .job_listings .search_jobs .search_submit input[type="submit"]{background:#e43b3b !important;color:#fff !important;border:0 !important;border-radius:8px !important;padding:12px 20px !important}
body .job_listings .search_jobs .search_keywords input,
body .job_listings .search_jobs .search_location input{border:2px solid #e43b3b !important;border-radius:8px !important}

/* ===== Filtres du shortcode [jobs] ===== */
body .job_listings .job_filters{background:#fff !important;border:1px solid #eee !important;border-radius:12px !important;padding:16px !important;box-shadow:0 2px 10px rgba(0,0,0,.05) !important;margin-bottom:20px !important}
body .job_listings .job_filters fieldset{border:0 !important;margin:0 !important;padding:0 !important;background:transparent !important}
body .job_listings .job_filters legend{display:none !important}

body .job_listings .search_jobs{display:grid !important;grid-template-columns:1fr 1fr auto !important;gap:12px !important;align-items:center !important}
body .job_listings .search_jobs .search_keywords input,
body .job_listings .search_jobs .search_location input,
body .job_listings .search_jobs select{width:100% !important;padding:10px 12px !important;border:1px solid #cfcfcf !important;border-radius:8px !important;box-sizing:border-box !important;transition:.2s !important;background:#fff !important}
body .job_listings .search_jobs input:focus,
body .job_listings .search_jobs select:focus{border-color:#e43b3b !important;box-shadow:0 0 0 3px rgba(228,59,59,.15) !important;outline:0 !important}

body .job_listings .search_jobs .search_remote_position label{display:flex !important;align-items:center !important;gap:8px !important;font-weight:500 !important;color:#333 !important}

body .job_listings .search_jobs .search_submit input[type="submit"]{background:#e43b3b !important;color:#fff !important;border:0 !important;padding:12px 20px !important;border-radius:8px !important;cursor:pointer !important;font-weight:600 !important;white-space:nowrap !important}
body .job_listings .search_jobs .search_submit input[type="submit"]:hover{background:#c92f2f !important}

body .job_listings .job_types{display:flex !important;flex-wrap:wrap !important;gap:12px !important;padding:12px 0 0 !important;border-top:1px solid #eee !important;margin-top:12px !important}
body .job_listings .job_types label{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#f7f7f7 !important;border:1px solid #e8e8e8 !important;border-radius:999px !important;padding:6px 12px !important;font-weight:500 !important}

/* --- Mise en page : 2 champs longs + bouton plus étroit --- */
body .job_listings .search_jobs{
  display:grid !important;
  grid-template-columns: 2.2fr 2.2fr 0.9fr !important; /* + longs, bouton + étroit */
  gap:16px !important;
  align-items:stretch !important;
}

/* Champs (même hauteur, juste plus longs via la grille ci-dessus) */
body .job_listings .search_jobs .search_keywords input,
body .job_listings .search_jobs .search_location input{
  padding:16px 20px !important;
  border:1px solid #ddd !important;
  border-radius:10px !important;
  font-size:16px !important;
}

/* Bouton plus large et lisible */
body .job_listings .search_jobs .search_submit input[type="submit"]{
  background:#e43b3b !important;
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  padding:0 28px !important;   /* largeur du bouton */
  font-weight:700 !important;
  font-size:16px !important;
  height:56px !important;
}
body .job_listings .search_jobs .search_submit input[type="submit"]:hover{
  background:#c92f2f !important;
}

/* Pastilles CDI/CDD/Alternance/Stage : sans contour rouge par défaut */
body .job_listings .job_types{
  display:flex !important; flex-wrap:wrap !important; gap:10px !important;
  padding-top:20px !important; border-top:1px solid #eee !important; margin-top:18px !important;
}
body .job_listings .job_types label{
  background:#f6f6f6 !important;
  border:1px solid transparent !important;   /* plus de contour rouge */
  color:#333 !important;
  border-radius:999px !important;
  padding:8px 16px !important;
  font-weight:500 !important;
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  transition:.2s ease !important;
}
body .job_listings .job_types label:before{
  content:"⬤"; font-size:8px; color:#e43b3b; line-height:1;
}
body .job_listings .job_types label:hover{
  background:#ececec !important;
}
/* Sélection : pastille remplie rouge */
body .job_listings .job_types input[type="checkbox"]{ display:none !important; }
body .job_listings .job_types input:checked + label{
  background:#e43b3b !important; color:#fff !important; border-color:#e43b3b !important;
}
body .job_listings .job_types input:checked + label:before{ color:#fff !important; }

/* ===========================
   ALIGNEMENT PARFAIT DES 3 CHAMPS
   =========================== */

/* Structure : 3 colonnes alignées */
body .job_listings .search_jobs {
  display: grid !important;
  grid-template-columns: 2fr 2fr 1fr !important; /* proportions : 2 / 2 / 1 */
  gap: 16px !important;
  align-items: stretch !important;
}

/* Champs identiques en hauteur */
body .job_listings .search_jobs .search_keywords input,
body .job_listings .search_jobs .search_location input,
body .job_listings .search_jobs .search_submit input[type="submit"] {
  height: 56px !important;  /* même hauteur */
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* Bouton large, aligné, même taille que les champs */
body .job_listings .search_jobs .search_submit input[type="submit"] {
  width: 100% !important;
  display: block !important;
  background: #e43b3b !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
body .job_listings .search_jobs .search_submit input[type="submit"]:hover {
  background: #c92f2f !important;
}

/* Cacher la case télétravail (elle casse la grille) */
body .job_listings .search_remote_position {
  display: none !important;
}

/* --- Bonus : pour s’assurer que la grille ne saute pas même si le plugin ajoute un champ --- */
body .job_listings .search_jobs > * {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===========================
   Centrer les champs de recherche
   =========================== */

/* Centrage du bloc complet */
body .job_listings .search_jobs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

/* Champs texte */
body .job_listings .search_jobs .search_keywords input,
body .job_listings .search_jobs .search_location input {
  width: 280px !important; /* largeur égale */
  height: 56px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  color: #333 !important;
  box-sizing: border-box !important;
}

/* Bouton rouge */
body .job_listings .search_jobs .search_submit input[type="submit"] {
  height: 56px !important;
  border-radius: 10px !important;
  padding: 0 35px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  background: #e43b3b !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  transition: 0.3s ease !important;
}

body .job_listings .search_jobs .search_submit input[type="submit"]:hover {
  background: #c92f2f !important;
}

/* Masque la case Télétravail */
body .job_listings .search_remote_position {
  display: none !important;
}

/* --- Disposition : 2 champs en ligne + bouton dessous centré --- */
body .job_listings .search_jobs{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;   /* 2 colonnes : mots-clés | localisation */
  grid-column-gap: 16px !important;
  grid-row-gap: 18px !important;
  align-items:stretch !important;
}

/* Place chaque élément sur la grille */
body .job_listings .search_jobs .search_keywords{ grid-column:1 / 2 !important; }
body .job_listings .search_jobs .search_location{ grid-column:2 / 3 !important; }
body .job_listings .search_jobs .search_submit{
  grid-column:1 / -1 !important;               /* occupe toute la ligne */
  justify-self:center !important;               /* centre horizontalement */
  margin-top: 4px !important;
}

/* Largeur/hauteur du bouton centré (modifie la valeur si tu veux plus/moins large) */
body .job_listings .search_jobs .search_submit input[type="submit"]{
  width: 420px !important;                      /* max ~ 420px, centré */
  max-width: 100% !important;
  height: 56px !important;                      /* même hauteur que les champs */
}

/* (Optionnel) sur mobile: tout passe en une colonne proprement */
@media (max-width: 768px){
  body .job_listings .search_jobs{
    grid-template-columns: 1fr !important;
  }
  body .job_listings .search_jobs .search_keywords,
  body .job_listings .search_jobs .search_location,
  body .job_listings .search_jobs .search_submit{
    grid-column:1 / -1 !important;
  }
}

/* ===========================
   CENTRAGE COMPLET DU FORMULAIRE ET DES PASTILLES
   =========================== */

/* Bloc principal : tout centrer */
body .job_listings .job_filters {
  text-align: center !important;
}

/* Champs de recherche : centrés et côte à côte */
body .job_listings .search_jobs {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-bottom: 20px !important;
}

/* Champs texte (même taille) */
body .job_listings .search_jobs .search_keywords input,
body .job_listings .search_jobs .search_location input {
  width: 300px !important;
  height: 56px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
}

/* Bouton centré en dessous */
body .job_listings .search_jobs .search_submit {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
body .job_listings .search_jobs .search_submit input[type="submit"] {
  width: 420px !important;
  height: 56px !important;
  border-radius: 10px !important;
  background: #e43b3b !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border: none !important;
  cursor: pointer !important;
  transition: 0.3s ease !important;
}
body .job_listings .search_jobs .search_submit input[type="submit"]:hover {
  background: #c92f2f !important;
}

/* Cacher la case télétravail */
body .job_listings .search_remote_position {
  display: none !important;
}

/* Pastilles centrées (Alternance, CDD, etc.) */
body .job_listings .job_types {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding-top: 20px !important;
  border-top: 1px solid #eee !important;
  margin-top: 20px !important;
}

/* Style des pastilles */
body .job_listings .job_types label {
  background: #f6f6f6 !important;
  border: 1px solid transparent !important;
  color: #333 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

/* Petits points rouges avant le texte */
body .job_listings .job_types label:before {
  content: "⬤";
  font-size: 8px;
  color: #e43b3b;
  line-height: 1;
}

/* Sélection : fond rouge */
body .job_listings .job_types input[type="checkbox"] {
  display: none !important;
}
body .job_listings .job_types input:checked + label {
  background: #e43b3b !important;
  color: #fff !important;
}
body .job_listings .job_types input:checked + label:before {
  color: #fff !important;
}

/* ===========================
   Disposition finale : 2 champs côte à côte + bouton dessous centré
   =========================== */

/* Organisation du formulaire */
body .job_listings .search_jobs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important; /* deux colonnes */
  grid-column-gap: 20px !important;
  grid-row-gap: 18px !important;
  align-items: stretch !important;
  justify-content: center !important;
}

/* Champs texte (Mots-clés / Localisation) */
body .job_listings .search_jobs .search_keywords,
body .job_listings .search_jobs .search_location {
  width: 100% !important;
}

body .job_listings .search_jobs .search_keywords input,
body .job_listings .search_jobs .search_location input {
  height: 56px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
}

/* Bouton sous les deux champs */
body .job_listings .search_jobs .search_submit {
  grid-column: 1 / 3 !important; /* occupe toute la ligne */
  justify-self: center !important;
}

body .job_listings .search_jobs .search_submit input[type="submit"] {
  width: 420px !important;
  height: 56px !important;
  border-radius: 10px !important;
  background: #e43b3b !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border: none !important;
  cursor: pointer !important;
  transition: 0.3s ease !important;
}

body .job_listings .search_jobs .search_submit input[type="submit"]:hover {
  background: #c92f2f !important;
}

/* Supprimer la case télétravail */
body .job_listings .search_remote_position {
  display: none !important;
}

/* Centrer les pastilles (Alternance, CDD, CDI, Stage) */
body .job_listings .job_types {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding-top: 20px !important;
  border-top: 1px solid #eee !important;
  margin-top: 20px !important;
}

/* Supprimer le lien RSS */
body .job_listings .rss_link,
body .job_listings a[href$=".rss"],
body a[href*="feed"] {
  display: none !important;
}


  display: none !important;/* ---- Changer le texte du bouton en CSS ---- */
body .job_listings .search_jobs .search_submit input[type="submit"] {
  position: relative !important;
  color: transparent !important; /* Cache le texte original */
  background-color: #e43b3b !important;
  border: none !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  height: 56px !important;
  width: 420px !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

/* Nouveau texte visible à la place */
body .job_listings .search_jobs .search_submit input[type="submit"]::after {
  content: "Rechercher des offres" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  pointer-events: none !important;
}

/* Effet au survol */
body .job_listings .search_jobs .search_submit input[type="submit"]:hover {
  background-color: #c92f2f !important;
}

/* === Remplace le texte du bouton par CSS === */
body .job_listings form.job_filters .search_submit input[type="submit"] {
  position: relative !important;
  color: transparent !important; /* cache le texte original */
  background-color: #e43b3b !important;
  border: none !important;
  border-radius: 12px !important;
  height: 56px !important;
  width: 420px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

/* --- Nouveau texte visible par-dessus --- */
body .job_listings form.job_filters .search_submit input[type="submit"]::after {
  content: "Rechercher des offres" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}

/* --- Effet au survol --- */
body .job_listings form.job_filters .search_submit input[type="submit"]:hover {
  background-color: #c92f2f !important;
}

/* ===== Bouton "Rechercher des offres" en pur CSS (+ loupe blanche) ===== */

/* Le conteneur du bouton devient la "surface" à styliser */
body .job_listings form.job_filters .search_submit{
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
}

/* On garde l'input pour le clic, mais on cache son texte */
body .job_listings form.job_filters .search_submit input[type="submit"]{
  color: transparent !important;          /* cache "Rechercher des offres d'emploi" */
  background: #e43b3b !important;
  border: none !important;
  border-radius: 12px !important;
  height: 56px !important;
  width: 420px !important;
  cursor: pointer !important;
  transition: background .25s ease !important;
  position: relative !important;          /* pour être au bon plan */
  z-index: 1 !important;                  /* sous les pseudo-éléments du conteneur */
}

/* Texte de remplacement centré (posé sur le conteneur) */
body .job_listings form.job_filters .search_submit::after{
  content: "Rechercher des offres" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  padding-left: 28px !important;          /* place pour la loupe */
  white-space: nowrap !important;
}

/* Loupe blanche à gauche du texte (SVG en data URI) */
body .job_listings form.job_filters .search_submit::before{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: calc(50% - 90px) !important;      /* ajuste la distance texte/loupe si besoin */
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  /* petite loupe blanche */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='white'%3E%3Cpath d='M21 20.3l-5.1-5.1a7 7 0 10-.7.7L20.3 21 21 20.3zM4 10a6 6 0 1112 0A6 6 0 014 10z'/%3E%3C/svg%3E");
}

/* Hover cohérent */
body .job_listings form.job_filters .search_submit:hover input[type="submit"]{
  background:#c92f2f !important;
}

/* --- Ajustement de la loupe sur le bouton --- */
body .job_listings form.job_filters .search_submit::before {
  width: 24px !important;             /* taille augmentée */
  height: 24px !important;            /* taille augmentée */
  left: calc(50% - 105px) !important; /* éloigne un peu plus la loupe du texte */
  background-size: 24px 24px !important;
}

/* --- On ajoute un peu plus d’espace avant le texte --- */
body .job_listings form.job_filters .search_submit::after {
  padding-left: 38px !important;      /* augmente l’écart entre la loupe et le texte */
}

/* === Change le texte des placeholders sans rien décaler === */

/* Mots-clés */
body .job_listings .search_keywords input::placeholder {
  color: #9fa4a8 !important;
  font-size: 16px !important;
  content: none !important;
}
body .job_listings .search_keywords input::placeholder {
  color: #9fa4a8 !important;
  opacity: 1 !important;
}
body .job_listings .search_keywords input::-webkit-input-placeholder {
  color: #9fa4a8 !important;
  content: none !important;
}
body .job_listings .search_keywords input::-webkit-input-placeholder {
  color: #9fa4a8 !important;
}

/* Localisation */
body .job_listings .search_location input::placeholder {
  color: #9fa4a8 !important;
  font-size: 16px !important;
}
body .job_listings .search_location input::-webkit-input-placeholder {
  color: #9fa4a8 !important;
}

/* ===== Faux placeholders personnalisés sans décalage ===== */

/* Champ "Mots-clés" */
body .job_listings .search_keywords {
  position: relative !important;
}

body .job_listings .search_keywords input::placeholder {
  color: transparent !important; /* cache le vrai placeholder */
}

body .job_listings .search_keywords::after {
  content: "Mots-clés : entreprise, métier, ..." !important;
  position: absolute !important;
  top: 50% !important;
  left: 20px !important;
  transform: translateY(-50%) !important;
  color: #9fa4a8 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

/* Disparaît quand on clique ou écrit */
body .job_listings .search_keywords:focus-within::after {
  opacity: 0 !important;
}


/* Champ "Localisation" */
body .job_listings .search_location {
  position: relative !important;
}

body .job_listings .search_location input::placeholder {
  color: transparent !important;
}

body .job_listings .search_location::after {
  content: "Localisation : ville, région, ..." !important;
  position: absolute !important;
  top: 50% !important;
  left: 20px !important;
  transform: translateY(-50%) !important;
  color: #9fa4a8 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

/* Disparaît quand on clique ou écrit */
body .job_listings .search_location:focus-within::after {
  opacity: 0 !important;
}

/* Correction d'alignement vertical des faux placeholders */
body .job_listings .search_keywords::after,
body .job_listings .search_location::after {
  top: 48% !important; /* ajuste légèrement vers le haut */
  transform: translateY(-50%) !important;
}

/* Alignement parfait des textes "Mots-clés" et "Localisation" au centre vertical */
body .job_listings .search_keywords::after,
body .job_listings .search_location::after {
  top: 50% !important;               /* centre de base */
  transform: translateY(-55%) !important; /* décale un peu vers le haut */
  line-height: 1.2 !important;       /* stabilise la hauteur du texte */
  display: block !important;
}

/* Correction : texte des placeholders sur une seule ligne, parfaitement centré */
body .job_listings .search_keywords::after,
body .job_listings .search_location::after {
  white-space: nowrap !important;       /* empêche le retour à la ligne */
  top: 50% !important;                  /* centre verticalement */
  transform: translateY(-50%) !important;
  line-height: 1 !important;
  display: block !important;
  width: 100% !important;               /* prend toute la largeur du champ */
  overflow: hidden !important;          /* évite que le texte dépasse */
  text-overflow: ellipsis !important;   /* ajoute "..." si trop long */
}

/* Ajustement horizontal du texte des placeholders */
body .job_listings .search_keywords::after,
body .job_listings .search_location::after {
  left: 30px !important; /* décale légèrement vers la gauche */
}

/* Force les conteneurs à servir de référence pour le positionnement absolu */
body .job_listings .search_keywords,
body .job_listings .search_location {
  position: relative !important;
}

/* Décalage horizontal du texte */
body .job_listings .search_keywords::after,
body .job_listings .search_location::after {
  left: 5px !important; /* ajuste ici selon ton œil */
}

/* Rapproche la barre grise du haut des filtres Alternance/CDI/... */
body .job_listings .job_types {
  margin-top: -10px !important; /* rapproche vers le haut */
}

/* Optionnel : réduit aussi légèrement l’espace du bas si besoin */
body .job_listings .job_types {
  margin-bottom: 0 !important;
}

/* Resserre l’espace entre la barre grise (top) et les pastilles */
body .job_listings .job_types{
  padding-top: 4px !important;   /* ex : 0 à 10px selon rendu */
  margin-top: 7px !important;    /* réduit l’écart au-dessus si besoin */
  border-top: 1px solid #e9e9e9 !important; /* garde la barre fine */
}

/* Rapproche encore le bloc des filtres (Alternance / CDI / ...) de la barre grise du haut */
body .job_listings .job_types {
  position: relative !important;
  top: -12px !important; /* Ajuste la valeur : -10px à -15px selon ton œil */
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Supprime l’espace blanc entre les pastilles et la barre grise du dessous */
body .job_listings .job_types {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  top: -12px !important; /* garde ton alignement actuel */
}

body .job_listings .showing_jobs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body .job_listings .job_types {
  top: -14px !important;
}

/* 1) Le formulaire (au-dessus) ne pousse plus vers le bas */
body .job_listings form.job_filters{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* 2) Bloc des types (Alternance/CDD/CDI/Stage) :
      - pas d'espace dessous
      - on LUI met la barre grise (en bas)
      - on le remonte légèrement si besoin */
body .job_listings .job_types{
  margin-bottom:0 !important;
  padding-bottom:8px !important;          /* ajuste 6–10px selon ton œil */
  border-bottom:1px solid #e9e9e9 !important;
  position:relative !important;
  top:-2px !important;                     /* mets -4px si tu veux coller davantage */
}

/* 3) Le bloc "Recherche terminée…" (showing_jobs) :
      - retire sa barre haute et tout espace haut */
body .job_listings .showing_jobs{
  border-top:none !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Réduit l’espace blanc entre la barre des pastilles et la barre grise du bas */
body .job_listings .job_types {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body .job_listings .showing_jobs {
  margin-top: -10px !important;  /* Ajuste -8px ou -12px selon ton rendu visuel */
  padding-top: 0 !important;
}

/* Ajoute un espace blanc sous la dernière barre grise */
body .job_listings .showing_jobs {
  margin-bottom: 25px !important;  /* Ajuste la valeur selon ton goût : 20–40px */
  padding-bottom: 0 !important;
}

/* ===== Carte entreprise (page offre) : logo + nom + site + slogan ===== */

/* Mise en page sûre : 2 colonnes (logo | infos) */
.single_job_listing .company{
  display:grid !important;
  grid-template-columns: 120px 1fr !important; /* largeur fixe pour le logo */
  align-items:center !important;
  gap:20px !important;
  position:relative !important;
}

/* Conteneur logo : jamais rogné */
.single_job_listing .company_logo{
  overflow:visible !important;
  max-height:none !important;
}

/* Logo entier, à l’échelle */
.single_job_listing .company_logo img{
  height:90px !important;          /* ajuste 80–110px selon ton œil */
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
}

/* Bloc texte à droite du logo */
.single_job_listing .company_details{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important; /* évite les retours à la ligne bizarres */
}

/* 1re ligne : Nom + lien "Site" alignés */
.single_job_listing .company_details .company_header{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
}

/* Nom entreprise */
.single_job_listing .company_details .company_header .name{
  margin:0 !important;
  font-size:24px !important;
  font-weight:700 !important;
  color:#000 !important;
}

/* Lien "Site" (mettons-le bien à droite) */
.single_job_listing .company_details .company_header .company_website,
.single_job_listing .company_details .company_header a{
  margin-left:auto !important;
  white-space:nowrap !important;
  font-weight:600 !important;
  color:#1769aa !important;
  text-decoration:none !important;
}

/* Slogan sous la 1re ligne */
.single_job_listing .company_details .tagline{
  margin-top:6px !important;
  font-size:16px !important;
  color:#555 !important;
  font-style:italic !important;
}

/* ===== Page offre : bloc entreprise (style simple & propre) ===== */

/* Layout : logo à gauche | texte (nom + slogan) à droite */
.single_job_listing .company {
  display: grid !important;
  grid-template-columns: 110px 1fr !important; /* largeur fixe pour la colonne logo */
  align-items: center !important;
  column-gap: 20px !important;
}

/* Logo jamais rogné, taille confortable */
.single_job_listing .company_logo {
  overflow: visible !important;
}
.single_job_listing .company_logo img {
  height: 90px !important;        /* ← ajuste 80–110px selon ton œil */
  width: auto !important;
  object-fit: contain !important; /* évite tout recadrage */
  display: block !important;
  margin: 0 !important;
}

/* Zone texte (nom + slogan) empilés, alignés à gauche */
.single_job_listing .company_details {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

/* Nom entreprise (au-dessus) */
.single_job_listing .company_details .name {
  margin: 0 0 4px 0 !important;
  font-size: 24px !important;     /* ← mets 22px si tu veux plus discret */
  font-weight: 700 !important;
  color: #000 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* Slogan (en dessous) */
.single_job_listing .company_details .tagline {
  margin: 0 !important;
  font-size: 16px !important;
  color: #555 !important;
  font-style: italic !important;
  text-align: left !important;
}

/* Conserve le lien "Site" en haut à droite, sur la même ligne que le nom */
.single_job_listing .company_details .company_header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
}
.single_job_listing .company_details .company_header a {
  margin-left: auto !important;
  white-space: nowrap !important;
  color: #1769aa !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ===== Page offre : entête entreprise (propre et stable) ===== */

/* Ligne: [logo] [texte (nom+slogan) ... .................................. [Site] ] */
.single_job_listing .company{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;                 /* espace logo↔texte (réduit = “collé”) */
  width: 100% !important;
}

/* Logo un peu plus grand, jamais rogné */
.single_job_listing .company_logo{
  flex: 0 0 auto !important;
}
.single_job_listing .company_logo img{
  display: block !important;
  height: 82px !important;              /* ← augmente/diminue (ex. 78/86) */
  width: auto !important;
  object-fit: contain !important;
}

/* Le bloc texte remplit la ligne => permet de pousser "Site" à droite */
.single_job_listing .company_details{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Nom + lien "Site" sur la même ligne */
.single_job_listing .company_details .company_header{
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important; /* le lien va à droite */
  width: 100% !important;
}

/* Nom entreprise */
.single_job_listing .company_details .company_header .name{
  margin: 0 !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #000 !important;
}

/* Lien "Site" à l'extrême droite (ne casse pas la ligne) */
.single_job_listing .company_details .company_header a{
  margin-left: auto !important;
  white-space: nowrap !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1769aa !important;
  text-decoration: none !important;
}

/* Slogan juste sous le nom */
.single_job_listing .company_details .tagline{
  margin-top: 4px !important;
  font-size: 17px !important;
  color: #555 !important;
  font-style: italic !important;
}

/* Le cartouche devient la référence pour un positionnement absolu */
.single_job_listing .company{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

/* Logo (taille modérée) */
.single_job_listing .company_logo img{
  display:block !important;
  height: 80px !important;   /* ajuste si besoin */
  width: auto !important;
  object-fit: contain !important;
}

/* Le bloc texte s’étire à droite du logo */
.single_job_listing .company_details{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Ligne du haut (nom) : on réserve de la place pour le lien à droite */
.single_job_listing .company_details .company_header{
  padding-right: 120px !important; /* espace réservé au lien “Site” */
}

/* === Lien “Site” toujours collé en haut à droite du cartouche === */
.single_job_listing .company a.company_website,               /* certains thèmes */
.single_job_listing .company .company_header a,                /* fallback fréquent */
.single_job_listing .company > a[href^="http"] {               /* dernier recours */
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1769aa !important;
  text-decoration: none !important;
}

/* ===== Cartouche entreprise : logo plus gros ===== */

.single_job_listing .company {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  background: #fff !important;
  border: 8px solid #fff !important;
  box-sizing: border-box !important;
}

/* Logo ENCORE plus grand et forcé */
.single_job_listing .company_logo img {
  display: block !important;
  height: 140px !important;   /* Taille réelle du logo */
  max-height: 140px !important; /* On bloque la limite */
  width: auto !important;
  object-fit: contain !important;
  transform: scale(1.1) !important; /* Petit boost visuel */
}

/* Bloc texte à droite du logo */
.single_job_listing .company_details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Réserve un espace pour le lien “Site” */
.single_job_listing .company_details .company_header {
  padding-right: 120px !important;
}

/* Nom */
.single_job_listing .company_details .company_header .name {
  margin: 0 !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #000 !important;
}

/* Slogan */
.single_job_listing .company_details .tagline {
  margin-top: 6px !important;
  font-size: 20px !important;
  color: #555 !important;
  font-style: italic !important;
}

/* Lien “Site” à droite */
.single_job_listing .company a.company_website,
.single_job_listing .company .company_header a,
.single_job_listing .company > a[href^="http"] {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #1769aa !important;
  text-decoration: none !important;
}

/* Conteneur du logo agrandi */
.single_job_listing .company_logo {
  width: 70px !important;  /* largeur dédiée au logo */
  height: 70px !important; /* plus haut */
  flex-shrink: 0 !important;
}

/* --- Empêche toute coupe et laisse le logo prendre sa largeur naturelle --- */
.single_job_listing .company_logo,
.single_job_listing .company_logo a {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;          /* plus de largeur figée */
  max-width: none !important;
  overflow: visible !important;    /* surtout pas de coupe */
}

/* Logo en entier, plus grand, proportions conservées */
.single_job_listing .company_logo img { height: 130px !important; }
  display: block !important;
  height: 120px !important;        /* ajuste (110–140) selon ton œil */
  width: auto !important;
  max-width: none !important;      /* évite un redimensionnement forcé */
  object-fit: contain !important;  /* jamais rogné */
  margin-right: 12px !important;   /* petit espace avant le texte */
}

/* === Bouton Postuler rouge avec texte blanc === */
.single_job_listing .application_button,
.single_job_listing a.application_button,
.single_job_listing .job_application_button {
  background-color: #c83737 !important;   /* rouge Négociales */
  color: #fff !important;                 /* texte blanc */
  border: none !important;
  border-radius: 8px !important;          /* angles légèrement arrondis */
  padding: 14px 36px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

/* Effet au survol */
.single_job_listing .application_button:hover,
.single_job_listing a.application_button:hover {
  background-color: #a62d2d !important;   /* rouge un peu plus foncé au hover */
  transform: scale(1.03) !important;
}

/* === Bouton Postuler même style que "Rechercher des offres" === */
.single_job_listing .application_button,
.single_job_listing a.application_button,
.single_job_listing .job_application_button {
  background-color: #d4463d !important; /* même rouge que le bouton principal */
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 14px 40px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

/* Effet au survol (rouge plus foncé) */
.single_job_listing .application_button:hover,
.single_job_listing a.application_button:hover {
  background-color: #b93a33 !important;
  transform: scale(1.03) !important;
}

/* On s'assure qu'aucun autre style du thème ne le recouvre */
.single_job_listing .application_button:visited {
  color: #fff !important;
}

/* Cible les cas courants (WP Job Manager & thèmes) */
body.single-job_listing a.application_button,
body.single-job_listing .application a.application_button,
body.single-job_listing .job_application_button,
body.single-job_listing .job-application__button,
body.single-job_listing .job-manager-application-wrapper .button,
body.single-job_listing .job-manager-application-wrapper .application_button {
  display: none !important;
}

/* Si le bouton est dans un wrapper "application" */
body.single-job_listing .application .button,
body.single-job_listing .application .button.application_button {
  display: none !important;
}

/* Dernier recours : on neutralise l’espace du conteneur si besoin */
body.single-job_listing .application,
body.single-job_listing .job-manager-application-wrapper {
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}