/* ============================= */
/* FLOATING SHOP BUTTON – WOW UI */
/* FOOTER SAFE + PREMIUM        */
/* ============================= */
.dr1007shopbtn {
	position: fixed;
	bottom: 72px; /* ✅ lifted to avoid footer */
	left: 50%;
	transform: translateX(-50%);
	z-index: 1200;
	pointer-events: auto;
}

/* ============================= */
/* ACTUAL BUTTON                 */
/* ============================= */
.dr1007shopbtn a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	border-radius: 999px;
	text-decoration: none;

	/* Home Foods warm gradient */
	background: linear-gradient(135deg, #f97316, #ef4444);
	color: #ffffff;

	font-size: 16px;
	font-weight: 900;
	letter-spacing: 0.4px;

	box-shadow:
		0 16px 40px rgba(239, 68, 68, 0.55),
		inset 0 0 0 1px rgba(255, 255, 255, 0.35);

	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		opacity 0.25s ease;

	animation: dr1007Pulse 2.2s infinite;
	will-change: transform;
}

/* ============================= */
/* ICONS                         */
/* ============================= */
.dr1007shopbtn .shop-icon {
	font-size: 20px;
	line-height: 1;
	animation: wiggleBag 3s infinite;
}

.dr1007shopbtn .shop-arrow {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	animation: arrowMove 1.2s infinite;
}

/* HOVER / ACTIVE – FIXED */
.dr1007shopbtn a:hover {
	transform: scale(1.1);
	box-shadow:
		0 24px 56px rgba(239, 68, 68, 0.75),
		inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.dr1007shopbtn a:active {
	transform: scale(1.05);
}

/* ============================= */
/* ATTENTION ANIMATIONS          */
/* ============================= */
@keyframes dr1007Pulse {
	0% {
		box-shadow:
			0 16px 40px rgba(239, 68, 68, 0.55),
			0 0 0 0 rgba(239, 68, 68, 0.45);
	}
	70% {
		box-shadow:
			0 20px 52px rgba(239, 68, 68, 0.7),
			0 0 0 16px rgba(239, 68, 68, 0);
	}
	100% {
		box-shadow:
			0 16px 40px rgba(239, 68, 68, 0.55),
			0 0 0 0 rgba(239, 68, 68, 0);
	}
}

@keyframes arrowMove {
	0% { transform: translateX(0); }
	50% { transform: translateX(6px); }
	100% { transform: translateX(0); }
}

@keyframes wiggleBag {
	0%, 100% { transform: rotate(0deg); }
	25% { transform: rotate(-6deg); }
	75% { transform: rotate(6deg); }
}

/* ============================= */
/* MOBILE OPTIMIZATION           */
/* ============================= */
@media (max-width: 640px) {
	.dr1007shopbtn {
		bottom: 64px; /* ✅ footer safe on mobile */
	}

	.dr1007shopbtn a {
		padding: 12px 22px;
		font-size: 15px;
	}

	.dr1007shopbtn .shop-icon,
	.dr1007shopbtn .shop-arrow {
		font-size: 18px;
	}
}

/* ============================= */
/* iOS SAFE AREA SUPPORT         */
/* ============================= */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
	.dr1007shopbtn {
		bottom: calc(72px + env(safe-area-inset-bottom));
	}

	@media (max-width: 640px) {
		.dr1007shopbtn {
			bottom: calc(64px + env(safe-area-inset-bottom));
		}
	}
}