/* Scroll to Top Button - Glass Morphism Style */
#scrollToTop {
 position: fixed;
 bottom: 30px;
 left: 30px; /* سمت چپ برای جلوگیری از تداخل با دکمه install */
 width: 55px;
 height: 55px;
 border-radius: 50%;
 
 /* Glass morphism effect */
 background: rgba(255, 255, 255, 0.15);
 backdrop-filter: blur(10px);
 -webkit-backdrop-filter: blur(10px);
 border: 1px solid rgba(255, 255, 255, 0.2);
 
 /* Shadow and gradient */
 box-shadow: 
 0 8px 32px rgba(31, 38, 135, 0.15),
 0 4px 12px rgba(102, 126, 234, 0.1),
 inset 0 1px 1px rgba(255, 255, 255, 0.3);
 
 color: #ffd700; /* زرد طلایی مثل دکمه‌های دیگر */
 border: none;
 cursor: pointer;
 font-size: 22px;
 
 opacity: 0;
 visibility: hidden;
 transform: scale(0.8);
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 z-index: 1000;
}

#scrollToTop.show {
 opacity: 1;
 visibility: visible;
 transform: scale(1);
}

#scrollToTop:hover {
 background: rgba(102, 126, 234, 0.2);
 transform: translateY(-5px) scale(1.05);
 box-shadow: 
 0 12px 40px rgba(31, 38, 135, 0.25),
 0 6px 20px rgba(102, 126, 234, 0.2),
 inset 0 1px 1px rgba(255, 255, 255, 0.4);
 color: #ffed4e; /* زرد روشن‌تر در hover */
}

#scrollToTop:active {
 transform: translateY(-3px) scale(0.98);
}

#scrollToTop i {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
}

/* RTL Support */
[dir="rtl"] #scrollToTop {
 left: auto;
 right: 30px; /* در RTL سمت راست */
}

/* Dark mode support */
.dark-mode #scrollToTop {
 background: rgba(0, 0, 0, 0.3);
 border: 1px solid rgba(255, 255, 255, 0.1);
 color: #ffd700;
}

.dark-mode #scrollToTop:hover {
 background: rgba(102, 126, 234, 0.25);
 color: #ffed4e;
}

/* Mobile responsive */
@media (max-width: 768px) {
 #scrollToTop {
 width: 50px;
 height: 50px;
 bottom: 20px;
 left: 20px;
 font-size: 20px;
 }
 
 [dir="rtl"] #scrollToTop {
 left: auto;
 right: 20px;
 }
}

@keyframes slideUp {
 from {
 opacity: 0;
 transform: translateY(20px) scale(0.8);
 }
 to {
 opacity: 1;
 transform: translateY(0) scale(1);
 }
}

#scrollToTop.show {
 animation: slideUp 0.3s ease-out;
}
