/**
 * Divaderme – EU withdrawal button (Widerrufsbutton)
 * Used by shortcode [diva_withdrawal_button], see withdrawal_button.php
 */

:root {
	--diva-pink: #efa1b7;      /* brand pink (header claim bar) */
	--diva-dark: #111111;      /* footer background */
	--diva-dark-soft: #222222; /* navigation background */
}

.diva-withdrawal-button {
	display: inline-block;
	padding: 0.45em 1.1em;
	border: 1px solid var(--diva-pink);
	border-radius: 4px;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Outline variant – for dark backgrounds (footer) */
.diva-withdrawal-button--outline,
.diva-withdrawal-button--outline:visited {
	background-color: transparent;
	color: var(--diva-pink) !important;
}

.diva-withdrawal-button--outline:hover,
.diva-withdrawal-button--outline:focus {
	background-color: var(--diva-pink);
	color: var(--diva-dark) !important;
}

/* Dark variant – for light backgrounds (pages, my account, etc.) */
.diva-withdrawal-button--dark,
.diva-withdrawal-button--dark:visited {
	background-color: var(--diva-dark-soft);
	border-color: var(--diva-dark-soft);
	color: #ffffff !important;
}

.diva-withdrawal-button--dark:hover,
.diva-withdrawal-button--dark:focus {
	background-color: var(--diva-pink);
	border-color: var(--diva-pink);
	color: var(--diva-dark) !important;
}

/* Visible keyboard focus (accessibility) */
.diva-withdrawal-button:focus-visible {
	outline: 2px solid var(--diva-pink);
	outline-offset: 3px;
}

/* Spacing when placed inside the footer link list */
.site-footer li .diva-withdrawal-button,
.widget li .diva-withdrawal-button {
	margin-top: 0.4em;
}

/* Inline placement next to a link ("rechts daneben") */
li > a + .diva-withdrawal-button {
	margin-left: 0.75em;
}

/* Small screens: allow line break and drop the inline gap */
@media (max-width: 768px) {
	.diva-withdrawal-button {
		white-space: normal;
	}

	li > a + .diva-withdrawal-button {
		margin-left: 0;
		display: table; /* forces own line below the link */
	}
}

/* Admin-only hint when the withdrawal page is not public */
.diva-withdrawal-notice {
	color: #d63638;
	font-size: 0.85em;
}

/* Remove list bullet if the button sits in its own list item */
li.diva-withdrawal-item {
	list-style: none;
}