/*
 * Kolor NIE jest tu na sztywno — dziedziczy z otoczenia (color: inherit).
 * Ten sam numer/e-mail może wystąpić kilka razy na jednej stronie, za
 * każdym razem w innym kontekście (ciemna czcionka na jasnym tle w treści,
 * jasna czcionka na kolorowym tle w innym bloku) — ma to działać
 * automatycznie, bez ręcznej konfiguracji przez nietechnicznego
 * użytkownika, więc każde wystąpienie dziedziczy kolor niezależnie, z
 * najbliższego otoczenia. "!important" jest konieczne: wiele motywów ma
 * własną, bardziej specyficzną regułę "a { color: ... }" (np.
 * ".entry-content a"), która inaczej wygrałaby z samym dziedziczeniem.
 */
.c2rw-reveal,
.c2rw-revealed {
	color: inherit !important;
}

.c2rw-reveal {
	display: inline-flex;
	align-items: baseline;
	gap: 0.25em;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	cursor: pointer;
}

.c2rw-revealed {
	text-decoration: underline;
}

/*
 * Bez !important motyw z regułą typu "a, button { text-decoration:
 * underline }" (częste w gotowych szablonach) nadpisywałby to na
 * dowolnym z elementów wewnątrz przycisku — stąd wymienione osobno,
 * nie tylko na .c2rw-reveal, mimo że reguła koloru wyżej wystarcza
 * na samym rodzicu.
 */
.c2rw-reveal,
.c2rw-reveal .c2rw-mask,
.c2rw-reveal .c2rw-ellipsis,
.c2rw-reveal .c2rw-cta {
	text-decoration: none !important;
}

.c2rw-reveal:hover,
.c2rw-reveal:focus-visible,
.c2rw-revealed:hover,
.c2rw-revealed:focus-visible {
	opacity: 0.7;
}