/* =========================================================
   HEADER.CSS - Logo, ana menü, favoriler, arama kutusu
   ========================================================= */

.site-header {
	background: var(--color-surface);
	box-shadow: var(--shadow-sm);
	position: sticky;
	top: 0;
	z-index: 100;
}

.site-branding-row {
	display: flex;
	align-items: center;
	gap: var(--space-lg);
	height: var(--header-height);
}

.site-logo {
	flex-shrink: 0;
}

.site-logo img {
	max-height: 44px;
	width: auto;
}

.site-title-link {
	font-size: var(--fs-lg);
	font-weight: 800;
	color: var(--color-primary);
}

.header-actions {
	display: flex;
	align-items: center;
	gap: var(--space-md);
	margin-left: auto;
}

.favorites-link {
	display: flex;
	align-items: center;
	gap: var(--space-xs);
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--color-text);
	padding: var(--space-sm) var(--space-md);
	border-radius: var(--radius-sm);
	transition: background var(--transition-base);
}

.favorites-link:hover {
	background: var(--color-primary-light);
	color: var(--color-primary);
}

.header-search .search-form {
	display: flex;
	align-items: center;
	background: var(--color-bg);
	border: 1px solid var(--color-border);
	border-radius: 999px;
	padding: 0.35rem 0.35rem 0.35rem var(--space-md);
}

.header-search .search-field {
	background: transparent;
	min-width: 160px;
	font-size: var(--fs-sm);
}

.header-search .search-submit {
	background: var(--color-primary);
	color: var(--color-text-inverse);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.03em;
	padding: 0.45rem var(--space-md);
	border-radius: 999px;
	transition: background var(--transition-base);
}

.header-search .search-submit:hover {
	background: var(--color-primary-dark);
}