/**
 * RentStack Frontend Styles
 *
 * Calendar widget styles for rental product pages.
 *
 * @package RentStack
 * @since   1.3.0
 */

.rentstack-calendar-widget {
	margin: 16px 0 20px;
	padding: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	background: #fafafa;
}

.rentstack-date-fields {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.rentstack-date-field {
	flex: 1;
	min-width: 140px;
}

.rentstack-date-field label {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 6px;
	color: #333;
}

.rentstack-date-field input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 0.95rem;
	background: #fff;
	cursor: pointer;
}

.rentstack-availability-status {
	margin-top: 12px;
	font-size: 0.9rem;
	min-height: 1.4em;
}

.rentstack-available   { color: #2e7d32; font-weight: 600; }
.rentstack-unavailable { color: #c62828; font-weight: 600; }
.rentstack-checking    { color: #666; font-style: italic; }
.rentstack-error       { color: #e65100; }