/**
 * زر السلة العائم — بيت المرجان
 *
 * للموبايل فقط: بسطح المكتب أيقونة السلة موجودة بالهيدر، بس بالموبايل الهيدر
 * ينطوي بقائمة همبرغر فتختفي السلة كلياً. الزبون يضيف منتج وما يلقى طريق يوصله
 * لسلته.
 */

.bam-cart-fab {
	position: fixed;
	inset-inline-start: 16px;
	inset-inline-end: 16px;
	bottom: 16px;
	z-index: 9990;

	display: flex;
	align-items: center;
	gap: 10px;

	padding: 12px 16px;
	border-radius: 14px;
	border: 0;

	color: #fff;
	background: #0f7b98;
	box-shadow: 0 6px 20px rgba(15, 123, 152, 0.35);

	font: inherit;
	font-size: 15px;
	text-decoration: none;

	/* الظهور والاختفاء بلا قفزة تخطيط */
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.bam-cart-fab[hidden] {
	display: none;
}

.bam-cart-fab:hover,
.bam-cart-fab:focus {
	color: #fff;
	background: #0c6a84;
}

.bam-cart-fab:focus-visible {
	outline: 3px solid #7dd3ea;
	outline-offset: 2px;
}

.bam-cart-fab__icon {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
}

.bam-cart-fab__count {
	position: absolute;
	inset-inline-start: 30px;
	top: 6px;

	min-width: 20px;
	padding: 0 5px;
	border-radius: 10px;

	background: #fff;
	color: #0f7b98;

	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}

.bam-cart-fab__label {
	flex: 1 1 auto;
	font-weight: 600;
}

.bam-cart-fab__total {
	flex: 0 0 auto;
	font-weight: 700;
	white-space: nowrap;
}

/**
 * بسطح المكتب نعرضه بعرض محدود بزاوية الشاشة بدل شريط كامل.
 *
 * لمن تنضاف ودجت Menu Cart لقالبَي الهيدر (Header ar و Header en)، صار الزر
 * تكراراً بسطح المكتب — ساعتها بدّل الكتلة كلها بـ display:none وخلّه للموبايل.
 */
@media (min-width: 768px) {
	.bam-cart-fab {
		inset-inline-end: 24px;
		inset-inline-start: auto;
		bottom: 24px;
		min-width: 220px;
	}
}