/* ========================================
   見学予約フォーム
   カラー: ietate-lab-spec.md のカラーテーマ準拠
   (CTAオレンジは予約ボタン専用)
   ======================================== */

.ietate-reserve {
	--rf-main: #1E3A5F;
	--rf-main-light: #2E4E78;
	--rf-main-pale: #E8EDF3;
	--rf-base: #F5EFE6;
	--rf-base-dark: #EAE0D0;
	--rf-sub: #8FA8BF;
	--rf-sub-pale: #DCE4EB;
	--rf-cta: #E8722A;
	--rf-cta-hover: #D0611D;
	--rf-cta-pale: #FDEEE3;
	--rf-text: #2B2B2B;
	--rf-muted: #6B6B6B;
	--rf-placeholder: #AFBAC5;
	--rf-error: #C0392B;
	color: var(--rf-text);
	line-height: 1.7;
}

/* ---------- 注意書き ---------- */

.ietate-reserve .rf-notice {
	background: var(--rf-base);
	border: 1px solid var(--rf-base-dark);
	border-radius: 8px;
	padding: 1.2em 1.4em;
	margin-bottom: 2em;
	font-size: 0.92em;
}

.ietate-reserve .rf-notice__title {
	font-weight: 700;
	color: var(--rf-main);
	margin: 0 0 0.6em;
}

.ietate-reserve .rf-notice ul {
	margin: 0 0 0.8em;
	padding-left: 1.4em;
}

.ietate-reserve .rf-notice li {
	margin-bottom: 0.3em;
}

.ietate-reserve .rf-notice__tel {
	color: var(--rf-error);
	font-weight: 600;
	margin: 0;
}

/* ---------- ステップインジケーター ---------- */

.ietate-reserve .rf-steps {
	display: flex;
	list-style: none;
	margin: 0 0 2.5em;
	padding: 0;
	gap: 6px;
}

.ietate-reserve .rf-steps__item {
	flex: 1;
	text-align: center;
	background: var(--rf-sub-pale);
	color: var(--rf-muted);
	padding: 0.7em 0.4em;
	font-weight: 600;
	position: relative;
	border-radius: 4px;
}

.ietate-reserve .rf-steps__item.is-current {
	background: var(--rf-main);
	color: #fff;
}

.ietate-reserve .rf-steps__item.is-done {
	background: var(--rf-main-pale);
	color: var(--rf-main);
}

.ietate-reserve .rf-steps__num {
	display: block;
	font-size: 0.72em;
	letter-spacing: 0.08em;
	opacity: 0.85;
}

/* ---------- フィールド ---------- */

.ietate-reserve .rf-field {
	/* 1カラム。見出しの下に入力欄を置き、幅いっぱいを使う */
	display: block;
	padding: 1.4em 0;
	border-bottom: 1px solid var(--rf-sub-pale);
}

.ietate-reserve .rf-field__label {
	margin-bottom: 0.7em;
	font-weight: 700;
	color: var(--rf-main);
}

.ietate-reserve .rf-field__body {
	min-width: 0;
}

.ietate-reserve .rf-label-note {
	display: inline;
	margin-left: 0.4em;
	font-size: 0.8em;
	font-weight: 400;
	color: var(--rf-muted);
}

.ietate-reserve .rf-required {
	display: inline-block;
	background: var(--rf-error);
	color: #fff;
	font-size: 0.7em;
	font-weight: 700;
	border-radius: 3px;
	padding: 0.15em 0.6em;
	margin-right: 0.6em;
	vertical-align: middle;
}

.ietate-reserve .rf-sublabel {
	font-size: 0.88em;
	font-weight: 600;
	color: var(--rf-main);
	margin: 0.8em 0 0.3em;
}

.ietate-reserve .rf-sublabel:first-child {
	margin-top: 0;
}

.ietate-reserve .rf-help {
	font-size: 0.85em;
	color: var(--rf-muted);
	margin: 0.4em 0;
}

.ietate-reserve .rf-placeholder {
	font-size: 0.9em;
	color: var(--rf-muted);
	background: var(--rf-main-pale);
	border-radius: 4px;
	padding: 0.8em 1em;
	margin: 0;
}

/* ---------- 入力部品 ---------- */

.ietate-reserve input[type="text"],
.ietate-reserve input[type="tel"],
.ietate-reserve input[type="email"],
.ietate-reserve input[type="number"],
.ietate-reserve input[type="date"],
.ietate-reserve select,
.ietate-reserve textarea {
	border: 1px solid var(--rf-sub);
	border-radius: 4px;
	padding: 0.55em 0.8em;
	font-size: 16px; /* iOSのズーム防止 */
	background: #fff;
	color: var(--rf-text);
	max-width: 100%;
}

.ietate-reserve input[type="text"],
.ietate-reserve input[type="tel"],
.ietate-reserve input[type="email"],
.ietate-reserve textarea {
	width: 100%;
}

.ietate-reserve .rf-input--short {
	width: 10em;
}

/* 入力例(プレースホルダー)は、入力済みの文字とはっきり区別できるよう薄くする */
.ietate-reserve input::placeholder,
.ietate-reserve textarea::placeholder {
	color: var(--rf-placeholder);
	opacity: 1; /* Firefoxは既定で薄くするため、色だけで調整できるよう打ち消す */
}

.ietate-reserve input:focus,
.ietate-reserve select:focus,
.ietate-reserve textarea:focus {
	outline: 2px solid var(--rf-main-light);
	outline-offset: 1px;
}

.ietate-reserve .rf-radio,
.ietate-reserve .rf-checkbox {
	display: block;
	margin: 0.35em 0;
	cursor: pointer;
}

.ietate-reserve .rf-radio input,
.ietate-reserve .rf-checkbox input {
	margin-right: 0.4em;
}

/* ---------- モデルハウス選択・日時 ---------- */

.ietate-reserve .rf-model-counter {
	display: inline-block;
	background: var(--rf-cta);
	color: #fff;
	border-radius: 999px;
	padding: 0.1em 1em;
	margin-left: 0.8em;
	font-size: 0.9em;
}

.ietate-reserve .rf-model-counter strong {
	color: #fff;
	font-size: 1.2em;
	margin-right: 0.2em;
}

/* モデルハウス選択カード */

.ietate-reserve .rf-model-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 1em;
	margin-top: 0.8em;
}

.ietate-reserve .rf-model-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--rf-sub-pale);
	border-radius: 6px;
	padding: 0.9em;
	/* カード全体が選択エリア(JSが .rf-model-card のクリックを拾う) */
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ietate-reserve .rf-model-card:hover {
	border-color: var(--rf-sub);
}

.ietate-reserve .rf-model-card.is-selected {
	border-color: var(--rf-cta);
	box-shadow: 0 0 0 2px var(--rf-cta);
	background: var(--rf-cta-pale, #FDEEE3);
}

.ietate-reserve .rf-model-card__photo {
	aspect-ratio: 4 / 3;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 0.7em;
	background: var(--rf-base-dark);
}

.ietate-reserve .rf-model-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ietate-reserve .rf-model-card__photo--none {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--rf-muted);
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

.ietate-reserve .rf-model-card__maker {
	font-weight: 700;
	color: var(--rf-text);
	margin: 0 0 0.1em;
	font-size: 1em;
}

.ietate-reserve .rf-model-card__name {
	font-size: 0.88em;
	color: var(--rf-text);
	margin: 0 0 0.6em;
}

.ietate-reserve .rf-model-card__meta {
	font-size: 0.82em;
	margin: 0.25em 0;
	color: var(--rf-text);
}

.ietate-reserve .rf-model-card__tag {
	display: inline-block;
	background: var(--rf-main-pale);
	color: var(--rf-main);
	font-size: 0.9em;
	font-weight: 600;
	border-radius: 3px;
	padding: 0.05em 0.6em;
	margin-right: 0.6em;
}

.ietate-reserve .rf-model-card__cb {
	display: none;
}

.ietate-reserve .rf-model-card__btn {
	margin-top: auto;
	padding: 0.55em 0.5em;
	border: none;
	border-radius: 4px;
	background: var(--rf-sub);
	color: #fff;
	font-weight: 700;
	font-size: 0.92em;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.ietate-reserve .rf-model-card:hover .rf-model-card__btn {
	background: var(--rf-main-light);
}

.ietate-reserve .rf-model-card.is-selected .rf-model-card__btn,
.ietate-reserve .rf-model-card.is-selected:hover .rf-model-card__btn {
	background: var(--rf-cta);
}

.ietate-reserve .rf-visit-row {
	background: var(--rf-base);
	border: 1px solid var(--rf-base-dark);
	border-radius: 6px;
	padding: 0.9em 1.1em;
	margin-bottom: 0.7em;
}

.ietate-reserve .rf-visit-row__title {
	font-weight: 700;
	color: var(--rf-main);
	margin: 0 0 0.5em;
	font-size: 0.92em;
}

/* ---------- 個人情報・エラー ---------- */

.ietate-reserve .rf-privacy {
	background: var(--rf-main-pale);
	border-radius: 8px;
	padding: 1.2em 1.4em;
	margin-top: 2em;
	font-size: 0.85em;
}

.ietate-reserve .rf-privacy__title {
	font-weight: 700;
	color: var(--rf-main);
	margin: 0 0 0.5em;
}

.ietate-reserve .rf-privacy a {
	color: var(--rf-main);
	text-decoration: underline;
}

.ietate-reserve .rf-error {
	color: var(--rf-error);
	font-size: 0.85em;
	font-weight: 600;
	margin: 0.4em 0 0;
}

.ietate-reserve .rf-error-summary {
	background: #FCEBE8;
	border: 1px solid var(--rf-error);
	border-radius: 6px;
	color: var(--rf-error);
	padding: 1em 1.2em;
	margin-bottom: 1.5em;
	font-size: 0.9em;
}

.ietate-reserve .rf-error-summary p {
	font-weight: 700;
	margin: 0 0 0.5em;
}

.ietate-reserve .rf-error-summary ul {
	margin: 0;
	padding-left: 1.4em;
}

/* honeypot(視覚的に隠す) */
.ietate-reserve .rf-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------- ボタン ---------- */

.ietate-reserve .rf-submit {
	text-align: center;
	margin: 2.5em 0 1.5em;
}

.ietate-reserve .rf-btn {
	display: inline-block;
	border: none;
	border-radius: 999px;
	font-size: 1.05em;
	font-weight: 700;
	padding: 0.9em 3.5em;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

/* CTAオレンジは予約ボタン専用(仕様書ルール) */
.ietate-reserve .rf-btn--cta {
	background: var(--rf-cta);
	color: #fff;
}

.ietate-reserve .rf-btn--cta:hover {
	background: var(--rf-cta-hover);
}

/* 未入力・不備があるあいだ(JSが付与)。押すこと自体はできて、最初の未入力へ飛ぶ */
.ietate-reserve .rf-btn--cta.is-inactive {
	background: var(--rf-sub);
	box-shadow: none;
	cursor: not-allowed;
}

.ietate-reserve .rf-btn--cta.is-inactive:hover {
	background: var(--rf-main-light);
}

.ietate-reserve .rf-btn--back {
	background: #fff;
	color: var(--rf-main);
	border: 2px solid var(--rf-main);
}

.ietate-reserve .rf-btn--back:hover {
	background: var(--rf-main-pale);
}

.ietate-reserve .rf-submit--confirm {
	display: flex;
	justify-content: center;
	gap: 1em;
	flex-wrap: wrap;
}

.ietate-reserve .rf-footnote {
	font-size: 0.82em;
	color: var(--rf-muted);
	text-align: center;
}

.ietate-reserve .rf-footnote p {
	margin: 0.3em 0;
}

/* ---------- 確認画面 ---------- */

.ietate-reserve .rf-confirm-lead {
	text-align: center;
	font-weight: 600;
	margin-bottom: 1.5em;
}

.ietate-reserve .rf-confirm-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95em;
}

.ietate-reserve .rf-confirm-table th,
.ietate-reserve .rf-confirm-table td {
	border: 1px solid var(--rf-sub-pale);
	padding: 0.8em 1em;
	text-align: left;
	vertical-align: top;
}

.ietate-reserve .rf-confirm-table th {
	background: var(--rf-main-pale);
	color: var(--rf-main);
	width: 260px;
	font-weight: 700;
}

.ietate-reserve .rf-confirm-datetime {
	color: var(--rf-main);
	font-weight: 700;
}

/* ---------- 完了画面 ---------- */

.ietate-reserve .rf-complete {
	background: var(--rf-base);
	border-radius: 8px;
	padding: 2em;
	text-align: center;
}

.ietate-reserve .rf-complete__title {
	font-size: 1.3em;
	font-weight: 700;
	color: var(--rf-main);
	margin-bottom: 0.8em;
}

.ietate-reserve .rf-complete__home {
	margin-top: 1.5em;
}

.ietate-reserve .rf-complete__home a {
	color: var(--rf-main);
	font-weight: 600;
	text-decoration: underline;
}

/* ---------- スマホ対応 ---------- */

@media (max-width: 767px) {
	.ietate-reserve .rf-field__label {
		margin-bottom: 0.5em;
	}

	.ietate-reserve .rf-steps__item {
		font-size: 0.85em;
	}

	.ietate-reserve .rf-confirm-table th,
	.ietate-reserve .rf-confirm-table td {
		display: block;
		width: auto;
	}

	.ietate-reserve .rf-confirm-table th {
		border-bottom: none;
	}

	.ietate-reserve .rf-btn {
		width: 100%;
		padding: 0.9em 1em;
	}
}

/* ---------- EFO: 所要時間の明示 ---------- */

.ietate-reserve .rf-time-note {
	margin: -0.5em 0 1.5em;
	text-align: center;
	font-size: .85rem;
	color: var(--color-text-muted);
}

/* ---------- EFO: リアルタイムバリデーション ---------- */

.ietate-reserve input.is-invalid,
.ietate-reserve select.is-invalid,
.ietate-reserve textarea.is-invalid {
	border-color: #D93025;
	background-color: #FDF3F2;
}

.ietate-reserve input.is-valid,
.ietate-reserve select.is-valid {
	border-color: #2E8B57;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%232E8B57' d='M6.5 12.2 2.3 8l1.4-1.4 2.8 2.8 5.8-5.8L13.7 5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
	padding-right: 34px;
}

/* ---------- EFO: エラーサマリーのリンク ---------- */

.ietate-reserve .rf-error-summary a {
	color: inherit;
	text-decoration: underline;
}

.ietate-reserve .rf-error-summary a:hover {
	opacity: .8;
}

/* ---------- EFO: 残り必須項目カウンター ---------- */

.ietate-reserve .rf-remaining {
	margin: 0 0 1em;
	padding: .7em 1em;
	border-radius: 8px;
	background: var(--color-main-pale);
	color: var(--color-main);
	font-size: .9rem;
	text-align: center;
}

.ietate-reserve .rf-remaining.is-ok {
	background: #E8F5EE;
	color: #2E8B57;
	font-weight: 600;
}

/* ---------- EFO: 送信中のボタン ---------- */

.ietate-reserve .rf-btn:disabled {
	opacity: .6;
	cursor: not-allowed;
}

/* ==========================================================================
   見学したいエリア(都道府県ボタン) → 住宅展示場(カード)
   ========================================================================== */

.ietate-reserve [hidden] {
	display: none !important;
}

.ietate-reserve .rf-pref-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
}

.ietate-reserve .rf-pref-btn {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 7.5em;
	padding: 0.7em 1.2em 0.6em;
	background: #fff;
	border: 2px solid var(--rf-sub-pale);
	border-radius: 8px;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.ietate-reserve .rf-pref-btn:hover {
	border-color: var(--rf-sub);
}

.ietate-reserve .rf-pref-btn input,
.ietate-reserve .rf-showroom-card input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.ietate-reserve .rf-pref-btn:focus-within,
.ietate-reserve .rf-showroom-card:focus-within {
	outline: 2px solid var(--rf-main-light);
	outline-offset: 2px;
}

.ietate-reserve .rf-pref-btn.is-selected {
	border-color: var(--rf-cta);
	background: var(--rf-cta);
	color: #fff;
}

.ietate-reserve .rf-pref-btn__name {
	font-weight: 700;
	font-size: 1.05em;
}

.ietate-reserve .rf-pref-btn__count {
	font-size: 0.78em;
	color: var(--rf-muted);
}

.ietate-reserve .rf-pref-btn.is-selected .rf-pref-btn__count {
	color: rgba(255, 255, 255, 0.85);
}

.ietate-reserve .rf-showroom-group {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1em;
	margin-top: 0.4em;
}

.ietate-reserve .rf-showroom-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.25em;
	background: #fff;
	border: 1px solid var(--rf-sub-pale);
	border-radius: 6px;
	padding: 0.9em;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ietate-reserve .rf-showroom-card:hover {
	border-color: var(--rf-sub);
}

.ietate-reserve .rf-showroom-card.is-selected {
	border-color: var(--rf-cta);
	box-shadow: 0 0 0 2px var(--rf-cta);
	background: var(--rf-cta-pale, #FDEEE3);
}

.ietate-reserve .rf-showroom-card__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	margin-bottom: 0.4em;
	border-radius: 4px;
	overflow: hidden;
	background: var(--rf-main-pale);
	color: var(--rf-muted);
	font-size: 0.8em;
}

.ietate-reserve .rf-showroom-card__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ietate-reserve .rf-showroom-card__name {
	color: var(--rf-main);
	font-weight: 700;
	font-size: 0.95em;
	line-height: 1.4;
}

.ietate-reserve .rf-showroom-card__addr {
	color: var(--rf-muted);
	font-size: 0.8em;
}

.ietate-reserve .rf-showroom-card__meta {
	font-size: 0.8em;
}

.ietate-reserve .rf-showroom-card__btn {
	margin-top: auto;
	padding: 0.55em 0.5em;
	border-radius: 4px;
	background: var(--rf-sub);
	color: #fff;
	font-weight: 700;
	font-size: 0.92em;
	text-align: center;
}

.ietate-reserve .rf-showroom-card__btn::before {
	content: 'この展示場を選択';
}

.ietate-reserve .rf-showroom-card.is-selected .rf-showroom-card__btn,
.ietate-reserve .rf-showroom-card.is-selected:hover .rf-showroom-card__btn {
	background: var(--rf-cta);
}

.ietate-reserve .rf-showroom-card.is-selected .rf-showroom-card__btn::before {
	content: '✓ 選択中';
}

@media screen and (max-width: 599px) {
	.ietate-reserve .rf-pref-btn {
		flex: 1 1 calc(33.333% - 0.6em);
		min-width: 0;
		padding: 0.6em 0.4em 0.5em;
	}
	.ietate-reserve .rf-showroom-group {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   入力状況の追従バー(画面下に固定)
   ========================================================================== */

.ietate-reserve .rf-progress {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	background: #fff;
	border-top: 1px solid var(--rf-sub-pale);
	box-shadow: 0 -2px 14px rgba(30, 58, 95, .14);
	transition: transform .25s ease, opacity .25s ease;
}

/* 送信ボタンが見えているときは引っ込める */
.ietate-reserve .rf-progress.is-hidden {
	transform: translateY(105%);
	opacity: 0;
	pointer-events: none;
}

.ietate-reserve .rf-progress__bar {
	height: 4px;
	background: var(--rf-sub-pale);
}

.ietate-reserve .rf-progress__fill {
	display: block;
	width: 0;
	height: 100%;
	background: var(--rf-main);
	transition: width .3s ease;
}

.ietate-reserve .rf-progress.is-complete .rf-progress__fill {
	background: #2E8B57;
}

.ietate-reserve .rf-progress__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	max-width: 1000px;
	margin: 0 auto;
	padding: .7em 1.2em;
}

.ietate-reserve .rf-progress__text {
	margin: 0;
	font-size: .85rem;
	line-height: 1.5;
	color: var(--rf-text);
}

.ietate-reserve .rf-progress__count {
	margin-right: .3em;
	color: var(--rf-main);
	font-size: 1rem;
	font-weight: 700;
}

.ietate-reserve .rf-progress.is-complete .rf-progress__count {
	color: #2E8B57;
}

.ietate-reserve .rf-progress__jump {
	flex-shrink: 0;
	padding: .55em 1.2em;
	border: 1px solid var(--rf-main);
	border-radius: 4px;
	background: #fff;
	color: var(--rf-main);
	font-size: .85rem;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}

.ietate-reserve .rf-progress__jump:hover {
	background: var(--rf-main);
	color: #fff;
}

.ietate-reserve .rf-progress.is-complete .rf-progress__jump {
	border-color: var(--rf-cta);
	background: var(--rf-cta);
	color: #fff;
}

.ietate-reserve .rf-progress.is-complete .rf-progress__jump:hover {
	background: var(--rf-cta-hover);
}

@media (max-width: 599px) {
	.ietate-reserve .rf-progress__body {
		gap: .6em;
		padding: .6em .8em;
	}
	.ietate-reserve .rf-progress__text {
		font-size: .78rem;
	}
	.ietate-reserve .rf-progress__count {
		display: block;
		font-size: .95rem;
	}
	.ietate-reserve .rf-progress__jump {
		padding: .5em .8em;
		font-size: .78rem;
	}
}

/* ==========================================================================
   EFO: 任意バッジ / 日時の一括指定 / 確認画面の項目別「修正」
   ========================================================================== */

.ietate-reserve .rf-optional {
	display: inline-block;
	margin-left: .5em;
	padding: .1em .6em;
	border: 1px solid var(--rf-sub);
	border-radius: 3px;
	background: #fff;
	color: var(--rf-muted);
	font-size: .7rem;
	font-weight: 400;
	vertical-align: middle;
}

/* 送信ボタン下の同意文 */
.ietate-reserve .rf-submit__note {
	margin: .8em 0 0;
	color: var(--rf-muted);
	font-size: .8rem;
	text-align: center;
}

/* 2棟目以降も同じ日時にする */
.ietate-reserve .rf-visit-sync {
	display: flex;
	align-items: center;
	gap: .5em;
	margin-bottom: .8em;
	padding: .7em 1em;
	border: 1px dashed var(--rf-sub);
	border-radius: 6px;
	background: var(--rf-main-pale);
	color: var(--rf-main);
	font-size: .9rem;
	font-weight: 700;
	cursor: pointer;
}

.ietate-reserve .rf-visit-row.is-synced {
	opacity: .75;
}

.ietate-reserve .rf-visit-row.is-synced input[readonly] {
	background: var(--rf-base);
	cursor: not-allowed;
}

/* 確認画面: 行ごとの「修正」 */
.ietate-reserve .rf-confirm-edit {
	float: right;
	margin-left: 1em;
	padding: .25em .9em;
	border: 1px solid var(--rf-sub);
	border-radius: 4px;
	background: #fff;
	color: var(--rf-main);
	font-size: .78rem;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}

.ietate-reserve .rf-confirm-edit:hover {
	background: var(--rf-main);
	border-color: var(--rf-main);
	color: #fff;
}