/**
 * GowithJesus – Multi-Language Button Block  v1.1.0
 *
 * Uses .wp-block-button + .wp-block-button__link so the button inherits
 * whatever your active theme defines for those classes.
 * Hover colours are applied via a scoped <style> tag per block instance
 * (generated in PHP), so they always win regardless of theme specificity.
 */

/* ── Wrapper ─────────────────────────────────────────────────────────────── */

.gwj-multilang-button-wrap {
	display: block;
}

/* ── Full-width mode ─────────────────────────────────────────────────────── */

.gwj-multilang-button-wrap.gwj-btn-fullwidth .gwj-multilang-btn {
	display:    block;
	text-align: center;
}

/* ── Base button – bare-minimum defaults when theme styles are absent ────── */

.gwj-multilang-btn.wp-block-button__link {
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
	padding:         0.667em 1.333em;
	font-size:       1em;
	font-weight:     600;
	line-height:     1.2;
	text-decoration: none;
	cursor:          pointer;
	word-break:      break-word;
	box-sizing:      border-box;
	/* Smooth hover colour transition */
	transition:      background-color 0.18s ease, color 0.18s ease,
	                 border-color 0.18s ease, filter 0.18s ease;
}

/* Default hover (brightness dim) — overridden by the per-block <style> tag
   when the author has set explicit hover colours in the block settings. */
.gwj-multilang-btn.wp-block-button__link:hover,
.gwj-multilang-btn.wp-block-button__link:focus {
	filter: brightness( 0.88 );
	outline-offset: 2px;
}

/* ── Outline variant ─────────────────────────────────────────────────────── */

.gwj-multilang-btn.wp-block-button__link.is-style-outline {
	background: transparent !important;
}

/* ── LearnPress tab context ──────────────────────────────────────────────── */

.learnpress-content .gwj-multilang-button-wrap,
.lp-course-content  .gwj-multilang-button-wrap,
.lp-content-tab     .gwj-multilang-button-wrap {
	margin-top:    1em;
	margin-bottom: 1em;
}