/* Custom Styling for PT WarmSpace Kreasi Indonesia - Bright & Elegant Theme */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400;1,600&display=swap');

:root {
  --color-warm-primary: #B85E37;
  --color-warm-dark: #964722;
  --color-warm-light: #F7EFE9;
  --color-sand: #FAF8F5;
  --color-ivory: #FFFDF9;
  --color-charcoal: #25221F;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #FAF8F5;
  color: #2D2823;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.font-serif-luxury {
  font-family: 'Playfair Display', serif;
}

/* Bright Glassmorphism & Navbar */
.glass-nav {
  background: rgba(254, 252, 249, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(232, 222, 209, 0.85);
}

.glass-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(232, 222, 209, 0.8);
}

/* Luminous Hero Background Gradient */
.hero-gradient-bright {
  background: linear-gradient(90deg, 
    rgba(253, 251, 248, 0.97) 0%, 
    rgba(253, 251, 248, 0.90) 45%, 
    rgba(253, 251, 248, 0.45) 80%,
    rgba(253, 251, 248, 0.25) 100%
  );
}

@media (max-width: 1024px) {
  .hero-gradient-bright {
    background: linear-gradient(180deg, 
      rgba(253, 251, 248, 0.96) 0%, 
      rgba(253, 251, 248, 0.92) 65%, 
      rgba(253, 251, 248, 0.70) 100%
    );
  }
}

/* Smooth Tab Transitions */
.tab-btn.active {
  background-color: var(--color-warm-primary);
  color: #FFFFFF;
  border-color: var(--color-warm-primary);
  box-shadow: 0 4px 14px rgba(184, 94, 55, 0.28);
}

/* Portfolio Card Zoom & Overlay */
.portfolio-card {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.portfolio-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -10px rgba(140, 100, 70, 0.15);
}

.portfolio-card:hover .portfolio-img {
  transform: scale(1.06);
}

.portfolio-card:hover .portfolio-overlay {
  opacity: 1;
}

/* Floating WhatsApp Pulse */
@keyframes wa-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

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

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F5EFEB;
}
::-webkit-scrollbar-thumb {
  background: #C87D55;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #B85E37;
}

/* Subtle badge animation */
@keyframes float-badge {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.animate-float {
  animation: float-badge 4s ease-in-out infinite;
}