/* =====================================================
   سوییچ دو حالته‌ی «فروشگاه / تنقلات»
   فقط در نسخه‌ی موبایل نمایش داده می‌شود، درست زیر هدر.
   سایت انگار دو مود دارد: حالت عادی فروشگاه و حالت تنقلات.
   ===================================================== */

.ik-quickbar {
	display: none;
	background: var(--ik-bg-card);
	border-bottom: 1px solid var(--ik-border-light);
	padding: 10px 16px 12px;
}

.ik-quickbar-toggle {
	display: flex;
	align-items: stretch;
	gap: 4px;
	background: var(--ik-bg-section, #F2F2F2);
	border-radius: var(--ik-radius-full, 999px);
	padding: 4px;
}

.ik-quickbar-toggle-item {
	flex: 1 1 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 8px;
	border-radius: var(--ik-radius-full, 999px);
	text-decoration: none;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--ik-text-muted);
	transition: var(--ik-transition, all .2s ease);
	white-space: nowrap;
}

.ik-quickbar-toggle-emoji {
	font-size: 17px;
	line-height: 1;
}

.ik-quickbar-toggle-item:active {
	transform: scale(0.97);
}

/* حالت فعال «فروشگاه» - رنگ اصلی برند */
.ik-quickbar-toggle-shop.is-active {
	background: var(--ik-primary);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
}

/* حالت فعال «تنقلات» - رنگین‌کمانی و آبنباتی */
.ik-quickbar-toggle-candy.is-active {
	background: conic-gradient(from 180deg, #FF7EB3, #FFD36E, #7EE8A6, #6EC6FF, #C48CFF, #FF7EB3);
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 14px rgba(255, 110, 170, 0.4);
	animation: ik-candy-toggle-pulse 2.6s ease-in-out infinite;
}

@keyframes ik-candy-toggle-pulse {
	0%, 100% { transform: scale(1); }
	50%      { transform: scale(1.03); }
}

@media (max-width: 768px) {
	.ik-quickbar {
		display: block;
	}
}

/* =====================================================
   لینک رنگی «تنقلات» کنار منوی دسته‌بندی‌ها - فقط دسکتاپ
   (نسخه‌ی موبایل معادلش همان سوییچ بالای صفحه است)
   ===================================================== */
.ik-nav-candy-link {
	display: none;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	margin: 8px 2px;
	padding: 0 16px;
	border-radius: var(--ik-radius-full, 999px);
	font-size: 0.85rem;
	font-weight: 700;
	white-space: nowrap;
	color: var(--ik-primary, #FF5FA2);
	background: var(--ik-bg-section, #FFF1F8);
	border: 1.5px dashed var(--ik-primary, #FF5FA2);
	transition: var(--ik-transition, all .2s ease);
}

.ik-nav-candy-link:hover {
	background: #FFE7F2;
}

.ik-nav-candy-emoji {
	font-size: 16px;
	line-height: 1;
}

/* وقتی واقعاً در مود تنقلات هستیم (آرشیو یا صفحه‌ی محصول ترش و شیرین) */
.ik-nav-candy-link.is-active {
	border-style: solid;
	border-color: transparent;
	background: conic-gradient(from 180deg, #FF7EB3, #FFD36E, #7EE8A6, #6EC6FF, #C48CFF, #FF7EB3);
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 14px rgba(255, 110, 170, 0.4);
	animation: ik-candy-toggle-pulse 2.6s ease-in-out infinite;
}

@media (min-width: 769px) {
	.ik-nav-candy-link {
		display: flex;
	}
}