/* ===== ATUM Supplier Waitlist – Frontend (sans emoji, thème sombre) ===== */

.atum-sw-wrap{
  margin: 14px 0;
}

/* Messages de disponibilité */
.stock-ok,
.stock-delay,
.stock-wait{
  padding: 12px 14px;
  border-radius: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.35;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.05);
}

/* En stock */
.stock-ok{
  border-color: rgba(60,200,120,.35);
  background: rgba(60,200,120,.12);
}

/* Stock fournisseur */
.stock-delay{
  border-color: rgba(255,190,60,.35);
  background: rgba(255,190,60,.12);
}

/* Indisponible */
.stock-wait{
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
}

/* Message flash (après soumission : ok / exists / erreurs) */
.atum-sw-flash{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  margin: 10px 0 12px 0;
  font-size: 14px;
}

/* ===== Formulaire waitlist ===== */
.atum-waitlist-form{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:520px;
  padding:16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
}

/* Champ email waitlist */
.atum-waitlist-form input[type="email"]{
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:#dcdcdc;
  color:#111;
  outline:none;
  box-sizing:border-box;
}

.atum-waitlist-form input[type="email"]::placeholder{
  color:#555;
}

/* ===== Formulaire "sur demande" ===== */
.atum-supplier-request-form{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:100%;
}

.atum-form-row{
  display:flex;
  gap:12px;
  width:100%;
}

.atum-form-row input{
  flex:1 1 0;
  min-width:0;
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:#dcdcdc;
  color:#111;
  outline:none;
  box-sizing:border-box;
}

.atum-form-row input::placeholder{
  color:#555;
}

.atum-supplier-request-form button{
  align-self:flex-start;
  padding:12px 18px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.25);
  background: transparent;
  color:#fff;
  cursor:pointer;
  font-size:15px;
  transition: background .15s ease, transform .05s ease;
}

.atum-supplier-request-form button:hover{
  background: rgba(255,255,255,.12);
}

.atum-supplier-request-form button:active{
  transform: translateY(1px);
}

.atum-sw-help{
  margin:10px 0 0;
  font-size:14px;
  opacity:.9;
}

/* Responsive mobile */
@media (max-width: 767px){
  .atum-form-row{
    flex-direction:column;
  }
}

/* Checkbox */
.atum-waitlist-checkbox{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
}

.atum-waitlist-checkbox input{
  width:16px;
  height:16px;
}

/* Bouton waitlist */
.atum-waitlist-form button{
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.25);
  background: transparent;
  color:#fff;
  cursor:pointer;
  font-size:15px;
  transition: background .15s ease, transform .05s ease;
}

.atum-waitlist-form button:hover{
  background: rgba(255,255,255,.12);
}

.atum-waitlist-form button:active{
  transform: translateY(1px);
}

/* Badge "commande fournisseur" dans le panier */
.atum-sw-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(255,190,60,.14);
  font-size: 12px;
  line-height: 1.2;
  color:#fff;
  vertical-align: middle;
}

.atum-sw-badge-sub{
  display:inline-block;
  margin-left:8px;
  font-size: 12px;
  opacity: .85;
}