.ac-form-scope.ac-loading {
  height: 210px; /* évite le saut de layout */
  opacity: .8;
}

.ac-form-scope.ac-ready form[id^="_form_"] {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow:0!important;
}

/* Tes styles finaux */
.ac-form-scope.ac-ready ._form input[type="text"] {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
}
.ac-form-scope.ac-ready form[id^="_form_"] input,
.ac-form-scope.ac-ready form[id^="_form_"] select,
.ac-form-scope.ac-ready form[id^="_form_"] textarea {
  color: #fff !important;
}
.ac-form-scope.ac-ready ._form ._form-label {
  padding: 2px 12px!important;
}
.ac-form-scope.ac-ready ._form select {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
}
.ac-form-scope.ac-ready ._form select option {
  color: #fff !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}
.ac-form-scope.ac-ready ._form select option:hover {
  cursor: pointer!important;
  background: rgba(0,0,0,.35) !important;
}
.ac-form-scope.ac-ready ._form select option:hover {
  background: #1d1e34!important;
}
.ac-form-scope.ac-ready ._form select option:checked, .ac-form-scope.ac-ready ._form select option:active {
  background: #5561A9!important;
}
.ac-form-scope.ac-ready ._form #_form_1_submit{
  /*background: #1a1f33 !important;*/
  color: #fff !important;
  border-radius: 12px !important;
  padding: 18px !important;
  text-transform: uppercase;
  transition: 0.2s all;
}
.ac-form-scope.ac-ready ._form #_form_1_submit:hover{
  /*background: #5561A9 !important;*/
}


/* 1) Tant que c’est en loading : on cache ce que l’embed a injecté */
.ac-form-scope.ac-loading ._form {
  visibility: hidden;
  opacity: 0;
  transform: translateY(6px);
}

/* 2) Petit skeleton à la place (optionnel mais premium) */
.ac-form-scope.ac-loading::before{
  content:"";
  display:block;
  height: 210px;                /* ajuste selon ton form */
  border-radius: 14px;
  /*background: rgba(255,255,255,.06);*/
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
}

/* 3) Quand c’est prêt : on montre */
.ac-form-scope.ac-ready ._form{
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .25s ease, transform .25s ease;
}

/* 4) On retire le skeleton */
.ac-form-scope.ac-ready::before{
  display:none;
}