/**
 * Public styles for Rental Product plugin
 */

.rental-product-form {
	margin: 20px 0;
}

.rental-product-form-fields {
	margin-bottom: 15px;
}

.rental-product-form-fields .form-row {
	margin-bottom: 15px;
}

.rental-product-form-fields label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.rental-product-form-fields input[type="text"],
.rental-product-form-fields input[type="date"],
.rental-product-form-fields input[type="time"],
.rental-product-form-fields select {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Ensure form-row styling works in block themes */
.rental-product-form-fields .form-row {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.rental-product-form-fields .form-row-wide {
	width: 100%;
}

/* Block theme compatibility */
.rental-product-form-fields .form-row label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	width: 100%;
}

.rental-product-form-fields .form-row input,
.rental-product-form-fields .form-row select {
	display: block;
	width: 100%;
}

.rental-product-availability-message {
	margin-top: 10px;
	padding: 10px;
	border-radius: 4px;
}

.rental-product-availability-message.success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.rental-product-availability-message.error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.rental-product-order-info {
	margin-top: 10px;
}

.rental-product-availability-checker {
	max-width: 600px;
	margin: 20px 0;
}

.rental-product-availability-checker form {
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.rental-product-availability-checker .form-row {
	margin-bottom: 15px;
}

.rental-product-availability-checker label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

.rental-product-availability-checker input,
.rental-product-availability-checker select {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.rental-product-availability-result {
	margin-top: 15px;
	padding: 10px;
	border-radius: 4px;
}

.rental-product-availability-result.success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.rental-product-availability-result.error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}