.elementor-56 .elementor-element.elementor-element-a049392{--display:flex;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for search, class: .elementor-element-8083f6f *//* ═══════════════════════════════════════════════════════════════════
   BINATNA CLUB — STYLE BARRE DE RECHERCHE  (v3 — bonnes classes .e-search-*)
   Testé en direct sur binatna.shop : conteneur en pilule + bouton rose.
   ───────────────────────────────────────────────────────────────────
   1) Colle : Elementor → ☰ → Site Settings → Custom CSS → Update
   2) Elementor → Tools → Regenerate CSS & Data → Regenerate Files
   3) Vide le cache, recharge en navigation privée.
═══════════════════════════════════════════════════════════════════ */

/* override des variables Elementor du widget de recherche */
.elementor-widget-search{
  --e-search-submit-border-radius:100px;
  --e-search-submit-padding:13px 26px;
}

/* conteneur = pilule blanche */
.elementor-widget.elementor-widget-search .e-search-form{
  display:flex !important;align-items:center;gap:8px;
  max-width:640px;margin:0 auto;padding:7px 7px 7px 18px !important;
  background:#fff !important;border:1px solid rgba(224,196,210,.55) !important;
  border-radius:100px !important;box-shadow:0 10px 30px rgba(186,134,161,.14) !important;overflow:hidden;
  transition:border-color .3s,box-shadow .3s;
}
.elementor-widget.elementor-widget-search .e-search-form:focus-within{
  border-color:rgba(255,46,126,.22) !important;box-shadow:0 12px 34px rgba(255,46,126,.18) !important;
}

/* champ texte (transparent, sans bordure) */
.elementor-widget.elementor-widget-search .e-search-input-wrapper{
  flex:1 !important;min-width:0;background:transparent !important;border:none !important;box-shadow:none !important;
}
.elementor-widget.elementor-widget-search input.e-search-input{
  width:100% !important;background:transparent !important;border:none !important;box-shadow:none !important;outline:none !important;
  font-family:'Manrope',system-ui,sans-serif !important;
  font-size:15px !important;color:#1C1519 !important;padding:12px 6px !important;height:auto !important;
}
.elementor-widget.elementor-widget-search input.e-search-input::placeholder{color:#9C8894 !important;opacity:1;}

/* bouton rose (arrondi + padding via longhand pour battre le thème) */
.elementor-widget.elementor-widget-search .e-search-form button.e-search-submit{
  flex:0 0 auto !important;width:auto !important;cursor:pointer;
  background:linear-gradient(135deg,#FF2E7E,#D81B60) !important;color:#fff !important;border:none !important;
  border-top-left-radius:100px !important;border-top-right-radius:100px !important;
  border-bottom-right-radius:100px !important;border-bottom-left-radius:100px !important;
  padding-top:13px !important;padding-bottom:13px !important;padding-left:26px !important;padding-right:26px !important;
  font-family:'Manrope',system-ui,sans-serif !important;font-weight:700 !important;font-size:14px !important;
  box-shadow:0 8px 20px rgba(255,46,126,.28) !important;height:auto !important;
  transition:transform .3s cubic-bezier(.34,1.4,.5,1),box-shadow .3s !important;
}
.elementor-widget.elementor-widget-search .e-search-form button.e-search-submit:hover{
  transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,46,126,.4) !important;color:#fff !important;
}
.elementor-widget.elementor-widget-search .e-search-form button.e-search-submit svg,
.elementor-widget.elementor-widget-search .e-search-form button.e-search-submit i{fill:#fff !important;color:#fff !important;}/* End custom CSS */