.elementor-1539 .elementor-element.elementor-element-f570112{--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;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1539 .elementor-element.elementor-element-4e4e2a0 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-1539 .elementor-element.elementor-element-4e4e2a0{text-align:start;font-family:"Varela Round", Sans-serif;font-size:0.9rem;font-weight:500;line-height:1.5em;color:var( --e-global-color-e990a77 );}.elementor-1539 .elementor-element.elementor-element-cc72354{width:100%;max-width:100%;}.elementor-1539 .elementor-element.elementor-element-cc72354 > .elementor-widget-container{margin:-10px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cc72354 *//* =========================================================
   FIX GLOBAL – BARRE DE RECHERCHE + FILTRES (LOCK DÉFINITIF)
   Compatible mobile / iOS / Elementor / thème WP
========================================================= */

/* ===== CONTENEUR RECHERCHE ===== */
.naps-blog-page .naps-blog-search-bar{
  margin: 20px auto 18px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* largeur + centrage */
.naps-blog-page .naps-search-wrapper{
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
  position: relative !important;
}

/* ===== INPUT ===== */
.naps-blog-page input.naps-search-input{
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  line-height: 52px !important;

  padding: 0 60px 0 50px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #ffffff !important;

  font-size: 16px !important; /* empêche le zoom iOS */
  color: #1a1a1a !important;

  box-shadow: 0 8px 22px rgba(0,0,0,.08) !important;
  outline: none !important;
}

/* placeholder */
.naps-blog-page input.naps-search-input::placeholder{
  color: rgba(26,26,26,.35) !important;
}

/* focus */
.naps-blog-page input.naps-search-input:focus{
  border-color: #f3b60a !important;
  box-shadow: 0 0 0 4px rgba(243,182,10,.18),
              0 12px 30px rgba(0,0,0,.12) !important;
}

/* icônes */
.naps-blog-page .naps-search-icon{
  position: absolute !important;
  left: 30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 17px !important;
  opacity: .45 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.naps-blog-page .naps-search-clear{
  position: absolute !important;
  right: 26px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;

  background: rgba(243,182,10,.25) !important;
  border: 1px solid rgba(243,182,10,.45) !important;

  font-size: 18px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

.naps-blog-page .naps-search-clear.visible{
  display: flex !important;
}

/* ===== ESPACEMENT AVANT FILTRES ===== */
.naps-blog-page .naps-blog-filter-bar{
  margin-top: 18px !important;
  margin-bottom: 26px !important;
  padding: 16px 14px !important;
}

/* ===== FILTRES – VERSION SOBRE (LOCK) ===== */
.naps-blog-page .naps-blog-filters{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
}

/* bouton pill */
.naps-blog-page .naps-filter-btn{
  all: unset !important; /* reset total (clé du fix) */

  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 9px 14px !important;
  border-radius: 999px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.12) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;

  cursor: pointer !important;
  box-shadow: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* dot */
.naps-blog-page .naps-filter-dot{
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.25) !important;
}

/* compteur */
.naps-blog-page .naps-filter-count{
  font-size: 12px !important;
  opacity: .55 !important;
}

/* hover */
.naps-blog-page .naps-filter-btn:hover{
  border-color: rgba(243,182,10,.7) !important;
}

/* actif */
.naps-blog-page .naps-filter-btn.active{
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #ffffff !important;
}

.naps-blog-page .naps-filter-btn.active .naps-filter-dot{
  background: #f3b60a !important;
}/* End custom CSS */