/* Header tweaks — loaded by inc/header.php. */

:root {
	--kp-offers-red: #d92d20;
	--kp-offers-red-deep: #b42318;
	--kp-offers-chip-bg: #fee4e2;
	--kp-offers-chip-border: #fecdca;
}

/* ---------- Offers link: red text + discount chip ---------- */

.kp-offers > a,
.kp-offers > a:hover,
.kp-offers.current-menu-item > a {
	color: var(--kp-offers-red) !important;
}

.kp-offers .nav-link-text {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.kp-offers__chip {
	padding: 3px 8px;
	border: 1px solid var(--kp-offers-chip-border);
	border-radius: 999px;
	background: var(--kp-offers-chip-bg);
	color: var(--kp-offers-red-deep);
	font-size: 11.5px;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
	transition: background .2s, color .2s, border-color .2s;
}

.kp-offers > a:hover .kp-offers__chip {
	border-color: var(--kp-offers-red);
	background: var(--kp-offers-red);
	color: #fff;
}

/* ---------- Category row: one step quieter than the main row ---------- */

.whb-header-bottom {
	--wd-header-el-font-size: 16px;   /* same size as the main row; medium weight keeps it a step below */
	--wd-header-el-font-weight: 600;  /* semi-bold; main row is bold (700) */
}

.whb-header-bottom .wd-nav-header > li > a {
	color: #1a1a1a;
	letter-spacing: .01em;
}

.whb-header-bottom .wd-nav-header > li > a:hover,
.whb-header-bottom .wd-nav-header > li.current-menu-item > a {
	color: var(--wd-primary-color, #216837);
}

/* ---------- Search bar: soft border, darker on hover, green glow while typing ---------- */

.whb-header .searchform input.s {
	border-color: #d9e3db;
	box-shadow: 0 1px 3px rgba(33, 104, 55, .06);
	transition: border-color .25s, box-shadow .25s;
}

.whb-header .searchform:hover input.s {
	border-color: #b9cfbf;
	box-shadow: 0 2px 8px rgba(33, 104, 55, .08);
}

.whb-header .searchform input.s:focus {
	border-color: var(--wd-primary-color, #216837);
	box-shadow: 0 0 0 4px rgba(33, 104, 55, .12), 0 2px 8px rgba(33, 104, 55, .08);
	outline: none;
}
