/*
 * WM Horizontal Menu for OpenCart 3.x
 * Author: WM group
 * Version: 1.0.1
 */
.wm-horizontal-menu { display: none !important; }

@media (min-width: 992px) {
	.wm-horizontal-menu {
		display: block !important;
		position: relative;
		z-index: 115;
		width: 100%;
		min-width: 0;
		border-top: 1px solid var(--wm-hm-border, #e5e7eb);
		border-bottom: 1px solid var(--wm-hm-border, #e5e7eb);
		background: var(--wm-hm-bg, #fff);
		color: var(--wm-hm-text, #344054);
		box-sizing: border-box;
	}
	.wm-horizontal-menu *,
	.wm-horizontal-menu *::before,
	.wm-horizontal-menu *::after { box-sizing: border-box; }
	.wm-horizontal-menu__inner {
		width: 100%;
		max-width: var(--wm-hm-max-width, 1440px);
		margin: 0 auto;
		padding: 0 12px;
		overflow: hidden;
	}
	.wm-horizontal-menu__list {
		display: flex;
		align-items: stretch;
		gap: 2px;
		min-height: var(--wm-hm-height, 52px);
		margin: 0;
		padding: 0;
		list-style: none;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.wm-horizontal-menu__list::-webkit-scrollbar { display: none; }
	.wm-horizontal-menu__list--left { justify-content: flex-start; }
	.wm-horizontal-menu__list--center { justify-content: center; }
	.wm-horizontal-menu__list--right { justify-content: flex-end; }
	.wm-horizontal-menu__item { display: flex; flex: 0 0 auto; margin: 0; padding: 0; }
	.wm-horizontal-menu__item a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		min-height: var(--wm-hm-height, 52px);
		padding: 0 14px;
		color: var(--wm-hm-text, #344054);
		font-size: var(--wm-hm-font-size, 13px);
		font-weight: var(--wm-hm-font-weight, 600);
		line-height: 1.2;
		text-align: center;
		text-decoration: none !important;
		white-space: nowrap;
		transition: color .18s ease, background-color .18s ease;
	}
	.wm-horizontal-menu--uppercase .wm-horizontal-menu__item a { text-transform: uppercase; letter-spacing: .015em; }
	.wm-horizontal-menu__item a::after {
		content: '';
		position: absolute;
		right: 14px;
		bottom: 0;
		left: 14px;
		height: 2px;
		border-radius: 2px 2px 0 0;
		background: currentColor;
		transform: scaleX(0);
		transform-origin: center;
		transition: transform .18s ease;
	}
	.wm-horizontal-menu__item a:hover,
	.wm-horizontal-menu__item a:focus-visible {
		background: rgba(127, 127, 127, .07);
		color: var(--wm-hm-hover, #0b57d0);
		outline: none;
	}
	.wm-horizontal-menu__item a:hover::after,
	.wm-horizontal-menu__item a:focus-visible::after,
	.wm-horizontal-menu__item.is-active a::after { transform: scaleX(1); }
	.wm-horizontal-menu__item.is-active a { color: var(--wm-hm-active, #0b57d0); }
}

@media (max-width: 991px) {
	.wm-horizontal-menu { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
	.wm-horizontal-menu__item a,
	.wm-horizontal-menu__item a::after { transition: none; }
}