/* shop theme — wholesale: white bg + black text/controls. Lab theme untouched. */
body.is-shop-theme {
	--white: #ffffff;
	--gold: #111111;
	--gold-muted: rgba(17, 17, 17, 0.78);
	--text-muted: rgba(17, 17, 17, 0.72);
	--line: rgba(17, 17, 17, 0.22);
	--search-fill: #ffffff;
	--search-fill-focus: #f5f5f5;
	--cart: #00a35c;
	--cart-bright: #00c46e;
	--cart-ink: #ffffff;
	color: #111111;
	background: #ffffff;
}

body.is-shop-theme::before,
body.is-shop-theme::after {
	display: none !important;
	content: none !important;
	background: none !important;
}

body.is-shop-theme .site {
	background: #ffffff;
	color: #111111;
}

body.is-shop-theme .available-card,
body.is-shop-theme .available-card:hover,
body.is-shop-theme .available-card.is-opts-open {
	background: #ffffff;
	border-color: rgba(17, 17, 17, 0.18);
}

body.is-shop-theme .available-media,
body.is-shop-theme .available-media.is-empty {
	background: #ffffff;
}

/* Header / nav / brand */
body.is-shop-theme .brand-name,
body.is-shop-theme .brand-tag,
body.is-shop-theme .nav a,
body.is-shop-theme .menu-toggle,
body.is-shop-theme .cart-toggle,
body.is-shop-theme .menu-close,
body.is-shop-theme .menu-label,
body.is-shop-theme .available-title {
	color: #111111 !important;
	text-shadow: none !important;
	box-shadow: none;
}

body.is-shop-theme .brand-tag {
	opacity: 0.7;
}

body.is-shop-theme .menu-toggle,
body.is-shop-theme .cart-toggle,
body.is-shop-theme .menu-close,
body.is-shop-theme .lang-switch a,
body.is-shop-theme .lang-switch-toggle {
	border-color: rgba(17, 17, 17, 0.28) !important;
	background: #ffffff;
	color: #111111 !important;
}

body.is-shop-theme .lang-switch a.is-on,
body.is-shop-theme .lang-switch-toggle.is-on,
body.is-shop-theme .nav a:hover,
body.is-shop-theme .menu-toggle:hover,
body.is-shop-theme .cart-toggle:hover {
	border-color: #111111 !important;
	color: #111111 !important;
}

/* Cart drawer — readable on shop white theme */
body.is-shop-theme .cart-panel {
	background: #ffffff;
	border-left: 1px solid rgba(17, 17, 17, 0.18);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	color: #111111;
}

body.is-shop-theme .cart-head,
body.is-shop-theme .cart-foot {
	border-color: rgba(17, 17, 17, 0.14);
}

body.is-shop-theme .cart-title,
body.is-shop-theme .cart-row-info strong,
body.is-shop-theme .cart-row-price,
body.is-shop-theme .cart-total,
body.is-shop-theme .cart-ship,
body.is-shop-theme .cart-remove {
	color: #111111 !important;
	text-shadow: none !important;
}

body.is-shop-theme .cart-row-info span,
body.is-shop-theme .cart-empty,
body.is-shop-theme .cart-ship {
	color: rgba(17, 17, 17, 0.7) !important;
}

body.is-shop-theme .cart-close,
body.is-shop-theme .cart-empty-btn,
body.is-shop-theme .cart-qty-btn {
	border-color: rgba(17, 17, 17, 0.28) !important;
	background: #ffffff !important;
	color: #111111 !important;
}

body.is-shop-theme .cart-close:hover,
body.is-shop-theme .cart-empty-btn:hover,
body.is-shop-theme .cart-qty-btn:hover:not(:disabled) {
	border-color: #111111 !important;
	color: #111111 !important;
}

body.is-shop-theme .cart-qty-val {
	color: #111111 !important;
}

body.is-shop-theme .cart-row {
	border-bottom-color: rgba(17, 17, 17, 0.12);
}

body.is-shop-theme .cart-row-media {
	background: #f5f5f5;
	border-color: rgba(17, 17, 17, 0.18);
}

body.is-shop-theme .cart-remove:hover {
	color: #c44b4b !important;
}

body.is-shop-theme .cart-row-info .kog-price-old {
	color: rgba(17, 17, 17, 0.42) !important;
}

body.is-shop-theme .search-error {
	border-color: rgba(180, 40, 40, 0.35);
	background: rgba(180, 40, 40, 0.08);
	color: #8b1e1e;
}

/* Search / filters / pager */
body.is-shop-theme .available-search-bar input[type="search"],
body.is-shop-theme .available-filters select,
body.is-shop-theme .available-search-btn,
body.is-shop-theme .available-filter-toggle,
body.is-shop-theme .available-scope-btn,
body.is-shop-theme .available-page-btn,
body.is-shop-theme .btn-ghost {
	border-color: rgba(17, 17, 17, 0.28) !important;
	background: #ffffff !important;
	color: #111111 !important;
	text-shadow: none !important;
}

body.is-shop-theme .available-search-bar input[type="search"]::placeholder {
	color: rgba(17, 17, 17, 0.45);
}

body.is-shop-theme .available-filters label,
body.is-shop-theme .available-empty,
body.is-shop-theme .available-search-suggest,
body.is-shop-theme .available-page-gap,
body.is-shop-theme .available-page-info,
body.is-shop-theme .footer,
body.is-shop-theme .footer a {
	color: rgba(17, 17, 17, 0.78) !important;
}

body.is-shop-theme .footer a {
	color: #111111 !important;
}

body.is-shop-theme .available-scope-btn.is-on,
body.is-shop-theme .available-scope-btn:hover,
body.is-shop-theme .available-page-btn.is-on,
body.is-shop-theme .available-page-btn:hover:not(:disabled),
body.is-shop-theme .available-search-btn:hover,
body.is-shop-theme .available-filter-toggle:hover,
body.is-shop-theme .btn-ghost:hover {
	border-color: #111111 !important;
	color: #111111 !important;
	background: #ffffff !important;
}

body.is-shop-theme .available-filter-toggle[aria-expanded="true"] {
	background: #111111 !important;
	color: #ffffff !important;
	border-color: #111111 !important;
}

/* Product card text */
body.is-shop-theme .available-body h3,
body.is-shop-theme .available-id,
body.is-shop-theme .available-meta,
body.is-shop-theme .available-price,
body.is-shop-theme .available-trust,
body.is-shop-theme .weight-toggle,
body.is-shop-theme .available-edit,
body.is-shop-theme .available-card-sheet-view {
	color: #111111 !important;
	text-shadow: none !important;
}

body.is-shop-theme .available-meta,
body.is-shop-theme .available-trust {
	color: rgba(17, 17, 17, 0.7) !important;
}

/* Prices: big black current; strikethrough old on its own line */
body.is-shop-theme .available-body > .kog-price-wrap,
body.is-shop-theme .available-body .kog-price-wrap {
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 0.12rem;
	max-width: 100%;
}

body.is-shop-theme .available-body .kog-price-wrap .kog-price,
body.is-shop-theme .available-body .kog-price-wrap button.kog-price,
body.is-shop-theme .available-body .kog-price-wrap .available-price {
	white-space: normal;
	max-width: 100%;
	line-height: 1.25;
}

body.is-shop-theme .available-body .available-price,
body.is-shop-theme .available-body .kog-price-sale,
body.is-shop-theme .available-body button.available-price,
body.is-shop-theme .available-body > button.kog-price {
	color: #111111 !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	margin: 0.15rem 0 0 !important;
}

body.is-shop-theme .available-body .kog-price-old,
body.is-shop-theme .available-body button.kog-price-old {
	color: rgba(17, 17, 17, 0.42) !important;
	font-size: 0.72rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	text-decoration: line-through !important;
	order: -1;
}

body.is-shop-theme .available-edit {
	border-color: rgba(17, 17, 17, 0.35) !important;
	background: transparent !important;
}

body.is-shop-theme .available-edit:hover {
	border-color: #111111 !important;
	color: #111111 !important;
}

/* Compare button on cards — hidden on wholesale shop */
body.is-shop-theme .available-compare {
	display: none !important;
}

body.is-shop-theme .available-actions {
	grid-template-columns: 1fr;
}

body.is-shop-theme .available-actions.has-share {
	grid-template-columns: 3fr 1fr;
}

body.is-shop-theme .available-actions .available-share-btn {
	border-color: rgba(17, 17, 17, 0.28);
	color: #111111;
}

body.is-shop-theme .available-actions .available-share-btn:hover {
	border-color: #111111;
	color: #111111;
}

/* Wishlist on shop cards: dark diamond on solid white corner square */
body.is-shop-theme .available-media .available-wish-wrap,
body.is-shop-theme .available-wish-wrap {
	background: #fff;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-radius: 0;
	box-shadow: none;
}

body.is-shop-theme .available-media .available-wish-wrap .wish-btn,
body.is-shop-theme .available-wish-wrap .wish-btn {
	color: #111111 !important;
	filter: none;
}

body.is-shop-theme .available-media .available-wish-wrap .wish-btn:hover,
body.is-shop-theme .available-media .available-wish-wrap .wish-btn.is-wish-flash,
body.is-shop-theme .available-wish-wrap .wish-btn:hover,
body.is-shop-theme .available-wish-wrap .wish-btn.is-wish-flash {
	color: #111111 !important;
}
body.is-shop-theme .available-media .available-wish-wrap .wish-btn.is-wished,
body.is-shop-theme .available-wish-wrap .wish-btn.is-wished {
	color: #d32f2f !important;
}

/* Other wishlist buttons (product page text btn) stay dark on white UI */
body.is-shop-theme .product-info .wish-btn,
body.is-shop-theme .product-wish {
	color: #111111 !important;
	filter: none;
}

body.is-shop-theme .product-info .wish-btn:hover,
body.is-shop-theme .product-wish:hover {
	color: #111111 !important;
}
body.is-shop-theme .product-info .wish-btn.is-wished,
body.is-shop-theme .product-wish.is-wished {
	color: #d32f2f !important;
}

/* Badges readable on white / photo */
body.is-shop-theme .cert-included-badge.is-online {
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(17, 17, 17, 0.35);
	color: #111111;
	text-shadow: none;
}

body.is-shop-theme .stock-badge {
	background: rgba(17, 17, 17, 0.82);
	border-color: transparent;
	color: #ffffff;
}

/* Options on cards: bottom panel only — no dark fade over the photo */
body.is-shop-theme .available-card-sheet {
	inset: auto 0 0 0;
	top: auto;
	justify-content: flex-start;
	padding: 0.55rem 0.65rem 0.65rem;
	background: #ffffff;
	border-top: 1px solid rgba(17, 17, 17, 0.14);
	box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.08);
	color: #111111;
	overflow: visible;
}

body.is-shop-theme .available-card-sheet-close {
	display: none !important;
}

body.is-shop-theme .available-card-sheet-body,
body.is-shop-theme .available-card-sheet .product-ring-field,
body.is-shop-theme .available-card-sheet .product-ring-static,
body.is-shop-theme .available-card-sheet .product-ring-hint {
	color: #111111 !important;
}

body.is-shop-theme .available-card-sheet .product-ring-field select {
	background: #ffffff !important;
	color: #111111 !important;
	border-color: rgba(17, 17, 17, 0.28) !important;
}

body.is-shop-theme .available-card.is-opts-open > .available-actions {
	visibility: hidden;
}

/* Option preview marquee */
body.is-shop-theme .available-opts-marquee {
	overflow: hidden;
	margin: 0.32rem 0 0.08rem;
	direction: ltr;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

body.is-shop-theme .available-opts-marquee-track {
	display: flex;
	width: max-content;
	gap: 0;
	animation: shop-opts-marquee 18s linear infinite;
	will-change: transform;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* EN: moves right → left; AR: left → right */
html[lang="ar"] body.is-shop-theme .available-opts-marquee-track {
	animation-direction: reverse;
}

body.is-shop-theme .available-opts-marquee:hover .available-opts-marquee-track,
body.is-shop-theme .available-card:hover .available-opts-marquee-track {
	animation-play-state: paused;
}

body.is-shop-theme .available-opts-marquee-track span {
	flex: 0 0 auto;
	font-size: 11px;
	line-height: 1.25;
	letter-spacing: 0.02em;
	color: rgba(17, 17, 17, 0.72);
	white-space: nowrap;
	padding-inline-end: 0.15rem;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

@keyframes shop-opts-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	body.is-shop-theme .available-opts-marquee-track {
		animation: none;
		transform: none;
	}
	body.is-shop-theme .available-opts-marquee-track span:last-child {
		display: none;
	}
}

@media (max-width: 768px) {
	body.is-shop-theme .nav {
		background: #ffffff;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		box-shadow: none;
	}

	body.is-shop-theme .nav a {
		color: #111111 !important;
		border-bottom-color: rgba(17, 17, 17, 0.12);
	}
}


/* Product page */
body.is-shop-theme .product-page,
body.is-shop-theme .product-inner {
	color: #111111;
}

body.is-shop-theme .product-card {
	background: #ffffff;
	border-color: rgba(17, 17, 17, 0.18);
	box-shadow: none;
}

body.is-shop-theme .product-back a,
body.is-shop-theme .product-info h1,
body.is-shop-theme .product-cat,
body.is-shop-theme .product-info .available-id,
body.is-shop-theme .product-info .available-meta,
body.is-shop-theme .product-info .available-price,
body.is-shop-theme .product-notes,
body.is-shop-theme .product-related-title,
body.is-shop-theme .product-related-name,
body.is-shop-theme .product-related-price,
body.is-shop-theme .product-ring-field,
body.is-shop-theme .product-ring-static,
body.is-shop-theme .product-ring-hint {
	color: #111111 !important;
	text-shadow: none !important;
}

body.is-shop-theme .product-cat,
body.is-shop-theme .product-info .available-id,
body.is-shop-theme .product-info .available-meta,
body.is-shop-theme .product-ring-hint,
body.is-shop-theme .product-notes {
	color: rgba(17, 17, 17, 0.7) !important;
}

body.is-shop-theme .product-photos,
body.is-shop-theme .product-photo-main-btn,
body.is-shop-theme .available-media.is-empty {
	background: #ffffff;
	border-color: rgba(17, 17, 17, 0.18);
}

body.is-shop-theme .product-photo-thumb {
	border-color: rgba(17, 17, 17, 0.22);
	background: #ffffff;
}

body.is-shop-theme .product-photo-thumb.is-on,
body.is-shop-theme .product-photo-thumb:hover {
	border-color: #111111;
}

body.is-shop-theme .product-ring-field select {
	border-color: rgba(17, 17, 17, 0.28) !important;
	background: #ffffff !important;
	color: #111111 !important;
}

body.is-shop-theme .product-info > .kog-price-wrap,
body.is-shop-theme .product-info > #product-price-wrap > .kog-price-wrap {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.12rem;
}

body.is-shop-theme .product-info .available-price,
body.is-shop-theme .product-info .kog-price-sale,
body.is-shop-theme .product-info button.available-price {
	color: #111111 !important;
	font-weight: 700 !important;
}

body.is-shop-theme .product-info .kog-price-old {
	color: rgba(17, 17, 17, 0.42) !important;
	text-decoration: line-through !important;
	order: -1;
}

body.is-shop-theme .product-info .available-compare {
	display: none !important;
}

body.is-shop-theme .product-related-card {
	background: #ffffff;
	border-color: rgba(17, 17, 17, 0.18);
	color: #111111;
}

body.is-shop-theme .product-related-media {
	background: #ffffff;
}
