/* =========================================================================
   [av_megamenu_product] — featured products column inside the mega menu.
   Variables (--avm-*) are inherited from .av-megamenu (assets/css/parts/header.css).
   ========================================================================= */

.av-mm-feature {
	display: flex;
	flex-direction: column;
}

/* Header row: heading on the left, "Vsi izdelki →" on the right. */
.av-mm-feature__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.av-mm-feature .av-megamenu__heading {
	margin: 0;
}

.av-mm-feature__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--avm-green, #92c096);
	text-decoration: none;
	letter-spacing: 0.01em;
	white-space: nowrap;
	transition: color 0.15s ease;
}
.av-mm-feature__link:hover {
	color: var(--avm-ink, #101828);
}
.av-mm-feature__link:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.91699 7H11.0837' stroke='%2393BD96' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 2.91602L11.0833 6.99935L7 11.0827' stroke='%2393BD96' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	display: inline-block;
	transition: transform 0.2s ease;
}
.av-mm-feature__link:hover:after {
	transform: translateX(3px);
}

/* Product card grid. */
.av-mm-feature__grid {
	display: grid;
	grid-template-columns: repeat(var(--av-mm-cols, 2), minmax(0, 1fr));
	gap: 14px;
}

/* Product card. */
.av-mm-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px 10px 14px;
	background: #fff;
	border: 1px solid var(--avm-line, rgba(0,0,0,0.04));
	border-radius: 14px;
	text-decoration: none;
	color: inherit;
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.av-mm-card:hover {
	transform: translateY(-2px);
	border-color: rgba(0,0,0,0.08);
	box-shadow: 0 10px 22px rgba(16, 24, 40, 0.08);
}

/* Image plate — soft beige background, holds the badge + product image. */
.av-mm-card__media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4ebe1;
	border-radius: 10px;
	aspect-ratio: 1 / 1;
}
.av-mm-card__media .av-mm-card__img,
.av-mm-card__media img {
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: 1 / 1;
    border-radius: 10px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.av-mm-card__media img{
	mix-blend-mode: multiply;
}

/* Badge pill (top-left of the image plate). */
.av-mm-card__badge {
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 4px;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.4;
	color: #fff;
	white-space: nowrap;
}
.av-mm-card__badge--sale  { background: #eeaf53; }   /* AKCIJA — peach */
.av-mm-card__badge--brand { background: #92c096; }   /* brand — green */

/* Product title + price. */
.av-mm-card__name {
	margin-top: 6px;
	padding: 0 4px;
	font-size: 15px;
	font-weight: 600;
	color: var(--avm-ink, #101828);
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.av-mm-card__price {
	padding: 0 4px;
	font-size: 16px;
	font-weight: 700;
	color: var(--avm-ink, #101828);
}
.av-mm-card__price .woocommerce-Price-amount,
.av-mm-card__price bdi {
	font-weight: 700;
}
.av-mm-card__price del {
	margin-right: 6px;
	color: var(--avm-muted, #6a7282);
	font-weight: 500;
	opacity: 0.7;
}
.av-mm-card__price ins {
	text-decoration: none;
}

/* Admin-only empty state. */
.av-mm-feature__empty {
	font-size: 13px;
	color: var(--avm-muted, #6a7282);
}

/* Mobile / narrow viewports — keep two columns until very narrow. */
@media (max-width: 640px) {
	.av-mm-feature__grid {
		ggrid-template-columns: 1fr;
	}
}

.off-canvas-left #main-menu .mobile-menu-menu a.av-mm-card{
	background: #FFF !important;
	align-items: start;
}