/**
 * Przyciski „Pokaż e-mail"/„Pokaż telefon" i link po ujawnieniu
 * (inc/contact-obfuscation.php, assets/js/contact-obfuscate.js). Ładowane
 * globalnie (stopka jest na każdej stronie) — musi działać w dowolnym
 * kontekście koloru tła, stąd wartości oparte wyłącznie o zmienne --gd-*
 * z :root (theme.json/style.css), bez założeń co do konkretnej sekcji.
 */

.gd-reveal-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.5rem;
	padding: 0.4rem 0.85rem;
	background: transparent;
	border: 1px solid var(--gd-line-strong, rgba(244, 239, 230, 0.18));
	border-radius: 999px;
	color: var(--gd-cream, #F4EFE6);
	font-family: var(--gd-font-body, sans-serif);
	font-size: 0.85rem;
	cursor: pointer;
	transition: border-color 0.25s ease, background-color 0.25s ease;
}

.gd-reveal-btn:hover:not(:disabled) {
	border-color: var(--gd-ochre-bright, #E0B458);
	background: color-mix(in srgb, var(--gd-ochre-bright, #E0B458) 10%, transparent);
}

.gd-reveal-btn:focus-visible {
	outline: 2px solid var(--gd-magenta-bright, #E36AAE);
	outline-offset: 2px;
}

.gd-reveal-btn:disabled {
	opacity: 0.6;
	cursor: wait;
}

.gd-reveal-btn__icon {
	font-size: 0.9em;
	line-height: 1;
}

.gd-reveal-link {
	color: var(--gd-cream, #F4EFE6);
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, var(--gd-cream, #F4EFE6) 40%, transparent);
	text-underline-offset: 0.2em;
	transition: color 0.25s ease;
}

.gd-reveal-link:hover,
.gd-reveal-link:focus-visible {
	color: var(--gd-teal-bright, var(--gd-teal, #2E7D6B));
}

.gd-reveal-noscript {
	color: var(--gd-muted, #C9C2D6);
	font-size: 0.85rem;
	font-style: italic;
}