/* SNS몬 테마 커스텀 디자인 */
body {
  background-color: #f8f9fa !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 카드 모서리 및 그림자 효과 */
.card {
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s ease-in-out;
}

.card:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
}

/* SNS 플랫폼 아이콘 반응 효과 */
.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer:hover .rounded-circle {
  background-color: #f0eafb !important;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

/* 폼 입력창 스타일 */
.form-select, .form-control {
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  padding: 0.6rem 0.9rem !important;
  font-size: 0.9rem !important;
}

.form-select:focus, .form-control:focus {
  border-color: #6f42c1 !important;
  box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.15) !important;
}

/* FAQ 아코디언 스타일 */
.accordion-button:not(.collapsed) {
  color: #6f42c1 !important;
  background-color: #f3f0ff !important;
  box-shadow: none !important;
}

.accordion-button:focus {
  box-shadow: none !important;
  border-color: rgba(0,0,0,.125) !important;
}
/* 파란색 포인트 컬러 Focus 스타일 */
.form-select:focus, .form-control:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.15) !important;
}

/* FAQ 버튼 클릭 시 파란색 강조 */
.accordion-button:not(.collapsed) {
  color: #2563eb !important;
  background-color: #eff6ff !important;
  box-shadow: none !important;
}
/* 실시간 알림 띠 애니메이션 */
.ticker-wrap {
  white-space: nowrap;
}
.ticker-move {
  animation: ticker 25s linear infinite;
}
@keyframes ticker {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* 플랫폼 아이콘 탭 액티브 효과 */
.platform-icon {
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.platform-icon:hover {
  background-color: #eff6ff;
  border-color: #bfdbfe;
}
.platform-icon.active {
  background-color: #eff6ff;
  border-color: #1d4ed8;
  opacity: 1 !important;
}
.platform-icon.active span {
  color: #1d4ed8 !important;
}

/* 폼 요소 포커스 색상 통일 */
.form-control:focus, .form-select:focus {
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 0.25rem rgba(29, 78, 216, 0.15) !important;
}