/*
Theme Name:  DinaKala Child
Description: DinaKala Child Theme
Author:      Meysam Hosseinkhani
Author URI:  https://i-design.ir
Template:    dinakala
Version:     1.0.0
Text Domain: dina-kala
*/
.mobile-back-button {
    position: fixed;
    bottom: 50px;
    left: 20px;
    z-index: 9999;
    width: 38px;
    height: 38px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.mobile-back-button:hover {
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1); /* افزایش سایه هنگام هاور */
    transform: scale(1.1); /* افزایش سایز هنگام هاور */
}

.mobile-back-button i {
    font-size: 24px; /* اندازه آیکن */
    line-height: 1; /* هم‌تراز کردن آیکن */
}

/* نمایش فقط در موبایل */
@media screen and (max-width: 768px) {
    .mobile-back-button {
        display: flex; /* نمایش در موبایل */
    }
}

/* مخفی کردن در دسکتاپ */
@media screen and (min-width: 769px) {
    .mobile-back-button {
        display: none; /* مخفی در دسکتاپ */
    }
}