.rr-widget {
	max-width: 520px;
	margin: 1rem 0;
	font-family: inherit;
}
.rr-step { margin-bottom: 1.25rem; }
.rr-step-title { font-size: 1.05rem; margin: 0 0 .75rem; }
.rr-row { display: flex; gap: 1rem; flex-wrap: wrap; }
.rr-field { flex: 1 1 45%; display: block; margin-bottom: .75rem; font-size: .9rem; }
.rr-field span { display: block; margin-bottom: .25rem; }
.rr-field input,
.rr-field select,
.rr-field textarea {
	width: 100%;
	padding: .55rem;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.rr-consent { display: flex; align-items: flex-start; gap: .5rem; margin: .75rem 0; font-size: .9rem; }
.rr-consent input { width: auto; margin-top: .2rem; }
.rr-btn {
	padding: .6rem 1.3rem;
	border: none;
	background: #1a1a1a;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	font-size: .95rem;
}
.rr-btn:hover { opacity: .9; }

/* Calendari */
.rr-calendar { border: 1px solid #e0e0e0; border-radius: 6px; padding: .75rem; }
.rr-cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.rr-cal-title { font-weight: 600; }
.rr-cal-prev, .rr-cal-next {
	border: none; background: #f0f0f0; width: 32px; height: 32px;
	border-radius: 4px; cursor: pointer; font-size: 1.1rem; line-height: 1;
}
.rr-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.rr-cal-wd { text-align: center; font-size: .75rem; color: #888; padding: .25rem 0; }
.rr-cal-day {
	aspect-ratio: 1 / 1;
	border: 1px solid transparent;
	background: #eef6ee;
	color: #1a1a1a;
	border-radius: 4px;
	cursor: pointer;
	font-size: .85rem;
}
.rr-cal-day:hover:not(.is-disabled) { border-color: #1b7a34; }
.rr-cal-day.is-disabled { background: #f7f7f7; color: #ccc; cursor: not-allowed; }
.rr-cal-day.is-selected { background: #1b7a34; color: #fff; }
.rr-cal-loading { grid-column: 1 / -1; text-align: center; color: #888; padding: 1rem; }

/* Franges */
.rr-slots { display: flex; flex-wrap: wrap; gap: .5rem; }
.rr-slot {
	padding: .45rem .9rem; border: 1px solid #ccc; background: #fff;
	cursor: pointer; border-radius: 4px; font-size: .9rem;
}
.rr-slot:hover { border-color: #1a1a1a; }
.rr-slot.is-selected { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }

.rr-message { margin-top: 1rem; font-size: .9rem; }
.rr-message.rr-error { color: #b00020; }
.rr-message.rr-success { color: #1b7a34; }
.rr-message.rr-info { color: #555; }

@media (max-width: 480px) {
	.rr-field { flex: 1 1 100%; }
}