/* ----------------------------------- */
/* le conteneur devient le repère de positionnement */
.elementor-element-populated:has(> .elementor-element.badge-new) {
  position: relative;
}

/* le widget Elementor qui porte le badge */
.elementor-element.badge-new {
  position: absolute;
  top: 16px;
  left: 16px;
  width: auto;
  z-index: 5;
}

.elementor-element.badge-new .elementor-widget-container,
.elementor-element.badge-new .elementor-shortcode {
  display: inline-block;
}

/* l'apparence de la pilule */
span.badge-new {
  font-family: "Cera Pro";
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e8334a;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  white-space: nowrap;
}

/* --------- */
.cat-badge .elementor-heading-title {
  font-size: 0;              /* masque les virgules entre plusieurs termes */
  line-height: 0;
  margin: 0;
}

.cat-badge .elementor-heading-title a[rel="tag"] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;

  border-radius: 15px;
  background: #F2F4FA;
  color: #002395;            /* Outremer */
  font-size: 12px;           /* rétabli après le font-size: 0 du parent */
  line-height: 15.6px;
  font-weight: 400;
  text-decoration: none;
}

.cat-badge .elementor-heading-title a[rel="tag"]:hover {
  background: #e4e8f5;
}

/* Badge menu */
.nav-badge {
    background-color: #d63638;
    border-radius: 9px;
    color: #fff;
    display: inline;
    padding: 4px 7px 3px 7px !important;
    margin-left: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

/* actualités style page */


/* Ordre normal : filtres | bouton */
.lg-bar > .lg-filters       { order: 1; }
.lg-bar > .lg-search-toggle { order: 2; }
.lg-bar > .lg-searchbox     { order: 3; display: none; }

/* LE point clé : autorise 
les filtres à se comprimer */
.lg-bar > .lg-filters {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.lg-bar > .lg-search-toggle {
  flex: 0 0 auto !important;
  width: auto !important;
}

/* Ouvert : barre en haut, filtres en dessous */
.lg-bar.is-searching > .lg-searchbox {
  order: 1;
  display: block;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
.lg-bar.is-searching > .lg-filters {
  order: 3;
  flex: 0 0 100% !important;
}

.lg-search input[type="search"] {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #1a2b8c;
  border-radius: 0px;
  font-size: 16px;
  outline: none;
}