/* Premier Interior — 커스텀 CSS */
/* Tailwind CDN 위에 덮어씌우는 스타일만 작성 */

body { font-family: 'Noto Sans KR', sans-serif; }

/* ===== 슬라이더 ===== */
.slide { transition: opacity 0.8s ease-in-out; }
.slide.hidden-slide  { opacity: 0; position: absolute; inset: 0; pointer-events: none; }
.slide.active-slide  { opacity: 1; position: relative; }

/* ===== 네비게이션 스크롤 효과 (홈 전용) ===== */
.nav-scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 20px rgba(28, 37, 65, 0.10);
}
.nav-scrolled .nav-link  { color: #1C2541 !important; }
.nav-scrolled .nav-logo  { color: #1C2541 !important; }

/* ===== 페이드업 애니메이션 ===== */
.fade-up         { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-up.visible { opacity: 1; transform: translateY(0); }

/* ===== 입력 필드 공통 ===== */
.input-field {
  width: 100%;
  border: 1px solid #E0D8CF;
  background: white;
  border-radius: 8px;
  padding: 12px 16px;
  color: #1C2541;
  font-size: 15px;
  font-family: 'Noto Sans KR', sans-serif;
  transition: border-color 0.2s, box-shadow 0.2s;
  outline: none;
}
.input-field:focus {
  border-color: #C5974C;
  box-shadow: 0 0 0 3px rgba(197, 151, 76, 0.15);
}
.input-field.error { border-color: #DC2626; }
.input-field::placeholder { color: #6E7A8A; }

/* ===== 에러 메시지 ===== */
.error-msg         { color: #DC2626; font-size: 12px; margin-top: 4px; display: none; }
.error-msg.visible { display: block; }

/* ===== 라이트박스 ===== */
#lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.92);
  align-items: center;
  justify-content: center;
}
#lightbox.open { display: flex; }

/* ===== 갤러리 카드 이미지 fallback (이미지 없는 경우) ===== */
.gallery-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* ===== Progressive Enhancement: JS 비활성 시 탭 내용 모두 표시 ===== */
@media (scripting: none) {
  .tab-content.hidden { display: block !important; }
}

/* ===== Spinner 애니메이션 ===== */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 0.8s linear infinite; }

/* ===== Toast 트랜지션 ===== */
#toast { transition: opacity 0.3s ease; }