/* ============================= */
/* FLOATING BUTTONS – PREMIUM    */
/* ============================= */
.dr1007floatingbuttons .floating-buttons {
	position: fixed;
	bottom: 26px;
	right: 26px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ============================= */
/* BASE BUTTON STYLE             */
/* ============================= */
.dr1007floatingbuttons .fab-btn {
	width: 60px;
	height: 60px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #ffffff;
	border: none;
	cursor: pointer;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25), inset 0 0 0 1px
		rgba(255, 255, 255, 0.25);
	transition: transform 0.35s ease, box-shadow 0.35s ease, background
		0.35s ease;
}

/* ============================= */
/* HOVER MICRO-INTERACTION       */
/* ============================= */
.dr1007floatingbuttons .fab-btn:hover {
	transform: translateY(-6px) scale(1.08);
	box-shadow: 0 25px 55px rgba(0, 0, 0, 0.35), inset 0 0 0 1px
		rgba(255, 255, 255, 0.4);
}

/* ============================= */
/* BUTTON VARIANTS               */
/* ============================= */

/* WhatsApp Chat + Share */
.dr1007floatingbuttons .fab-btn.whatsapp {
	background: linear-gradient(135deg, #25d366, #128c7e);
	box-shadow: 0 18px 40px rgba(37, 211, 102, 0.55), inset 0 0 0 1px
		rgba(255, 255, 255, 0.3);
}

/* Call Button */
.dr1007floatingbuttons .fab-btn.phone {
	background: linear-gradient(135deg, #ff7043, #e64a19);
	box-shadow: 0 18px 40px rgba(255, 112, 67, 0.55), inset 0 0 0 1px
		rgba(255, 255, 255, 0.3);
}

/* Back to Top */
.dr1007floatingbuttons .fab-btn.top {
	background: linear-gradient(135deg, #ffca28, #ff8f00);
	box-shadow: 0 18px 40px rgba(255, 202, 40, 0.55), inset 0 0 0 1px
		rgba(255, 255, 255, 0.3);
}

/* ============================= */
/* ICON SMOOTHNESS               */
/* ============================= */
.dr1007floatingbuttons .fab-btn i {
	transition: transform 0.3s ease;
}

.dr1007floatingbuttons .fab-btn:hover i {
	transform: scale(1.15);
}

/* ============================= */
/* MOBILE OPTIMIZATION           */
/* ============================= */
@media ( max-width : 480px) {
	.dr1007floatingbuttons .floating-buttons {
		bottom: 18px;
		right: 18px;
		gap: 14px;
	}
	.dr1007floatingbuttons .fab-btn {
		width: 52px;
		height: 52px;
		font-size: 20px;
		border-radius: 16px;
	}
}