/**
 * Widerrufsbutton – Universal-CSS (vendidero)
 * Plugin: EU Order Withdrawal Button for WooCommerce
 * Shortcode: [eu_owb_order_withdrawal_button]
 *
 * In jedes Child-Theme kopieren (Divi Custom CSS, Astra Zusatz-CSS, style.css).
 * Nur die Variablen unter :root pro Shop anpassen.
 *
 * Greift auf:
 * - Footer-/Shortcode-Link (.eu-owb-order-withdraw-from-contract-button)
 * - Plugin-Einbettung (falls „Footer“ im Plugin aktiv)
 * - Absenden-Button auf der Widerrufs-Seite (Formular)
 */

:root {
	/* Link / Button „Vertrag widerrufen“ (Footer & Shortcode) */
	--widerruf-link-bg: #ffffff;
	--widerruf-link-color: #1a1a1a;
	--widerruf-link-border: 1px solid rgba(255, 255, 255, 0.45);
	--widerruf-link-radius: 6px;
	--widerruf-link-padding: 0.55em 1.1em;
	--widerruf-link-font-size: 0.875rem;
	--widerruf-link-font-weight: 600;
	--widerruf-link-letter-spacing: 0.02em;
	--widerruf-link-margin-top: 0.75rem;
	--widerruf-link-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	--widerruf-link-shadow-hover: 0 2px 8px rgba(0, 0, 0, 0.18);

	--widerruf-link-bg-hover: #f5f5f5;
	--widerruf-link-color-hover: #1a1a1a;
	--widerruf-link-border-hover: 1px solid rgba(255, 255, 255, 0.65);

	/* Formular-Seite: Button „Widerruf bestätigen“ */
	--widerruf-form-btn-bg: #1a1a1a;
	--widerruf-form-btn-color: #ffffff;
	--widerruf-form-btn-border: 1px solid #1a1a1a;
	--widerruf-form-btn-radius: 6px;
}

/* ==========================================================================
   Footer / Shortcode: „Vertrag widerrufen“
   ========================================================================== */

.eu-owb-order-withdraw-from-contract-button {
	display: block;
	margin: var(--widerruf-link-margin-top) 0 0;
	text-align: inherit;
}

.eu-owb-order-withdraw-from-contract-button.align-center,
.eu-owb-order-withdraw-from-contract-button.has-text-align-center {
	text-align: center;
}

.eu-owb-order-withdraw-from-contract-button a,
.eu-owb-order-withdraw-from-contract-button a.button,
.eu-owb-order-withdraw-from-contract-button .button,
a.widerruf-footer-btn,
a.zp-widerruf-footer-btn {
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	padding: var(--widerruf-link-padding) !important;
	border: var(--widerruf-link-border) !important;
	border-radius: var(--widerruf-link-radius) !important;
	background: var(--widerruf-link-bg) !important;
	background-image: none !important;
	color: var(--widerruf-link-color) !important;
	font-size: var(--widerruf-link-font-size) !important;
	font-weight: var(--widerruf-link-font-weight) !important;
	line-height: 1.35 !important;
	letter-spacing: var(--widerruf-link-letter-spacing);
	text-align: center;
	text-decoration: none !important;
	text-transform: none !important;
	box-shadow: var(--widerruf-link-shadow);
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease,
		box-shadow 0.18s ease, transform 0.18s ease;
}

.eu-owb-order-withdraw-from-contract-button a:hover,
.eu-owb-order-withdraw-from-contract-button a:focus,
.eu-owb-order-withdraw-from-contract-button a.button:hover,
.eu-owb-order-withdraw-from-contract-button .button:hover,
a.widerruf-footer-btn:hover,
a.zp-widerruf-footer-btn:hover {
	background: var(--widerruf-link-bg-hover) !important;
	color: var(--widerruf-link-color-hover) !important;
	border: var(--widerruf-link-border-hover) !important;
	box-shadow: var(--widerruf-link-shadow-hover);
	transform: translateY(-1px);
}

.eu-owb-order-withdraw-from-contract-button a:focus-visible {
	outline: 2px solid var(--widerruf-link-color);
	outline-offset: 2px;
}

/* Divi / Woo: Pfeil (::before/::after, ETmodules) am Footer-Link aus — kein Hover-Pfeil */
.eu-owb-order-withdraw-from-contract-button a::before,
.eu-owb-order-withdraw-from-contract-button a::after,
.eu-owb-order-withdraw-from-contract-button a.button::before,
.eu-owb-order-withdraw-from-contract-button a.button::after,
.eu-owb-order-withdraw-from-contract-button .button::before,
.eu-owb-order-withdraw-from-contract-button .button::after,
a.widerruf-footer-btn::before,
a.widerruf-footer-btn::after,
a.zp-widerruf-footer-btn::before,
a.zp-widerruf-footer-btn::after,
a.eu_order_withdrawal_button::before,
a.eu_order_withdrawal_button::after,
a.button.eu_order_withdrawal_button::before,
a.button.eu_order_withdrawal_button::after,
.eu-owb-order-withdraw-from-contract-button a:hover::before,
.eu-owb-order-withdraw-from-contract-button a:hover::after,
.eu-owb-order-withdraw-from-contract-button a.button:hover::before,
.eu-owb-order-withdraw-from-contract-button a.button:hover::after,
a.widerruf-footer-btn:hover::before,
a.widerruf-footer-btn:hover::after,
a.zp-widerruf-footer-btn:hover::before,
a.zp-widerruf-footer-btn:hover::after,
body #page-container a.widerruf-footer-btn:after,
body #page-container a.widerruf-footer-btn:hover:after,
body #page-container a.zp-widerruf-footer-btn:after,
body #page-container a.zp-widerruf-footer-btn:hover:after,
body.et_pb_button_helper_class a.widerruf-footer-btn:after,
body.et_pb_button_helper_class a.widerruf-footer-btn:hover:after {
	display: none !important;
	content: "" !important;
	opacity: 0 !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	background-image: none !important;
	font-size: 0 !important;
	line-height: 0 !important;
	position: static !important;
	transform: none !important;
}

/* Falls Theme den Link ohne Wrapper rendert (selten) */
a.eu_order_withdrawal_button,
a.button.eu_order_withdrawal_button {
	display: inline-block;
	padding: var(--widerruf-link-padding) !important;
	border: var(--widerruf-link-border) !important;
	border-radius: var(--widerruf-link-radius) !important;
	background: var(--widerruf-link-bg) !important;
	color: var(--widerruf-link-color) !important;
	font-weight: var(--widerruf-link-font-weight) !important;
	text-decoration: none !important;
}

/* ==========================================================================
   Widerrufs-Formularseite (optional, gleiche Marke)
   ========================================================================== */

.eu-owb-form-fields button.woocommerce-form-return_request__submit,
.eu-owb-form-fields button[name="order_withdrawal_request"],
.eu-owb-order-withdrawal-request button.woocommerce-form-return_request__submit {
	border: var(--widerruf-form-btn-border) !important;
	border-radius: var(--widerruf-form-btn-radius) !important;
	background: var(--widerruf-form-btn-bg) !important;
	color: var(--widerruf-form-btn-color) !important;
	font-weight: 600;
}

.eu-owb-form-fields button.woocommerce-form-return_request__submit:hover,
.eu-owb-order-withdrawal-request button.woocommerce-form-return_request__submit:hover {
	filter: brightness(1.08);
}

.eu-owb-form-fields button.woocommerce-form-return_request__submit::before,
.eu-owb-form-fields button.woocommerce-form-return_request__submit::after,
.eu-owb-form-fields button[name="order_withdrawal_request"]::before,
.eu-owb-form-fields button[name="order_withdrawal_request"]::after,
.eu-owb-order-withdrawal-request button.woocommerce-form-return_request__submit::before,
.eu-owb-order-withdrawal-request button.woocommerce-form-return_request__submit::after,
.eu-owb-form-fields button.woocommerce-form-return_request__submit:hover::after,
.eu-owb-order-withdrawal-request button.woocommerce-form-return_request__submit:hover::after {
	display: none !important;
	content: "" !important;
	opacity: 0 !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	font-size: 0 !important;
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767px) {
	.eu-owb-order-withdraw-from-contract-button a,
	.eu-owb-order-withdraw-from-contract-button a.button,
	a.widerruf-footer-btn {
		display: block;
		width: 100%;
	}
}

/*
 * Eigene Klasse im Shortcode (Beispiel):
 * [eu_owb_order_withdrawal_button button_classes="widerruf-footer-btn button"]
 * Wenn du einen anderen Klassennamen nutzt: dieselben Regeln oben duplizieren
 * oder unten eine Zeile ergänzen, z. B. a.deine-klasse { … }
 */