/* BossCraw AI wordmark — professional name + badge AI */

.aik-logo {
	--aik-logo-ink: var(--wp--preset--color--contrast, #1a1f26);
	--aik-logo-signal: #c2410c;
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	line-height: 1;
	text-decoration: none;
	vertical-align: middle;
}

.aik-logo__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.aik-logo__word {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	font-family: "IBM Plex Sans", "Noto Sans SC", sans-serif;
	font-weight: 600;
	font-size: 1em;
	letter-spacing: -0.02em;
	line-height: 1.05;
	padding-bottom: 0.16em;
}

.aik-logo__boss {
	color: var(--aik-logo-ink);
}

.aik-logo__craw {
	color: var(--aik-logo-signal);
}

/* Claw-scratch underline across BossCraw */
.aik-logo__word::after {
	content: "";
	position: absolute;
	left: 0.02em;
	right: 0.02em;
	bottom: 0;
	height: 0.12em;
	background: repeating-linear-gradient(
		-20deg,
		var(--aik-logo-signal) 0 0.1em,
		transparent 0.1em 0.26em
	);
	transform: skewX(-12deg);
	opacity: 0.95;
}

/* Circular AI badge */
.aik-logo__ai {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	width: 2.15em;
	height: 2.15em;
	min-width: 2.15em;
	padding: 0;
	border: 1.5px solid var(--aik-logo-ink);
	border-radius: 50%;
	background: var(--aik-logo-ink);
	color: #f8fafc;
	font-family: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
	font-size: 0.56em;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: 2px 2px 0 var(--aik-logo-signal);
}

.wp-block-site-title a {
	text-decoration: none !important;
}

.wp-block-site-title a:hover .aik-logo__craw {
	color: color-mix(in srgb, var(--aik-logo-signal) 82%, #000);
}

.wp-block-site-title a:hover .aik-logo__word::after {
	opacity: 1;
	background: repeating-linear-gradient(
		-16deg,
		color-mix(in srgb, var(--aik-logo-signal) 82%, #000) 0 0.1em,
		transparent 0.1em 0.26em
	);
}

.wp-block-site-title a:hover .aik-logo__ai {
	background: var(--aik-logo-signal);
	border-color: var(--aik-logo-signal);
	box-shadow: 2px 2px 0 color-mix(in srgb, var(--aik-logo-ink) 18%, transparent);
}

.aik-site-header .wp-block-site-title {
	font-size: clamp(1.2rem, 2.2vw, 1.55rem);
}

.aik-site-header .aik-logo {
	gap: 0.45rem;
}

.aik-hero .wp-block-site-title {
	font-size: clamp(2.4rem, 6.2vw, 4rem);
}

.aik-hero .aik-logo {
	gap: 0.72rem;
}

.aik-hero .aik-logo__word {
	letter-spacing: -0.025em;
	padding-bottom: 0.18em;
}

.aik-hero .aik-logo__word::after {
	height: 0.13em;
}

.aik-hero .aik-logo__ai {
	font-size: 0.54em;
	width: 2.2em;
	height: 2.2em;
	min-width: 2.2em;
	box-shadow: 3px 3px 0 var(--aik-logo-signal);
}

.aik-site-header .aik-logo__ai {
	font-size: 0.54em;
	width: 2.05em;
	height: 2.05em;
	min-width: 2.05em;
}

footer .wp-block-site-title .aik-logo__word::after {
	opacity: 0.75;
}

footer .wp-block-site-title .aik-logo__ai {
	font-size: 0.5em;
	box-shadow: 2px 2px 0 var(--aik-logo-signal);
}

@media (prefers-reduced-motion: no-preference) {
	.aik-logo__craw,
	.aik-logo__word::after,
	.aik-logo__ai {
		transition:
			opacity 160ms ease,
			color 160ms ease,
			height 160ms ease,
			background-color 160ms ease,
			border-color 160ms ease,
			box-shadow 160ms ease;
	}
}