/*
 * Signature spans both columns of `.ovabrw-product-fields` (grid: 1fr 1fr in OVA BRW).
 * Same pattern as `.rental_item.full-width` in ovabrw_frontend.css.
 */
.ovabrw-modern-product #booking_form .ovabrw-product-fields .rental_item.ovabrw-ccfk-signature,
.ovabrw-modern-product #request_booking .ovabrw-product-fields .rental_item.ovabrw-ccfk-signature {
	grid-column: 1 / span 2;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
	.ovabrw-modern-product #booking_form .ovabrw-product-fields .rental_item.ovabrw-ccfk-signature,
	.ovabrw-modern-product #request_booking .ovabrw-product-fields .rental_item.ovabrw-ccfk-signature {
		grid-column: 1;
	}
}

.ovabrw-signature-field {
	margin-top: 8px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.ovabrw-signature-canvas {
	width: 100%;
	max-width: none;
	height: 160px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #ffffff;
	display: block;
	touch-action: none;
	cursor: crosshair;
	box-sizing: border-box;
}

.ovabrw-signature-actions {
	margin-top: 8px;
}

.ovabrw-signature-clear {
	border: 1px solid #d1d5db;
	background: #fff;
	color: #111827;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 13px;
	cursor: pointer;
}

.ovabrw-signature-clear:hover {
	background: #f3f4f6;
}