#wpsg_revocation_button { position:fixed; right:0; top:25%; display:flex; gap:1rem; align-items:center; justify-content:flex-start; flex-wrap:nowrap; transform:translateX(calc(100% - (50px + 1rem + 0.5rem))); cursor:pointer; z-index:10;
	background-color:white; border:1px solid black; border-radius:0.5rem; padding:0.5rem 1rem 0.5rem 0.5rem; transition:all 0.4s;
	svg { width:50px; fill:black; }
	span { white-space:nowrap; }
	&:hover { transform:translateX(0.5rem); }
}

#wpsg_revocation_dialog {
	z-index:10; opacity:0; pointer-events:none; transition:all 0.4s;
	position:fixed; left:0; top:0; height:100vh; width:100vw;
	background-color:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;
	&.visible { opacity:1; pointer-events:all; }
	.inner { width:calc(100% - 3rem); height:auto; max-width:800px; max-height:800px;
		border:1px solid black; position:relative;
		background-color:white; border-radius:0.5rem; padding:1rem; display:flex; flex-direction:column;
		& > .loading { transition:all 0.2s; opacity:0; pointer-events:none; background-color:rgba(0, 0, 0, 0.25); position:absolute; z-index:2; left:0; top:0; height:100%; width:100%; display:flex; align-items:center; justify-content:center; }
		& > .header { height:50px; flex-shrink:0; flex-grow:0;
			display:flex; align-items:center; justify-content:space-between; font-size:2rem; font-weight:bold;
			.close { width:30px; height:30px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
		}
		& > .content { flex-grow:0.2; overflow-y:auto; margin-top:1rem; margin-bottom:1rem; }
		& > .footer { flex-shrink:0; flex-grow:0; display:flex; align-items:center; justify-content:start; height: 35px; margin-bottom: 2rem;}
		#wpsg_error { padding-left:5px; color:red; }
	}
	&.loading > .inner > .loading { opacity:1; pointer-events:all; }
}

.wpsg_revocation_product_button {
	flex-shrink:0; display:inline-flex; align-items:center; gap:0.5rem;
	width:100%; min-height:35px; padding:0.25rem 0.5rem;
	border:1px solid black; cursor:pointer;
}

.wpsg_revocation_product_button > svg {
	flex:0 0 24px; width:24px; height:24px; fill:currentColor;
}

.wpsg_revocation_product_button_text {
	margin: 0;
}

#wpsg_revocation_form { display:flex; flex-direction:column; gap:0.5rem; width:100%;
	.wpsg_revocation_order_product > div { width:100%; }
	.form_field { display:flex; width:100%; flex-direction:column; gap:0.125rem;
		.label { color: black; font-size: 1.25rem; }
		.value { display:flex; justify-content:stretch; gap:0.25rem;
			input, textarea, select { width:auto; flex-grow:1; min-height:30px; text-indent:0.25rem; flex-shrink:1; }
			textarea { min-height:90px; padding:0.25rem; }
			select { height:36px; }
			input[type="number"] { flex-shrink:2; flex-grow:0; }
		}
	}
}

.wpsg_mod_kundenverwaltung_order {
	.wpsg_revocation_order_product { display:inline-flex; align-items:center; gap:0.5rem; border:1px solid black; border-radius:0.5rem; padding:0.5rem;
		margin-bottom:1rem; user-select:none; flex-direction: row;
		& > svg { height:30px; width:30px; }
		& > input { width:25px; height:25px; flex-shrink:0; }
		& > .inner { cursor:pointer; }
	}
}

.wpsg_amount_label {
	word-break: normal;
}
/* Eigenständige Widerrufsformular-Seite (kein Popup) */
.wpsg_revocation_page { width:100%; max-width:800px; margin:0 auto; }

#wpsg_revocation_page_form { display:flex; flex-direction:column; gap:0.5rem; width:100%;
	.wpsg_revocation_order_product { border:1px solid #ddd; border-radius:0.5rem; padding:1rem; margin:0 0 1rem 0; }
	.wpsg_revocation_order_product > div { width:100%; }
	.form_field { display:flex; width:100%; flex-direction:column; gap:0.125rem;
		.label { color:black; font-size:1.25rem; }
		.value { display:flex; justify-content:stretch; gap:0.25rem;
			input, textarea, select { width:auto; flex-grow:1; min-height:30px; text-indent:0.25rem; flex-shrink:1; }
			textarea { min-height:90px; padding:0.25rem; }
			select { height:36px; }
			input[type="number"] { flex-shrink:2; flex-grow:0; }
		}
	}
	#wpsg_error, .wpsg_error { padding-left:5px; color:red; list-style:none; margin:0 0 1rem 0; }
	.wpsg_revocation_page_submit_wrap { margin-top:0.5rem; }
}

.wpsg_revocation_page_success { padding:1rem; border:1px solid #2e7d32; border-radius:0.5rem; background:#edf7ed; color:#2e7d32; }
.wpsg_revocation_page_datenschutz { margin:0.5rem 0; }