/**
 * sl-footer-brand widget stilleri. Bağımlılık: eloria-tokens.
 */

.sl-fbrand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--sl-space-2);
}

.sl-fbrand__logo {
	display: inline-block;
	text-decoration: none;
	line-height: 0;
}

.sl-fbrand__logo img {
	height: auto;
	max-width: 100%;
}

.sl-fbrand__name {
	font-family: var(--sl-font-display);
	font-size: 1.75rem;
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: var(--sl-ink);
}

.sl-fbrand__text {
	margin: 0;
	max-width: 34ch;
	font-family: var(--sl-font-body);
	font-size: 0.9375rem;
	line-height: 1.7;
	color: var(--sl-ash);
}

.sl-fbrand__socials {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: var(--sl-space-1);
	margin: 0;
	padding: 0;
}

.sl-fbrand__socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--sl-line);
	border-radius: 50%;
	color: var(--sl-ink);
	transition:
		color var(--sl-link-duration) var(--sl-ease),
		border-color var(--sl-link-duration) var(--sl-ease);
}

.sl-fbrand__socials a:hover {
	color: var(--sl-ember);
	border-color: var(--sl-ember);
}