/* نمایش دکمه */
#backToTop.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* هاور */
#backToTop:hover {
    background: #000;
    transform: translateY(-4px);
}

/* آیکون */
#backToTop svg {
    width: 26px;
    height: 26px;
}

/* موبایل */
@media (max-width: 768px) {
    #backToTop {
        width: 50px;
        height: 50px;
        bottom: 20px;
        left: 20px;
    }

    #backToTop svg {
        width: 22px;
        height: 22px;
    }
}
.project-card {
    position: relative;
    overflow: hidden;
    height: 400px;
}

.project-card > img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 5s ease-in-out;
}

/* وقتی موس روی کارت می‌رود */
.project-card:hover > img {
    transform: translateY(-60%);
}
.contact-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  direction: ltr;
  margin-top: 30px;
}

.contact-icon {
  width: 42px;
  height: 42px;

  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;

  opacity: 0.35;
  filter: grayscale(100%);

  transition: all 0.3s ease;

  text-decoration: none;
}

.contact-icon img {
  width: 26px;
  height: 26px;

  object-fit: contain;

  transition: all 0.3s ease;
}

/* وقتی موس روی آیکون می‌رود */
.contact-icon:hover {
  opacity: 1;
  filter: grayscale(0%);

  transform: scale(1.25);
}

/* رنگ مخصوص هر آیکون هنگام هاور */

.eitaa:hover {
  background: #ff9800;
  box-shadow: 0 0 20px #ffc400;
}

.whatsapp:hover {
  background: #25d366;
  box-shadow: 0 0 20px #16f83b;
}

.linkedin:hover {
  background: #0080ff;
  box-shadow: 0 0 20px #226fff;
}

.twitter:hover {
  background: #5a5959;
  box-shadow: 0 0 20px #8d8c8c;
}

.github:hover {
  background: #6e40c9;
  box-shadow: 0 0 20px #b700ff;
}

.phone:hover {
  background: #22c55e;
  box-shadow: 0 0 20px #2bff00;
}