/* VI Rechtspflichten — Widerrufsfunktion v1.0.4 */

/* Schaltfläche: muss sich laut § 356a BGB farblich von normalen Links abheben */
.vilg-withdraw-button,
.vilg-withdraw-button:visited {
	display: inline-block;
	padding: .55em 1.2em;
	background: #3A3040;
	color: #fff !important;
	border: 2px solid #3A3040;
	border-radius: 999px;
	font-weight: 600;
	font-size: .9rem;
	line-height: 1.3;
	text-decoration: none !important;
	transition: background .15s ease, color .15s ease;
}
.vilg-withdraw-button:hover,
.vilg-withdraw-button:focus-visible {
	background: #fff;
	color: #3A3040 !important;
	outline: none;
}
.vilg-withdraw-bar {
	padding: 14px 16px;
	text-align: center;
	background: #f7f4fb;
	border-top: 1px solid rgba(155, 138, 191, .35);
}
.vilg-order-withdraw { margin: 1.5em 0; }

/* Variante für dunkle Footer — per Shortcode [vi_widerruf_button variante="dunkel"]
   oder als Menüpunkt mit CSS-Klasse „vilg-withdraw-link".

   1.0.3: Footer-Themes stylen Menülinks meist sehr spezifisch und mit !important
   (Farbe, Padding, Radius, display:block). Der Trick mit :is(#vilg-scope#vilg-scope#vilg-scope, body)
   hebt die Spezifität auf dreifaches ID-Niveau, obwohl es #vilg-scope nicht gibt —
   :is() zählt immer das spezifischste Argument. Kein Eingriff ins Theme nötig. */
:is(#vilg-scope#vilg-scope#vilg-scope, body) .vilg-withdraw-button.vilg-withdraw-button--dark,
:is(#vilg-scope#vilg-scope#vilg-scope, body) li.vilg-withdraw-link > a,
:is(#vilg-scope#vilg-scope#vilg-scope, body) a.vilg-withdraw-link {
	display: inline-block !important;
	/* 1.0.4: Breite am Text ausrichten, kein Umbruch — das Theme gibt Menülinks
	   eine feste Breite bzw. lässt sie als Flex-Element wachsen */
	width: max-content !important;
	min-width: 0 !important;
	max-width: 100% !important;
	flex: 0 0 auto !important;
	white-space: nowrap !important;
	margin: .35em 0 0 !important;
	/* rem statt em: sonst wächst die Schrift mit der Footer-Schriftgröße mit */
	padding: .4rem 1rem !important;
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #9B8ABF !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-size: .875rem !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	transition: background-color .15s ease, border-color .15s ease !important;
}
:is(#vilg-scope#vilg-scope#vilg-scope, body) .vilg-withdraw-button.vilg-withdraw-button--dark:is(:hover, :focus-visible),
:is(#vilg-scope#vilg-scope#vilg-scope, body) li.vilg-withdraw-link > a:is(:hover, :focus-visible),
:is(#vilg-scope#vilg-scope#vilg-scope, body) a.vilg-withdraw-link:is(:hover, :focus-visible) {
	background: #9B8ABF !important;
	border-color: #9B8ABF !important;
	color: #fff !important;
	outline: none !important;
}
/* Pseudo-Elemente mancher Footer-Menüs (Pfeile, Unterstriche) ausblenden */
:is(#vilg-scope#vilg-scope#vilg-scope, body) li.vilg-withdraw-link > a::before,
:is(#vilg-scope#vilg-scope#vilg-scope, body) li.vilg-withdraw-link > a::after {
	content: none !important;
	display: none !important;
}

/* Mein Konto: Aktionsbutton in der Bestellliste */
.woocommerce-button.vilg_withdraw { white-space: nowrap; }

/* Formular */
.vilg-withdraw { max-width: 640px; }
.vilg-form .vilg-field { margin: 0 0 1.1em; border: 0; padding: 0; }
.vilg-form label,
.vilg-form legend { display: block; font-weight: 600; margin: 0 0 .35em; }
.vilg-form .vilg-radio,
.vilg-form .vilg-check { font-weight: 400; display: flex; gap: .5em; align-items: center; margin: .25em 0; }
.vilg-form .vilg-sub { font-weight: 400; font-size: .9em; margin-top: .6em; }
.vilg-form input[type="text"],
.vilg-form input[type="email"],
.vilg-form textarea { width: 100%; max-width: 100%; box-sizing: border-box; padding: .6em .75em; border: 1px solid rgba(58, 48, 64, .35); border-radius: 6px; font: inherit; }
.vilg-form input:focus,
.vilg-form textarea:focus { border-color: #3A3040; outline: 2px solid rgba(155, 138, 191, .35); outline-offset: 1px; }
.vilg-form .vilg-help { display: block; font-size: .85em; opacity: .75; margin-top: .25em; }
.vilg-form .required { color: #b32d2e; }
.vilg-items { margin: .5em 0 .25em 1.6em; }
.vilg-privacy { font-size: .85em; opacity: .8; }
.vilg-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

.vilg-submit {
	display: inline-block;
	padding: .8em 1.6em;
	background: #3A3040;
	color: #fff;
	border: 0;
	border-radius: 999px;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
}
.vilg-submit:hover { background: #1A1318; }

.vilg-errors {
	border-left: 4px solid #b32d2e;
	background: #fcf0f1;
	padding: .6em 1em;
	margin: 0 0 1.2em;
}
.vilg-errors p { margin: .3em 0; }
.vilg-receipt table { margin: 1em 0; }
.vilg-receipt th { padding-right: 1em; vertical-align: top; text-align: left; }
.vilg-warn { border-left: 4px solid #dba617; background: #fcf9e8; padding: .6em 1em; }

@media print {
	.vilg-print, .vilg-withdraw-bar { display: none !important; }
}