/**
 * Category icons in the header nav band — stacked ABOVE each category label.
 * Labels stay on one baseline (align-items:flex-end) so the icons rise above and
 * the icon-less "Mağaza" item lines up with the rest. Icons inherit the link
 * colour, so they follow the menu's existing hover/active states.
 *
 * Selectors carry the `.at-header__nav` ancestor so they outrank header.css's
 * `.at-header__menu a { display: inline-block }` regardless of load order.
 *
 * @package Atolyeman
 */

.at-header__nav .at-header__menu {
	align-items: flex-end;
}

.at-header__nav .at-header__menu a {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.at-header__nav .at-header__menu .at-navicon {
	display: inline-flex;
	margin: 0;
	color: inherit;
}

.at-header__nav .at-header__menu .at-navicon__svg {
	width: 18px;
	height: 18px;
}