/*
 Theme Name:   Karafs 
 Theme URI:    
 Description:  Karafs blog (Child Theme for Hello Elementor)
 Author:       Amin Hosseini
 Author URI:   https://elementor.com/
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  karafs-child
 License:      GNU General Public License v3 or later
 License URI:  https://www.gnu.org/licenses/gpl-3.0.html
 Tags:         custom-colors, custom-menu, featured-images, translation-ready
*/


/* Add your custom styles here */

#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;   /* همیشه سمت راست */
  width: 60px;
  height: 60px;
  display: none; /* اول مخفی باشه */
  z-index: 9999;
}

#backToTopBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: #29CC88;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .3s;
}

#backToTopBtn:hover {
  background: #22b576;
}

.progress-ring__background {
  fill: none;
  stroke: #e6e6e6;
  stroke-width: 4;
}

.progress-ring__progress {
  fill: none;
  stroke: #29CC88;
  stroke-width: 4;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke-dasharray: 163.36;
  stroke-dashoffset: 163.36;
  transition: stroke-dashoffset 0.25s;
}

.loop-slider {
  position: relative;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.loop-slider.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 10;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}