/*
 * Header icons — dedicated CSS dla SVG ikon nagłówka (menu / search / account / wishlist / cart).
 *
 * IMMUTABLE — nie modyfikuj bez ostrożności. Per user mandate 2026-05-28:
 * "powinny byc style wydzielone css na ta ikonke i juz powinno nie zostac dotkniete".
 *
 * NIE używa Material Symbols ani Font Awesome (per memory feedback_no_emoji_icons_use_bg_images +
 * feedback_wp_builder_default_stack — wszystko inline SVG, vanilla CSS).
 *
 * Scope: globalny (nie zależny od body class). High specificity + !important żeby
 * uniknąć regresji przy zmianach scopów body (home / archive / single-product).
 */

.gk-header .gk-header__icon-svg {
	width: 24px !important;
	height: 24px !important;
	display: block !important;
	flex-shrink: 0 !important;
	color: inherit !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	pointer-events: none !important;
}

/* Specific size overrides per icon role */
.gk-header .gk-header__icon-svg--menu {
	width: 26px !important;
	height: 26px !important;
}
.gk-header .gk-header__icon-svg--account {
	width: 22px !important;
	height: 22px !important;
}
.gk-header .gk-header__icon-svg--arrow {
	width: 16px !important;
	height: 16px !important;
}

/* Cart/wishlist count badge — solid bg żeby było widoczne na każdym tle */
.gk-header .gk-header__cart-badge,
.gk-header .gk-header__wishlist-badge {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #5DA935;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

/* Icon button wrapper — ensure SVG never clipped */
.gk-header .gk-header__icon {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	height: 40px;
	background: transparent;
	border: 0;
	color: #1F3D14;
	cursor: pointer;
	border-radius: 999px;
	transition: background .2s ease, color .2s ease;
	padding: 0;
}
.gk-header .gk-header__icon:hover {
	background: #FAF8F4;
	color: #5DA935;
}

/* Mobile toggle (hamburger) */
.gk-header .gk-header__mobile-toggle {
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 8px;
	color: #1F3D14;
	display: none; /* shown via media query w shop-archive.css / home.css */
}

/* Account inline label + icon */
.gk-header .gk-header__account-icon {
	color: #1F3D14;
}

/* Floating cart FAB — styles w `assets/css/components/floating-cart.css` (osobny immutable plik). */