/* Floating Calculator Button */
.calculator-btn {
 position: fixed;
 top: 80px; /* below navbar, adjust as needed */
 right: 15px; /* left side */
 width: 50px;
 height: 50px;
 background: linear-gradient(135deg, #FFA500, #FF4500);
 color: #fff;
 font-size: 28px;
 border-radius: 50%;
 box-shadow: 0 6px 16px rgba(0,0,0,0.3);
 z-index: 9999;
 text-decoration: none;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: transform 0.3s ease, box-shadow 0.3s ease;
 animation: floatCalc 2.5s infinite ease-in-out;
}

/* Floating animation */
@keyframes floatCalc {
 0%, 100% { transform: translateY(0); }
 50% { transform: translateY(-8px); }
}

/* Hover effect */
.calculator-btn:hover {
 transform: scale(1.2);
 box-shadow: 0 10px 28px rgba(0,0,0,0.4);
}

/* Pulse glow effect */
.calculator-btn::after {
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 top: 0;
 left: 0;
 box-shadow: 0 0 12px rgba(255,165,0,0.7), 0 0 24px rgba(255,69,0,0.5);
 opacity: 0.7;
 animation: pulseGlow 2s infinite;
 z-index: -1;
}

@keyframes pulseGlow {
 0%, 100% { transform: scale(1); opacity: 0.7; }
 50% { transform: scale(1.3); opacity: 0.4; }
}

/* Mobile adjustments */
@media (max-width: 576px) {
 .calculator-btn {
 width: 40px;
 height: 40px;
 font-size: 24px;
 top: 70px;
 }
}

/* Tooltip text */
.calculator-btn .tooltip-text {
 position: absolute;
 bottom: -40px; /* distance above button */
 right: 150%;
 transform: translateX(50%);
 background: #333;
 color: #fff;
 padding: 6px 12px;
 border-radius: 8px;
 font-size: 14px;
 white-space: nowrap;
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.3s, transform 0.3s;
 z-index: 1001;
}

/* Show tooltip on hover */
.calculator-btn:hover .tooltip-text {
 opacity: 1;
 transform: translateX(50%) translateY(-5px);
}
/* Mobile adjustments */
@media (max-width: 576px) {
 .calculator-btn .tooltip-text {
 font-size: 12px;
 padding: 3px 8px;
 }
}