/**
 * ── Oravia Wishlist Core CSS ──
 * أنماط مشتركة على كل الصفحات: تنبيه المفضلة، نبضة العداد، توحيد لون القلب
 * الممتلئ، زر قلب صفحة المنتج، وشارة الشريط السفلي.
 */

/* شبكة أمان: قواعد display: grid/flex في الثيم تتغلب على [hidden] الافتراضي
   للمتصفح، فنضمن إخفاء أي عنصر مخفي بـ el.hidden = true حتى لو تغيّر CSS. */
[hidden] { display: none !important; }

/* ── Toast التنبيهات ── */
.oravia-wl-toast {
	position: fixed;
	bottom: 84px;
	left: 50%;
	transform: translateX(-50%) translateY(16px);
	background: var(--oravia-text, #1D1D1B);
	color: #fff;
	padding: 0.65rem 1.15rem;
	border-radius: 999px;
	font-family: var(--oravia-body-font, 'Cairo', sans-serif);
	font-size: 0.85rem;
	font-weight: 700;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	z-index: 99999;
	opacity: 0;
	transition: opacity 0.25s ease, transform 0.25s ease;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
	pointer-events: none;
	max-width: 90vw;
}
.oravia-wl-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(0); }
.oravia-wl-toast i { color: var(--oravia-primary, #fab92e); font-size: 1rem; }
.oravia-wl-toast.is-error i { color: #f87171; }

/* ── نبضة عداد المفضلة عند التغيير ── */
@keyframes oraviaWlPop {
	0% { transform: scale(0.5); }
	55% { transform: scale(1.35); }
	100% { transform: scale(1); }
}
.oravia-wl-pop { animation: oraviaWlPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }

/* ── توحيد لون القلب الممتلئ في كل المواضع ── */
.oravia-wishlist-btn .ri-heart-fill,
.oravia-bs-wishlist-btn .ri-heart-fill,
[data-oravia-wishlist-id].is-active i {
	color: #ef4444 !important;
}

[data-oravia-wishlist-id] { transition: transform 0.15s ease; }
[data-oravia-wishlist-id]:active { transform: scale(0.88); }

/* ── زر قلب صفحة المنتج (بجوار زر الطلب) ── */
.oravia-sp-wishlist-btn {
	height: 64px;
	width: 64px;
	flex-shrink: 0;
	border-radius: 14px;
	background: #fff;
	border: 2px solid #e5e7eb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #9ca3af;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07);
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
	font-family: inherit;
	line-height: 1;
}
.oravia-sp-wishlist-btn:hover {
	color: #ef4444;
	border-color: #fca5a5;
	transform: translateY(-2px);
}
.oravia-sp-wishlist-btn.is-active {
	color: #ef4444;
	border-color: #fecaca;
	background: #fef2f2;
}
.oravia-sp-wishlist-btn i { transition: transform 0.2s ease; }
.oravia-sp-wishlist-btn.is-active i { animation: oraviaWlPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); }

html.oravia-dark-mode .oravia-sp-wishlist-btn { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.14); }
html.oravia-dark-mode .oravia-sp-wishlist-btn:hover { border-color: #fca5a5; }
html.oravia-dark-mode .oravia-sp-wishlist-btn.is-active { background: rgba(239, 68, 68, 0.12); }

/* ── شارة المفضلة في الشريط السفلي (نفس نمط شارة السلة) ── */
.oravia-bb-wishlist { position: relative; }