/* form-reset.css — bouton icône de réinitialisation complète du formulaire */

.form-actions-global--with-reset{
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

.form-reset-btn{
  appearance:none;
  flex:0 0 auto;
  width:48px;
  height:48px;
  border:1px solid rgba(0,0,0,.72);
  border-radius:999px;
  background:#e5e5e5;
  color:#111;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
  box-shadow:
    0 7px 16px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.85);
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease;
}

.form-reset-btn:hover{
  background:#1f1f1f;
  color:#fff;
  border-color:#000;
  transform:translateY(-1px);
  box-shadow:
    0 10px 22px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.form-reset-btn:active{
  transform:translateY(0) scale(.96);
}

.form-reset-btn:focus-visible{
  outline:3px solid rgba(46,44,98,.7);
  outline-offset:4px;
}

.form-reset-icon{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:30px;
  font-weight:700;
  line-height:1;
  transform:translateY(-1px);
}

@media (max-width:768px){
  .form-actions-global--with-reset{
    gap:14px;
  }

  .form-reset-btn{
    width:44px;
    height:44px;
  }

  .form-reset-icon{
    font-size:27px;
  }
}

@media (max-width:520px){
  .form-actions-global--with-reset{
    flex-direction:row;
    gap:12px;
  }
}