/* 전화하기 버튼 전용 스타일 */

/* 메인 전화하기 버튼 애니메이션 */
.phone-button {
  position: relative;
  overflow: hidden;
}

.phone-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.6s;
}

.phone-button:hover::before {
  left: 100%;
}

/* 전화하기 버튼 맥동 애니메이션 */
@keyframes pulse-phone {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
  }
}

.phone-pulse {
  animation: pulse-phone 2s infinite;
}

/* 모바일 최적화 */
@media (max-width: 640px) {
  .phone-button-mobile {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
}

/* 데스크톱에서 전화번호 복사 툴팁 */
.phone-tooltip {
  position: relative;
}

.phone-tooltip::after {
  content: '클릭하면 전화번호가 복사됩니다';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  pointer-events: none;
}

.phone-tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}

/* 전화 아이콘 회전 애니메이션 */
@keyframes ring {
  0%, 20%, 50%, 80%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(15deg);
  }
  60% {
    transform: rotate(-10deg);
  }
  90% {
    transform: rotate(10deg);
  }
}

.phone-ring:hover .material-icons {
  animation: ring 0.8s ease-in-out;
}