/* SwiftCar – Digital Signature v2.1 (clean)
   רקע לבן, מסגרת שחורה, עט כחול, רספונסיב, קטן ונקי
*/

:root {
  --sig-maxw: 380px;
  --sig-height: 100px; /* 80px במסך קטן */
  --sig-border: 1px solid #000;
}

/* מיכל כללי */
.swiftcar-signature-wrapper {
  margin: 15px 0;
  padding: 15px;
  max-width: 400px;
  background: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #ddd;
}

.swiftcar-signature-wrapper label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 15px;
  color: #333;
}

.swiftcar-signature-wrapper label span {
  color: #dc3545;
}

/* הקנבס של החתימה */
.swiftcar-signature-canvas {
  display: block;
  width: 100%;
  max-width: var(--sig-maxw);
  height: var(--sig-height);
  background: #fff;
  border: var(--sig-border);
  border-radius: 3px;
  cursor: crosshair;
  touch-action: none;
}

.swiftcar-signature-canvas:hover {
  border-color: #0040ff;
}

/* כפתורים */
.swiftcar-signature-actions {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.swiftcar-signature-actions button {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 16px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

.swiftcar-btn-clear {
  background: #dc3545;
  color: #fff;
}
.swiftcar-btn-clear:hover {
  background: #c82333;
  transform: translateY(-1px);
}

.swiftcar-btn-save {
  background: #28a745;
  color: #fff;
}
.swiftcar-btn-save:hover {
  background: #218838;
  transform: translateY(-1px);
}

/* סטטוס ושגיאות */
.swiftcar-signature-status {
  padding: 6px 0 0;
  font-size: 13px;
  color: #666;
}
.swiftcar-signature-status.saved {
  color: #28a745;
  font-weight: 500;
}

.swiftcar-signature-error {
  color: #dc3545;
  font-size: 13px;
  margin-top: 6px;
  padding: 5px;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 3px;
  display: none;
}
.swiftcar-signature-error.show {
  display: block;
}

/* רספונסיב */
@media (max-width: 768px) {
  .swiftcar-signature-wrapper {
    max-width: 100%;
    padding: 12px;
  }
  .swiftcar-signature-canvas {
    height: 80px;
  }
}

/* שדות תאריך (נשארים כמו קודם) */
.elementor-field-type-date input[type="date"] {
  min-width: 150px;
}
.elementor-field-type-date input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
}
.elementor-field-type-date input[type="date"]::placeholder {
  color: transparent;
}
.elementor-field-type-date input[type="date"]:focus::placeholder {
  color: #999;
}
input[type="date"]:invalid {
  border-color: #dc3545;
}
input[type="date"]:valid {
  border-color: #28a745;
}
