/* Ang Chai Kia Renovation Works - Shared Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');

:root {
  --navy-dark: #0A111F;
  --navy-card: #111C33;
  --gold-primary: #C59B27;
  --gold-light: #E5C158;
  --offwhite: #F8FAFC;
}

html, body {
  overflow-x: hidden;
  max-width: 100vw;
  font-family: 'Inter', 'Noto Sans SC', sans-serif;
  background-color: #F8FAFC;
  color: #0F172A;
  scroll-behavior: smooth;
}

.font-serif-brand {
  font-family: 'Playfair Display', 'Noto Sans SC', serif;
}

/* Balanced text wrapping */
.text-balance {
  text-wrap: balance;
}

/* Gold Metallic Gradient Border & Accents */
.gold-gradient-bg {
  background: linear-gradient(135deg, #D4AF37 0%, #C59B27 50%, #AA8010 100%);
}

.gold-card-surface {
  background: linear-gradient(135deg, #DFC05B 0%, #D3AC3A 50%, #C79B26 100%);
  border: 2px solid #F3E0A2;
  box-shadow: 0 20px 40px -15px rgba(10, 17, 31, 0.75), inset 0 1px 0 0 rgba(255, 255, 255, 0.35);
}

/* Active Navigation Tab Styling */
.nav-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(197, 155, 39, 0.45) transparent;
}
.nav-scroll::-webkit-scrollbar {
  height: 3px;
}
.nav-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(197, 155, 39, 0.45);
  border-radius: 9999px;
}

.nav-tab {
  flex-shrink: 0;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
}
.nav-tab.active-nav {
  color: #E5C158 !important;
  background-color: rgba(197, 155, 39, 0.14);
  border-bottom: 2px solid #C59B27;
  font-weight: 600;
}

/* Custom Checkbox Styling */
.scope-checkbox-card:has(input:checked) {
  border-color: #C59B27;
  background-color: #FFFBEB;
  box-shadow: 0 0 0 1px #C59B27;
}

/* Live Counter Pulse Dot */
@keyframes pulse-green {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.55; }
}
.live-dot {
  animation: pulse-green 2s infinite ease-in-out;
}