/* Commercial form inline - reprend les styles de contact.css pour injection sur pages commerciales */

.ab-commercial-form{
  background:#f8fafc;
  border-radius:16px;
  padding:28px;
  box-shadow:0 4px 20px rgba(15,44,103,0.08);
  border:1px solid #e2e8f0;
  max-width:480px;
  margin:0 auto;
}

.ab-commercial-form.ab-sticky{
  position:sticky;
  top:96px;
}

.ab-commercial-form h3{
  font-size:20px;
  font-weight:700;
  color:#0F2C67;
  margin:0 0 8px 0;
  line-height:1.3;
}

.ab-commercial-form .ab-form-subtitle{
  font-size:14px;
  color:#64748b;
  margin:0 0 20px 0;
  line-height:1.5;
}

.ab-commercial-form .ab-form-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:16px;
}

.ab-commercial-form .ab-form-badges span{
  background:#ECFDF5;
  color:#059669;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  border:1px solid #A7F3D0;
}

.ab-commercial-form .form-group{margin-bottom:14px;}

.ab-commercial-form .form-group label{
  display:block;
  font-size:13px;
  font-weight:500;
  color:#475569;
  margin-bottom:6px;
}

.ab-commercial-form .form-group input,
.ab-commercial-form .form-group select,
.ab-commercial-form .form-group textarea{
  width:100%;
  padding:11px 14px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  font-size:14px;
  transition:border-color .2s ease, box-shadow .2s ease;
  background:white;
  font-family:inherit;
  box-sizing:border-box;
}

.ab-commercial-form .form-group textarea{
  min-height:80px;
  resize:vertical;
}

.ab-commercial-form .form-group input:focus,
.ab-commercial-form .form-group select:focus,
.ab-commercial-form .form-group textarea:focus{
  outline:none;
  border-color:#059669;
  box-shadow:0 0 0 3px rgba(5,150,105,.15);
}

.ab-commercial-form .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.ab-commercial-form .phone-input{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:8px;
}

.ab-commercial-form .btn-submit{
  width:100%;
  background:linear-gradient(135deg,#059669 0%,#047857 100%);
  color:white;
  padding:14px 18px;
  border:none;
  border-radius:10px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
  margin-top:6px;
  letter-spacing:.2px;
}

.ab-commercial-form .btn-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(5,150,105,.3);
}

.ab-commercial-form .btn-submit:disabled{
  opacity:.7;
  cursor:not-allowed;
  transform:none;
}

.ab-commercial-form .form-note{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#64748b;
  margin-top:10px;
  line-height:1.4;
}

.ab-commercial-form .form-note::before{
  content:"✓";
  color:#059669;
  font-weight:700;
}

.ab-commercial-form .ab-social-proof{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #e2e8f0;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#64748b;
}

.ab-commercial-form .ab-stars{
  color:#fbbf24;
  font-size:14px;
  letter-spacing:1px;
}

/* Success state after submit */
.ab-commercial-form .ab-success-state{
  text-align:center;
  padding:40px 20px;
}
.ab-commercial-form .ab-success-state svg{
  width:64px;
  height:64px;
  margin-bottom:16px;
}
.ab-commercial-form .ab-success-state h3{
  color:#1a1a1a;
  font-size:20px;
  margin:8px 0 12px 0;
}
.ab-commercial-form .ab-success-state p{
  color:#6b7280;
  line-height:1.6;
  font-size:14px;
}

/* Error banner */
.ab-commercial-form .ab-form-errors{
  background:#FEF2F2;
  border:1px solid #FECACA;
  color:#B91C1C;
  border-radius:8px;
  padding:10px 12px;
  font-size:13px;
  margin-bottom:12px;
  display:none;
}
.ab-commercial-form .ab-form-errors.active{display:block;}
.ab-commercial-form .ab-form-errors ul{margin:0;padding-left:18px;}

/* Responsive */
@media (max-width:768px){
  .ab-commercial-form{padding:22px;max-width:100%;}
  .ab-commercial-form.ab-sticky{position:static;}
  .ab-commercial-form .form-row{grid-template-columns:1fr;}
  .ab-commercial-form .phone-input{grid-template-columns:95px 1fr;}
}