/**
 * logo-block – szkielet klas rozmiarów.
 * Uzupełnij wartości zgodnie z projektem.
 */

.logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:inherit;
	margin:  0;
	padding: 0;
	aspect-ratio: unset !important;
	
}
.logo svg * {
  fill: currentColor;
}
.logo svg {
	display: block;
	width:   auto;
	height:   1.5em;
	overflow: visible;
		transition: .4s;
}

.logo .wp-element-caption {
	font-size: 12px;
}

/* ── Warianty rozmiarów ─────────────────────────────────── */

.logo-standard svg {
	max-height: 1em;
	max-width: 3.3em;
}

.logo-icon svg {
	max-height: 1.2em;
	max-width: 4em;
}

.logo-tall svg {
	max-height: 1.5em;
	max-width: 3em;
}

.logo-wide svg {
	max-height: 1em;
}

/* ── Stan ładowania w edytorze ──────────────────────────── */

.logo-block__loading {
	display:     block;
	padding:     1rem;
	font-size:   0.75rem;
	color:       #888;
	line-height: 1;
}

/* ── Link popover ───────────────────────────────────────── */

.logo-block-link-popover__inner {
	display:     flex;
	align-items: center;
	gap:         4px;
	padding:     8px;
	min-width:   280px;
}

.logo-block-link-popover__inner .block-editor-url-input {
	flex: 1;
}