/* Header styles (moved from inline styles in header.php) */

.nco-site-header{
	background:#fff;
	border-bottom:1px solid #ddd;
	padding:18px 0;
}

.nco-header-inner{
	width:1200px;
	max-width:95%;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
}

.nco-brand{
	display:inline-flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
}

.nco-brand-title{
	font-weight:800;
	color:#111;
	font-size:18px;
	line-height:1;
}

.nco-nav{
	display:flex;
	gap:20px;
	font-size:14px;
}

.nco-nav a{
	text-decoration:none;
	font-weight:600;
	color:#222;
	white-space:nowrap;
}

.nco-nav a:hover{opacity:.85}

.nco-header-search{
	flex:1;
	display:flex;
	justify-content:center;
}

.nco-search-form{
	display:flex;
	align-items:center;
	border:1px solid #bbb;
	border-radius:40px;
	overflow:hidden;
	width:100%;
	max-width:300px;
	height:36px;
	background:transparent;
}

.nco-search-icon{
	width:38px;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#222;
	font-size:13px;
}

.nco-search-input{
	border:none;
	padding:0 12px;
	outline:none;
	font-size:13px;
	background:transparent;
	flex:1;
	height:100%;
}

.nco-header-actions{
	display:flex;
	gap:25px;
	align-items:center;
	font-size:15px;
}

.nco-action-link{
	display:flex;
	align-items:center;
	gap:8px;
	text-decoration:none;
	color:#222;
	font-weight:600;
	white-space:nowrap;
}

.nco-cart-icon{
	position:relative;
	display:inline-flex;
	align-items:center;
}

.nco-cart-count{
	position:absolute;
	top:-10px;
	right:-12px;
	background:#111;
	color:#fff;
	font-size:11px;
	min-width:18px;
	height:18px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
}

@media (max-width: 1092px){
	.nco-header-inner{flex-wrap:wrap;gap:10px;padding:10px 0}

	.nco-brand{order:1}
	.nco-nav{display:none}
	.nco-header-search{order:3;width:100%;max-width:100%}
	.nco-search-form{max-width:100%}

	/* Actions: icons stay visible, labels hide, but keep it chunky */
	.nco-header-actions{
		order:2;
		margin-left:auto;
		gap:6px;
		font-size:15px;
	}
	.nco-action-link{
		gap:0;
		padding:8px 12px;
		border-radius:12px;
		background:rgba(0,0,0,.04);
		border:1px solid rgba(0,0,0,.08);
		font-size:18px;
		color:#111;
		transition:background .15s ease;
	}
	.nco-action-link:hover{
		background:rgba(0,0,0,.08);
	}
	/* Hide text labels, keep icon spans */
	.nco-action-link > span:not(.nco-cart-icon),
	.nco-action-link > span:not(.nco-cart-icon):not(.nco-cart-count){
		display:none;
	}
	/* Keep the cart icon wrapper visible */
	.nco-action-link .nco-cart-icon{
		display:inline-flex;
	}
	.nco-cart-count{
		top:-8px;
		right:-10px;
		min-width:17px;
		height:17px;
		font-size:10px;
	}

	.nco-site-header{overflow:hidden}
}

/* ── Small phones: search below actions ── */
@media (max-width: 480px){
	.nco-header-inner{
		gap:8px;
	}
	.nco-brand{
		order:1;
		flex:1 1 0;
		min-width:0;
	}
	.nco-header-actions{
		order:2;
		flex:0 0 auto;
		margin-left:auto;
		gap:4px;
	}
	.nco-header-search{
		order:3;
		flex:0 0 100%;
		width:100%;
		max-width:100%;
	}
	.nco-search-form{
		max-width:100%;
	}
	.nco-action-link{
		padding:6px 10px;
		font-size:16px;
	}
}