/* ============================================================
   NAVIGATION + BOUTONS
============================================================ */

.form-navigation{
  margin-top: 34px;
  padding-top: 10px;

  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;

  /* Perf: limite le scope des recalculs */
  contain: layout paint;
}

.form-navigation.single{
  justify-content: flex-end;
}

/* LOADER */

.sending-loader{
  margin-top: 20px;
  padding: 16px 18px;
  border-radius: 16px;

  color: rgba(255,255,255,0.88);
  text-align: center;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 1.03rem;
  line-height: 1.55;

  background:
    radial-gradient(900px 260px at 50% -10%, rgba(230,214,158,0.12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(0,0,0,0.14));

  border: 1px solid rgba(255,255,255,0.14);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 16px 30px rgba(0,0,0,0.22);

  /* Perf: limite repaints */
  contain: content;
}

.hidden{ display: none; }

/* ============================================================
   ✅ PERF MODE MOBILE (Huawei-friendly)
   Loader en “flat” (plus de radial + grosses ombres)
============================================================ */

@media (hover:none) and (pointer:coarse){
  .form-navigation{
    /* Perf: rien d'animé ici, on garde simple */
    contain: layout paint;
  }

  .sending-loader{
    background: rgba(0,0,0,0.22);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: none;
  }
}

/* ============================================================
   ✅ REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce){
  .sending-loader{
    /* rien à animer ici, mais on garde safe */
    transition: none !important;
  }
}