/* --- Back to Top Button Styles --- */
.back-to-top-btn {
    position: fixed;
    bottom: 95px; /* Position above WhatsApp button */
    left: 25px;
    background-color: var(--primary-color);
    color: var(--white-color);
    width: 50px; /* Smaller size than WhatsApp button */
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    cursor: pointer;
    border: none;
    opacity: 0; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease;
    z-index: 99; /* Below WhatsApp, above content */
}

.back-to-top-btn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top-btn:hover {
    background-color: var(--button-primary-hover);
    transform: translateY(-3px); /* Slight lift on hover */
    box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}

/* Responsive adjustment for back to top button */
@media (max-width: 576px) {
    .back-to-top-btn {
        width: 45px;
        height: 45px;
        font-size: 1.3em;
        bottom: 85px; /* Adjust position for smaller screens */
        right: 15px;
    }
}