.elementor-kit-823{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-823 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.wpum-register-form input[type="submit"] {
    background-color: #ff69b4; /* Pink */
    border-radius: 10px;
    border: none;
    padding: 10px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wpum-register-form input[type="submit"]:hover {
    background-color: #e0559f; /* Slightly darker pink */
}



.badge-pays {
  background: #5865C3;
  color: #fff;
  padding: 6px 12px;
  border-radius: 12px;
  display: inline-block;
}

.badge-secteur {
  background: #A6E3D1;
  color: #000;
  padding: 6px 12px;
  border-radius: 12px;
  display: inline-block;
}

.badge-workmode {
  background: #EAEAEA;
  color: #000;
  padding: 6px 12px;
  border-radius: 12px;
  display: inline-block;
}

.badge-jobtype {
  background: #F3DF8D;
  color: #000;
  padding: 6px 12px;
  border-radius: 12px;
  display: inline-block;
}

/* Truncate text in tiles */
.job-title {
  display: inline-block;
  max-width: 100% !important;      /* adjust width depending on design */
  white-space: nowrap;   /* keep text in one line */
  overflow: hidden;      /* hide overflowing text */
  text-overflow: ellipsis; /* show ... at the end */
  vertical-align: middle;
  cursor: default;          /* change cursor to indicate tooltip */
}

/* Tooltip effect: show full text on hover */
.job-title:hover {
  white-space: normal;   /* allow wrapping */
  background: #fff;      /* optional: background for readability */
  position: relative;
  z-index: 2;
  border-radius: 6px;
  
}



@media (max-width: 767px) {
header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
        max-width: 150px;
        width: 80px;
    }
}

@media (max-width: 480px) {
      .elementor-478 .elementor-element.elementor-element-54457c3 > .elementor-widget-container {
      padding: 70px 0 0 0 !important; }
      
       .elementor-478 .elementor-element.elementor-element-cc6808c {
        font-size: 14px !important;
        text-align: center !important;
   }
}




@media (max-width: 430px) {
      .elementor-478 .elementor-element.elementor-element-54457c3 > .elementor-widget-container {
      padding: 70px 0 0 0 !important;}
}
      
       .elementor-478 .elementor-element.elementor-element-cc6808c {
        font-size: 14px !important;
        text-align: center !important;
}
      
       .elementor-478 .elementor-element.elementor-element-cc6808c {
        font-size: 14px !important;
        text-align: center !important;
}

@media (max-width: 390px) {
   .elementor-478 .elementor-element.elementor-element-54457c3 > .elementor-widget-container {
      padding: 70px 0 0 0 !important;}
      
      
       .elementor-478 .elementor-element.elementor-element-cc6808c {
        font-size: 14px !important;
        text-align: center !important;}
} 
   

/* CSS for truncating [location_badge] and [sector_badge] shortcodes */
/* WITH HOVER TOOLTIP AND MOBILE FIX */
/* UPDATED: Elementor Override Fix */

/* Override Elementor's word-break for badges */
.e-loop-item span[style*="border-radius:15px"],
.e-loop-item span[style*="background-color:#00A0E3"],
.e-loop-item span[style*="background-color:#C4007B"],
.e-loop-item span[style*="background-color:#4CAF50"],
.elementor-widget span[style*="border-radius:15px"] {
  word-break: normal !important;
}

/* Base styles for poste badges */
.poste_badge,
.poste-badge,
[class*="poste_badge"],
[class*="poste-badge"] {
  display: inline-block !important;
  max-width: 200px !important;
  width: auto !important;
  position: relative !important;
  word-break: normal !important;
}

/* Truncation styles for location badges */
.poste_badge span,
.poste_badge span,
[class*="type_badge"] span,
[class*="type_badge"] span,
.poste_badge, {
  max-width: 150px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  word-break: normal !important;
  width: auto !important;
}


/* Base styles for location badges */
.location_badge,
.location-badge,
[class*="location_badge"],
[class*="location-badge"] {
  display: inline-block !important;
  max-width: 150px !important;
  width: auto !important;
  position: relative !important;
  word-break: normal !important;
}

/* Base styles for sector badges */
.sector_badge,
.sector-badge,
[class*="sector_badge"],
[class*="sector-badge"] {
  display: inline-block !important;
  max-width: 180px !important;
  width: auto !important;
  position: relative !important;
  word-break: normal !important;
}

/* Truncation styles for location badges */
.location_badge span,
.location-badge span,
[class*="location_badge"] span,
[class*="location-badge"] span,
.location_badge,
.location-badge,
span[style*="background-color:#00A0E3"],
span[style*="background-color: #00A0E3"],
span[style*="background-color:#C4007B"],
span[style*="background-color: #C4007B"] {
  max-width: 150px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  word-break: normal !important;
  width: auto !important;
}

/* Truncation styles for sector badges */
.sector_badge span,
.sector-badge span,
[class*="sector_badge"] span,
[class*="sector-badge"] span,
.sector_badge,
.sector-badge,
span[style*="background-color:#4CAF50"],
span[style*="background-color: #4CAF50"] {
  max-width: 180px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  word-break: normal !important;
  width: auto !important;
}

/* Hover effect - expand to show full text */
.location_badge span:hover,
.location-badge span:hover,
[class*="location_badge"] span:hover,
[class*="location-badge"] span:hover,
.location_badge:hover,
.location-badge:hover,
span[style*="background-color:#00A0E3"]:hover,
span[style*="background-color: #00A0E3"]:hover,
span[style*="background-color:#C4007B"]:hover,
span[style*="background-color: #C4007B"]:hover {
  max-width: none !important;
  white-space: normal !important;
  z-index: 1000 !important;

}

.sector_badge span:hover,
.sector-badge span:hover,
[class*="sector_badge"] span:hover,
[class*="sector-badge"] span:hover,
.sector_badge:hover,
.sector-badge:hover,
span[style*="background-color:#4CAF50"]:hover,
span[style*="background-color: #4CAF50"]:hover {
  max-width: none !important;
  white-space: normal !important;
  z-index: 1000 !important;

}

/* Click functionality for mobile - toggle class */
.location_badge span.expanded,
.location-badge span.expanded,
[class*="location_badge"] span.expanded,
[class*="location-badge"] span.expanded,
.location_badge.expanded,
.location-badge.expanded,
span[style*="background-color:#00A0E3"].expanded,
span[style*="background-color: #00A0E3"].expanded,
span[style*="background-color:#C4007B"].expanded,
span[style*="background-color: #C4007B"].expanded {
  max-width: none !important;
  white-space: normal !important;
  z-index: 1000 !important;
 
}

.sector_badge span.expanded,
.sector-badge span.expanded,
[class*="sector_badge"] span.expanded,
[class*="sector-badge"] span.expanded,
.sector_badge.expanded,
.sector-badge.expanded,
span[style*="background-color:#4CAF50"].expanded,
span[style*="background-color: #4CAF50"].expanded {
  max-width: none !important;
  white-space: normal !important;
  z-index: 1000 !important;

}

/* Ensure table cells don't constrain badges */
td {
  overflow: visible !important;
}

/* All badge elements with border-radius */
.elementor-widget-container span[style*="border-radius:15px"] {
  max-width: 150px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

.elementor-widget-container span[style*="border-radius:15px"]:hover {
  max-width: none !important;
  white-space: normal !important;
  z-index: 1000 !important;
}

/* RESPONSIVE ADJUSTMENTS - MOBILE FIX */
@media (max-width: 768px) {
  .location_badge,
  .location-badge,
  [class*="location_badge"],
  [class*="location-badge"],
  .location_badge span,
  .location-badge span,
  span[style*="background-color:#00A0E3"],
  span[style*="background-color:#C4007B"] {
    max-width: 110px !important;
    width: 80px !important;
  }
  
 /* constrain badges */
td {
  overflow: visible !important;
}
  
    .badge-pays {
      font-size: 12px !important;
   } 
  
  .sector_badge,
  .sector-badge,
  [class*="sector_badge"],
  [class*="sector-badge"],
  .sector_badge span,
  .sector-badge span,
  span[style*="background-color:#4CAF50"] {
    max-width: 130px !important;
     width: 80px !important;
  }
}

@media (max-width: 480px) {
  .location_badge,
  .location-badge,
  [class*="location_badge"],
  [class*="location-badge"],
  .location_badge span,
  .location-badge span,
  [class*="location_badge"] span,
  [class*="location-badge"] span,
  span[style*="background-color:#00A0E3"],
  span[style*="background-color:#C4007B"] {
    max-width: 90px !important;
    font-size: 14px !important;
    padding: 0 4px !important;
    width: 65px !important;
  }
  
  .sector_badge,
  .sector-badge,
  [class*="sector_badge"],
  [class*="sector-badge"],
  .sector_badge span,
  .sector-badge span,
  [class*="sector_badge"] span,
  [class*="sector-badge"] span,
  span[style*="background-color:#4CAF50"] {
    max-width: 100px !important;
    font-size: 14px !important;
    padding: 0 4px !important;
    width: 65px !important;
  }
  
  /* Expanded state for mobile */
  .location_badge span:hover,
  .location_badge span.expanded,
  span[style*="background-color:#00A0E3"]:hover,
  span[style*="background-color:#00A0E3"].expanded,
  span[style*="background-color:#C4007B"]:hover,
  span[style*="background-color:#C4007B"].expanded {
    max-width: 200px !important;
    font-size: 14px !important;
  }
  
  .sector_badge span:hover,
  .sector_badge span.expanded,
  span[style*="background-color:#4CAF50"]:hover,
  span[style*="background-color:#4CAF50"].expanded {
    max-width: 220px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 375px) {
  .location_badge,
  .location-badge,
  [class*="location_badge"],
  [class*="location-badge"],
  .location_badge span,
  .location-badge span,
  span[style*="background-color:#00A0E3"],
  span[style*="background-color:#C4007B"] {
    max-width: 80px !important;
    font-size: 13px !important;
  }
  
  .sector_badge,
  .sector-badge,
  [class*="sector_badge"],
  [class*="sector-badge"],
  .sector_badge span,
  .sector-badge span,
  span[style*="background-color:#4CAF50"] {
    max-width: 85px !important;
    font-size: 13px !important;
    
  }
}/* End custom CSS */