/* Noqta Smart Discounts – consolidated frontend styles */

/* Cart/mini-cart discount badge */
.pxgy-discount-badge {
	display: inline-block;
	background: #4CAF50;
	color: #fff;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 12px;
	margin-left: 5px;
}
.mini_cart_item .pxgy-discount-badge {
	padding: 1px 6px;
	font-size: 11px;
}

/* Role badge system */
:root {
	--badge-fg: #fff;
	--badge-bg: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
	--badge-border: rgba(255, 255, 255, 0.65);
	--badge-shadow: 0 8px 20px rgba(22, 163, 74, 0.35);
	--badge-glow: rgba(52, 211, 153, 0.4);
}
@media (prefers-color-scheme: dark) {
	:root {
		--badge-bg: linear-gradient(135deg, #34d399 0%, #16a34a 100%);
		--badge-border: rgba(255, 255, 255, 0.45);
		--badge-shadow: 0 10px 24px rgba(52, 211, 153, 0.4);
		--badge-glow: rgba(52, 211, 153, 0.6);
	}
}
.products .product,
.single-product div.product { position: relative; }
html[dir="rtl"] .noqta-deal-badge { right: auto; left: 10px; }
.noqta-deal-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 15;
	padding: 1px 8px;
	border-radius: 999px;
	font-size: 13px;
	line-height: 1.8;
	font-weight: 700;
	color: var(--badge-fg);
	background: var(--badge-bg);
	border: 1px solid var(--badge-border);
	box-shadow: var(--badge-shadow), 0 0 20px var(--badge-glow);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	transform: translateY(-4px);
	opacity: 0;
	animation: badge-in 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 200ms forwards;
	pointer-events: none;
	white-space: nowrap;
	overflow: hidden;
	will-change: transform;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
}
.noqta-deal-badge::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
	transform: translateX(-100%);
	animation: badge-shine 2.8s ease-in-out 1.2s infinite;
	pointer-events: none;
}
.noqta-deal-badge::after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	height: 35%;
	background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, transparent 100%);
	border-radius: 999px 999px 0 0;
	pointer-events: none;
}
@keyframes badge-in {
	from { transform: translateY(-6px) scale(0.8); opacity: 0; }
	50% { transform: translateY(1px) scale(1.05); opacity: 0.8; }
	to { transform: translateY(0) scale(1); opacity: 1; }
}
@keyframes badge-shine { to { transform: translateX(100%); } }
.products .product:hover .noqta-deal-badge {
	transform: translateY(-2px) scale(1.05);
	filter: brightness(1.15);
	box-shadow: 0 16px 36px rgba(22, 163, 74, 0.5), 0 0 40px var(--badge-glow);
	transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (prefers-reduced-motion: reduce) {
	.noqta-deal-badge { animation: badge-in 400ms ease-out 200ms forwards; }
	.noqta-deal-badge::before { animation: none; }
	.products .product:hover .noqta-deal-badge { transition: transform 100ms ease; }
}

/* UX helper PDP card styles */
.noqta-offer-card { margin-top: 16px; border-radius: 12px; background: linear-gradient(135deg, #f7fbff, #ffffff); border: 1px solid #e6eef7; box-shadow: 0 6px 18px rgba(20, 60, 120, 0.06); overflow: hidden; animation: noqta-fade-in 300ms ease; }
.noqta-offer-header { display: flex; align-items: center; gap: 10px; padding: 8px 16px; background: #f0f7ff; border-bottom: 1px solid #e6eef7; }
.noqta-offer-badge { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #0ea5e9; color: #fff; font-size: 16px; box-shadow: 0 2px 6px rgba(14, 165, 233, 0.35); }
.noqta-offer-title { font-weight: 700; font-size: 15px; color: #0b3a66; letter-spacing: 0.2px; }
.noqta-offer-sub { margin-left: auto; font-size: 12px; color: #356894; background: #e6f3ff; padding: 4px 8px; border-radius: 999px; }
.noqta-offer-list { list-style: none; margin: 0; padding: 8px 12px 8px; display: grid; gap: 10px; }
.noqta-offer-item { position: relative; padding: 14px 3px 3px 3px; background: #ffffff; border-top: 1px solid #edf3fa; border-radius: 8px; color: #0f2942; line-height: 1.4; transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease; overflow: visible; margin-top: 6px; }
.noqta-offer-item:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(20, 60, 120, 0.08); border-color: #d9e8f8; }
.noqta-offer-cta { display: flex; justify-content: flex-end; padding: 0 16px 14px; gap: 10px; }
.noqta-link-btn { border: 1px solid #d8e8f8; color: #0b3a66; background: #ffffff; padding: 7px 10px; font-size: 12px; border-radius: 8px; cursor: pointer; transition: all 120ms ease; }
.noqta-link-btn:hover { border-color: #b8d6f1; color: #083155; }
.noqta-cta-primary { background: #0ea5e9; color: #fff; border-color: #0ea5e9; box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3); }
.noqta-cta-primary:hover { background: #0891d1; border-color: #0891d1; }
.noqta-offer-item strong, .noqta-offer-item b { color: #0b3a66; }
.noqta-offer-list .noqta-offer-item .price, .noqta-offer-item .amount { color: #0a7cc1; font-weight: 700; }
.noqta-offer-item .highlight { color: #0a7cc1; font-weight: 700; }
.noqta-offer-item .accent { color: #0e7490; font-weight: 600; }
.noqta-hidden { display: none; }
@keyframes noqta-fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.noqta-product-link, .noqta-category-link { color: #0ea5e9; text-decoration: none; font-weight: 600; border-bottom: 1px solid transparent; transition: all 180ms ease; position: relative; }
.noqta-product-link:hover, .noqta-category-link:hover { color: #0891d1; border-bottom-color: #0891d1; text-decoration: none; }
.noqta-product-link:focus, .noqta-category-link:focus { outline: 2px solid #0ea5e9; outline-offset: 2px; border-radius: 3px; }
.noqta-current-item { color: #0b3a66; font-weight: 700; background: linear-gradient(135deg, #f0f7ff, #e6f3ff); padding: 2px 6px; border-radius: 4px; border: 1px solid #d9e8f8; }
.noqta-product-link::after, .noqta-category-link::after { content: "↖"; opacity: 0.6; margin-right: 4px; margin-left: 0; font-size: 12px; transition: opacity 180ms ease; display: inline-block; }
.noqta-product-link:hover::after, .noqta-category-link:hover::after { opacity: 0.9; }
@media (max-width: 768px) { .noqta-offer-list { padding: 0; } }
.noqta-offer-structure { display: flex; align-items: center; gap: 6px; padding: 4px 0; flex-wrap: wrap; margin-top: 2px; }
.noqta-trigger-section { display: flex; align-items: center; gap: 4px; padding: 4px 8px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 4px; font-weight: 500; flex: 1; min-width: 0; }
.noqta-trigger-icon { font-size: 14px; opacity: 0.8; flex-shrink: 0; }
.noqta-trigger-text { color: #1e40af; font-size: 13px; }
.noqta-connector { display: flex; align-items: center; gap: 2px; padding: 0 2px; flex-shrink: 0; }
.noqta-arrow { font-size: 14px; color: #64748b; }
.noqta-connector-text { font-size: 11px; color: #64748b; font-weight: 500; white-space: nowrap; }
.noqta-reward-section { display: flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 4px; font-weight: 600; border: 1px solid; flex: 1; min-width: 0; position: relative; margin-top: 2px; margin-right: 8px; }
.noqta-free-reward { background: linear-gradient(135deg, #ecfdf5, #f0fdf4); border-color: #22c55e; color: #15803d; position: relative; overflow: visible; }
.noqta-discount-reward { background: linear-gradient(135deg, #fffbeb, #fef3c7); border-color: #f59e0b; color: #92400e; }
.noqta-percentage-reward { background: linear-gradient(135deg, #f0fdf4, #dcfce7); border-color: #22c55e; color: #15803d; }
.noqta-amount-reward { background: linear-gradient(135deg, #eff6ff, #dbeafe); border-color: #3b82f6; color: #1d4ed8; }
.noqta-offer-highlight { position: absolute; top: -13px; right: -13px; background: linear-gradient(135deg, #ef4444, #dc2626); color: white; font-size: 9px; font-weight: 800; padding: 2px 6px; border-radius: 8px; box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4); z-index: 10; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.3px; animation: noqta-pulse-highlight 2s infinite; }
.noqta-offer-highlight.free-highlight { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 2px 6px rgba(16, 185, 129, 0.4); }
.noqta-offer-highlight.percentage-highlight { background: linear-gradient(135deg, #22c55e, #16a34a); box-shadow: 0 2px 6px rgba(34, 197, 94, 0.4); }
.noqta-offer-highlight.amount-highlight { background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 2px 6px rgba(59, 130, 246, 0.4); }
@keyframes noqta-pulse-highlight { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
.noqta-main-offer-highlight { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #ef4444, #dc2626); color: white; font-size: 11px; font-weight: 800; padding: 3px 12px; border-radius: 12px; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3); z-index: 5; white-space: nowrap; letter-spacing: 0.2px; }
.noqta-main-offer-highlight.free-banner { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3); }
.noqta-main-offer-highlight.percentage-banner { background: linear-gradient(135deg, #22c55e, #16a34a); box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3); }
.noqta-main-offer-highlight.amount-banner { background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3); }
.noqta-main-offer-highlight::before { content: "🔥"; margin-left: 4px; font-size: 12px; }
.noqta-offer-highlight::before { content: "⚡"; margin-left: 2px; font-size: 7px; }
.noqta-offer-item:hover .noqta-main-offer-highlight { transform: translateX(-50%) scale(1.05); box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4); }
.noqta-offer-item:hover .noqta-offer-highlight { transform: scale(1.1); animation-duration: 1.5s; }
[dir="rtl"] .noqta-offer-highlight { right: auto; left: -13px; }
[dir="rtl"] .noqta-reward-section { margin-right: 0; }
[dir="rtl"] .noqta-main-offer-highlight::before { margin-left: 0; margin-right: 4px; }
[dir="rtl"] .noqta-offer-highlight::before { margin-left: 0; margin-right: 2px; }
[dir="rtl"] .noqta-arrow { transform: scaleX(-1); }
.noqta-free-reward::before { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(135deg, #10b981, #059669); border-radius: 8px; z-index: -1; opacity: 0.3; filter: blur(4px); animation: noqta-glow-pulse 3s ease-in-out infinite; }
@keyframes noqta-glow-pulse { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.6; } }
.noqta-reward-icon { font-size: 14px; flex-shrink: 0; }
.noqta-reward-text { font-size: 13px; }
@media (max-width: 480px) {
	.noqta-offer-structure { flex-direction: column; gap: 6px; align-items: stretch; }
	.noqta-trigger-section, .noqta-reward-section { padding: 6px 8px; flex: none; }
	.noqta-connector { padding: 2px 0; justify-content: center; }
	.noqta-arrow { transform: rotate(90deg); }
	.noqta-trigger-text, .noqta-reward-text { font-size: 12px; }
	.noqta-main-offer-highlight { font-size: 10px; padding: 2px 8px; top: -6px; }
	.noqta-offer-highlight { font-size: 8px; padding: 2px 4px; top: -6px; right: -6px; }
	[dir="rtl"] .noqta-offer-highlight { right: auto; left: -6px; }
	.noqta-offer-item { padding: 12px 8px 6px 28px; margin-top: 4px; }
	.noqta-reward-section { margin-right: 6px; padding: 3px 6px; }
	[dir="rtl"] .noqta-reward-section { margin-right: 0; margin-left: 6px; }
}