.elementor-3207 .elementor-element.elementor-element-33b2cf49{--display:flex;}.elementor-3207 .elementor-element.elementor-element-3fc512f8{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3207 .elementor-element.elementor-element-3fc512f8.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-3fc512f8 *//* =========================
   DESKTOP (par défaut)
   ========================= */

.blog-search-bar{
  display:flex;
  justify-content:center;
  gap:16px;
  width:100%;
}

.blog-search-field{
  width:100%;
  max-width:9008px; /* j'ai corrigé 8080 → 808 */
  background:#fff;
  border-radius:999px;
  padding:16px 22px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.blog-search-field input{
  width:100%;
  border:0;
  outline:0;
  font-size:16px;
  background:transparent;
}

.blog-search-btn{
  background:#133662;
  color:#fff;
  border:0;
  padding:14px 20px;
  border-radius:999px;
  font-weight:600;
  cursor:pointer;
  transition:background 0.2s ease;
}

.blog-search-btn:hover{
  background:#102f57;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* =========================
   TABLETTE (≤ 1024px)
   ========================= */

@media (max-width:1024px){
  .blog-search-bar{
    gap:12px;
  }

  .blog-search-field{
    max-width:640px;
    padding:14px 20px;
  }

  .blog-search-field input{
    font-size:15px;
  }

  .blog-search-btn{
    padding:12px 18px;
    font-size:15px;
  }
}

/* =========================
   MOBILE (≤ 768px)
   ========================= */

@media (max-width:768px){
  .blog-search-bar{
    flex-direction:column;
    gap:12px;
    padding:0 12px;
  }

  .blog-search-field{
    max-width:100%;
    padding:14px 18px;
  }

  .blog-search-field input{
    font-size:14px;
  }

  .blog-search-btn{
    width:100%;
    padding:14px 18px;
    font-size:15px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33b2cf49 *//* =========================
   BASE — FULL WIDTH FORCÉ
   ========================= */

.blog-search-bar{
  display:flex;
  justify-content:center;
  gap:16px;
  width:100% !important;
  max-width:100% !important;
}

.blog-search-bar,
.blog-search-bar *{
  box-sizing:border-box;
}

/* =========================
   DESKTOP
   ========================= */

.blog-search-field{
  width:100% !important;
  max-width:808px !important; /* largeur visuelle contrôlée */
  background:#fff;
  border-radius:999px;
  padding:16px 22px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.blog-search-field input{
  width:100% !important;
  border:0;
  outline:0;
  font-size:16px;
  background:transparent;
}

.blog-search-btn{
  background:#133662;
  color:#fff;
  border:0;
  padding:14px 20px;
  border-radius:999px;
  font-weight:600;
  cursor:pointer;
  transition:background 0.2s ease;
}

.blog-search-btn:hover{
  background:#102f57;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* =========================
   TABLETTE (≤ 1024px)
   ========================= */

@media (max-width:1024px){
  .blog-search-bar{
    padding:0 20px;
    gap:12px;
  }

  .blog-search-field{
    max-width:640px !important;
    padding:14px 20px;
  }

  .blog-search-field input{
    font-size:15px;
  }

  .blog-search-btn{
    padding:12px 18px;
    font-size:15px;
  }
}

/* =========================
   MOBILE (≤ 768px)
   ========================= */

@media (max-width:768px){
  .blog-search-bar{
    flex-direction:column;
    gap:12px;
    padding:0 16px;
    width:100% !important;
  }

  .blog-search-field{
    max-width:100% !important;
    padding:14px 18px;
  }

  .blog-search-field input{
    font-size:14px;
  }

  .blog-search-btn{
    width:100% !important;
    padding:14px 18px;
    font-size:15px;
  }
}/* End custom CSS */