/* Agnosis Breadcrumb Icon Link block — frontend styles.
 * Only the structural minimum: the block's own Color/Typography supports
 * (block.json) handle recoloring/resizing, so this is intentionally the only
 * stylesheet this block ships — no theme dependency required to render
 * sensibly out of the box.
 */

.wp-block-agnosis-breadcrumb-icon-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	text-decoration: none;
	color: inherit;
}

.wp-block-agnosis-breadcrumb-icon-link svg {
	width: 1em;
	height: 1em;
}

/* The `type=contact` variant renders a <button> (it triggers a popover,
 * there's nowhere to link to) rather than the <a> the biography/events
 * variants use — reset the browser's default button chrome so it matches
 * them exactly; everything else about the rule above already applies since
 * both share this same wrapper class.
 */
button.wp-block-agnosis-breadcrumb-icon-link {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	cursor: pointer;
}

/*
 * The `type=language` variant renders a plain <span> badge (the artist's
 * two-letter language code) rather than an <a>/<button> wrapping an SVG —
 * the base rule above's `line-height: 0` is correct for an icon glyph but
 * would clip real text, so it's reset here. Kept deliberately minimal
 * (uppercase + a touch of letter-spacing so a 2-letter code doesn't look
 * cramped) — everything else (size, color) is the block's own Typography/
 * Color supports, same as the icon variants.
 */
.wp-block-agnosis-breadcrumb-icon-link.agnosis-breadcrumb-icon-link--language {
	line-height: 1;
	cursor: default;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/*
 * Contact popover — added 2026-07-12 alongside the contact-form feature.
 * Mirrors blocks/newsletter-popover/frontend.css's own panel rules almost
 * exactly (full-viewport takeover via `position: fixed; inset: 0`, native
 * Popover API, no JS needed for show/hide) — kept here rather than in a
 * fourth block directory since the popover only ever appears attached to
 * this block's own `type=contact` trigger button.
 */
#agnosis-contact-popover {
	position: fixed;
	inset: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	overflow-y: auto;
	border: none;
	background: var(--wp--preset--color--background, #fff);
	color: var(--wp--preset--color--foreground, #111);
}

.agnosis-contact-popover__inner {
	max-width: 28rem;
	margin: 0 auto;
	padding: var(--wp--preset--spacing--60, 3rem);
}

.agnosis-contact-popover__title {
	margin: 0 0 var(--wp--preset--spacing--30, 1.5rem);
}

.agnosis-contact-popover__close {
	position: fixed;
	top: var(--wp--preset--spacing--40, 1.5rem);
	right: var(--wp--preset--spacing--40, 1.5rem);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 1px solid var(--wp--preset--color--tertiary, currentColor);
	background: transparent;
	color: var(--wp--preset--color--foreground, currentColor);
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.15s ease, border-color 0.15s ease;
}

.agnosis-contact-popover__close:hover {
	opacity: 1;
	border-color: var(--wp--preset--color--foreground, currentColor);
}