/**
 * WC Widerruf — front form (layout only).
 *
 * Chameleon strategy (§5): set spacing/grid/width only; leave typography, colors
 * and button styling to the theme. M5 layers accent auto-detection on top.
 * Feedback states use neutral semantic colors that work on light/dark themes.
 */

.wc-widerruf {
	max-width: 640px;
	margin-inline: auto;
	/* Breathing room from sticky/overlapping headers so the form is fully visible. */
	padding-top: 5rem;
	scroll-margin-top: 5rem;
}

.wc-widerruf-lang-toggle {
	margin-bottom: 1em;
	font-size: 0.9em;
}

.wc-widerruf-window-note {
	margin-bottom: 1em;
	font-size: 0.95em;
	opacity: 0.85;
}

.wc-widerruf-intro {
	margin-bottom: 1.5em;
}

.wc-widerruf-form .form-row,
.wc-widerruf-form .woocommerce-form-row {
	display: block;
	margin-bottom: 1.25em;
}

.wc-widerruf-form label {
	display: block;
	margin-bottom: 0.35em;
}

.wc-widerruf-form .input-text,
.wc-widerruf-form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.wc-widerruf-form textarea {
	resize: vertical;
}

/*
 * Confirm button readability backstop. The button inherits the theme button and
 * gets its highlight from button.css; this guarantees legible padding and a
 * visible boundary even on themes that render borderless/transparent buttons.
 */
.wc-widerruf-form .wc-widerruf-confirm {
	padding: 0.7em 1.4em;
	cursor: pointer;
}

.wc-widerruf-hint,
.wc-widerruf-confirm-help {
	display: block;
	margin-top: 0.4em;
	font-size: 0.85em;
	opacity: 0.75;
}

.wc-widerruf-required {
	color: #b32d2e;
}

/* Honeypot — visually and from-AT hidden, still submitted. */
.wc-widerruf-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.wc-widerruf-messages {
	margin-bottom: 1.5em;
}

.wc-widerruf-error {
	margin: 0 0 0.5em;
	padding: 0.75em 1em;
	border-left: 4px solid #b32d2e;
	background: rgba(179, 45, 46, 0.06);
}

.wc-widerruf-success {
	padding: 1em 1.25em;
	border-left: 4px solid #2a7d2e;
	background: rgba(42, 125, 46, 0.06);
}