/**
 * WESEO FAQ – fallback styles for the "Mehr laden" button.
 *
 * Every rule is wrapped in :where() so it has zero specificity: any theme
 * rule targeting the button (even a bare class selector) wins automatically.
 * Themes can also adjust single values via the --wso-faq-load-more-* custom
 * properties without overriding the rules themselves.
 */

:where(.wso-faq-load-more__button) {
	display: block;
	margin: var(--wso-faq-load-more-margin-top, 2rem) auto 0;
	padding: var(--wso-faq-load-more-padding, 0.75em 2em);
	border: var(--wso-faq-load-more-border, 1px solid currentColor);
	border-radius: var(--wso-faq-load-more-radius, 2em);
	background: var(--wso-faq-load-more-bg, transparent);
	color: var(--wso-faq-load-more-color, inherit);
	font-family: inherit;
	font-size: var(--wso-faq-load-more-font-size, 1em);
	font-weight: var(--wso-faq-load-more-font-weight, 600);
	line-height: inherit;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

:where(.wso-faq-load-more__button):hover {
	background: var(--wso-faq-load-more-bg-hover, rgba(0, 0, 0, 0.07));
	color: var(--wso-faq-load-more-color-hover, inherit);
}

:where(.wso-faq-load-more__button):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}