/**
 * Header layout presets — layout tweaks & entrance motion.
 */

/* Entrance animation when a preset is active */
@keyframes tekton-hpreset-enter {
	from {
		opacity: 0;
		transform: translateY(-12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

body[class*="tekton-header-preset-"]:not(.tekton-header-preset-custom) .tekton-site-header {
	animation: tekton-hpreset-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* Centered — stack logo + menu in the middle */
body.tekton-header-preset-centered .site-header-sub-row.site-header-main-primary .site-header-row-inner {
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 20px;
}

body.tekton-header-preset-centered .site-header-section-center {
	flex: 1 1 100%;
	justify-content: center;
}

/* Split — balanced sides around center logo */
body.tekton-header-preset-split .site-header-sub-row.site-header-main-primary .site-header-row-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 12px;
}

body.tekton-header-preset-split .site-header-section-left {
	justify-content: flex-end;
}

body.tekton-header-preset-split .site-header-section-right {
	justify-content: flex-start;
}

/* Medium tall — breathing room between logo row and menu row */
body.tekton-header-preset-medium .site-header-sub-row.site-header-main-primary {
	padding-bottom: 4px;
}

body.tekton-header-preset-medium .site-header-sub-row.site-header-bottom .site-header-row-inner {
	justify-content: center;
}

/* Top bar — subtle separation */
body.tekton-header-preset-top-bar .site-header-sub-row.site-header-top {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	font-size: 0.875rem;
}

body.tekton-header-preset-top-bar .site-header-sub-row.site-header-top .site-header-row-inner {
	min-height: 36px !important;
}

/* Shop — emphasize search */
body.tekton-header-preset-shop .site-header-section-center {
	flex: 1 1 auto;
	justify-content: center;
	max-width: 480px;
	margin: 0 auto;
}

body.tekton-header-preset-shop .tekton-search-item {
	width: 100%;
	max-width: 420px;
}

/* Minimal / transparent — lighter bar */
body.tekton-header-preset-minimal .site-header-sub-row.site-header-main-primary .site-header-row-inner,
body.tekton-header-preset-transparent .site-header-sub-row.site-header-main-primary .site-header-row-inner {
	min-height: 56px !important;
}

/* Vertical sidebar preset handled by tekton_header_style vertical */

/* Magazine — compact top bar */
body.tekton-header-preset-magazine .site-header-sub-row.site-header-top .site-header-row-inner {
	min-height: 32px !important;
	font-size: 0.8125rem;
}

body.tekton-header-preset-magazine .site-header-sub-row.site-header-main-primary .site-header-section-center {
	flex: 1 1 auto;
	justify-content: center;
}

/* Corporate — centered logo, menu in bottom row */
body.tekton-header-preset-corporate .site-header-sub-row.site-header-main-primary .site-header-row-inner {
	justify-content: center;
}

body.tekton-header-preset-corporate .site-header-section-center {
	flex: 1 1 100%;
	justify-content: center;
}

body.tekton-header-preset-corporate .site-header-sub-row.site-header-bottom .site-header-row-inner {
	justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
	body[class*="tekton-header-preset-"] .tekton-site-header {
		animation: none;
	}
}