/**
 * Header Login / My Account toggle (site-wide).
 * Hide one control; visible button keeps theme display (inline-flex, etc.).
 */

body.eda-user-logged-in .login {
	display: none !important;
}

body.eda-user-logged-out .my-account {
	display: none !important;
}

.eda-global-flash {
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 100001;
	max-width: 24rem;
	padding: 0.875rem 1.125rem;
	font-size: 0.9375rem;
	line-height: 1.45;
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}

.eda-global-flash--success {
	color: #065f46;
	background: #d1fae5;
	border: 1px solid #a7f3d0;
}

.eda-global-flash--error {
	color: #991b1b;
	background: #fee2e2;
	border: 1px solid #fecaca;
}

@media (max-width: 768px) {
	.eda-global-flash {
		top: 0.75rem;
		right: 0.75rem;
		left: 0.75rem;
		max-width: none;
	}
}

@media (max-width: 480px) {
	.eda-global-flash {
		top: 0.5rem;
		right: 0.5rem;
		left: 0.5rem;
		padding: 0.75rem 1rem;
		font-size: 0.875rem;
	}
}

.eda-cart-fab {
	position: fixed !important;
	left: auto !important;
	right: 1.25rem !important;
	bottom: 1.25rem !important;
	inset-inline-start: auto !important;
	inset-inline-end: 1.25rem !important;
	z-index: 100002 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 !important;
	padding: 0;
	float: none !important;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #02a58c !important;
	border: 0;
	border-radius: 999px;
	box-shadow: none !important;
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.eda-cart-fab:hover,
.eda-cart-fab:focus {
	color: #ffffff;
	text-decoration: none;
	background: #028d78;
	transform: translateY(-1px);
}

.eda-cart-fab .eda-icon {
	display: block;
	flex-shrink: 0;
}

.eda-cart-fab__count {
	position: absolute;
	top: -0.2rem;
	right: -0.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.25rem;
	height: 1.25rem;
	padding: 0 0.3rem;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1;
	color: #02a58c;
	background: #ffffff;
	border: 2px solid #02a58c;
	border-radius: 999px;
}

@media (max-width: 768px) {
	.eda-cart-fab {
		right: 1rem !important;
		inset-inline-end: 1rem !important;
		bottom: 1rem !important;
		width: 3.25rem;
		height: 3.25rem;
	}

	body.eda-has-mobile-nav .eda-cart-fab {
		bottom: calc(5rem + env(safe-area-inset-bottom, 0px)) !important;
	}
}
