.signature-wrapper{
  display:flex;
  gap:40px;
  align-items:flex-end;
  margin-bottom:10px;
}

.signature-canvas{
  flex:1;
}

#signature-pad{
  background:#fff;
  border:1px solid #ccc;
  width:300px;   /* nou */
  height:150px;  /* nou */
  display:block;
}

.signature-info{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:150px; /* corespunde înălțimii canvas-ului */
}

.signature-text{
  margin:0;
  font-size:0.95rem;
  line-height:1.5;
}

.signature-reset{
  background:#379237;
  color:#fff;
  font-size:1rem;
  font-weight:500;
  padding:12px 24px 12px 24px;
  border:none;
  cursor:pointer;
  transition:background 0.2s ease;

  width:auto;
  align-self:flex-start;
}

.signature-reset:hover{
  background:#54B435;
  color:#fff;
}

.signature-reset:focus{
  background:#379237;
  color:#fff;
  outline:none;
}

/* MOBILE */

@media (max-width:767px){

  .signature-wrapper{
    flex-direction:column;
    align-items:stretch;
  }

  .signature-info{
    height:auto;
    gap:15px;
  }

}