/* ==========================================================================
   플레이스 파트너 공식 커스텀 스타일시트 (css/style.css)
   ========================================================================== */

/* 1. 웹폰트 불러오기 (Pretendard - 한국어 가독성 최적화) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  word-break: keep-all; /* 단어 단위 줄바꿈으로 가독성 향상 */
}

/* 2. 사용자 지정 스크롤바 디자인 */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #f97316; /* 브랜드 오렌지 컬러 */
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ea580c;
}

/* 3. CTA 버튼 반짝임 애니메이션 효과 */
@keyframes shine {
  0% {
    left: -100%;
  }
  20% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

.btn-shine {
  position: relative;
  overflow: hidden;
}

.btn-shine::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  animation: shine 4s infinite;
}

/* 4. 카드 호버 효과 (부드러운 플로팅) */
.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px -10px rgba(249, 115, 22, 0.15);
}

/* 5. 모바일 전용 하단 고정 상담 신청 버튼 */
.mobile-sticky-cta {
  display: none;
}

@media (max-width: 768px) {
  .mobile-sticky-cta {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 40;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border-top: 1px solid #ffedd5;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
  }
}