/* Custom Styles for Artisan Lamp DTC Landing Page */

@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&display=swap');

:root {
  --primary: #c27d38;
  --primary-dark: #9f5e22;
  --primary-light: #fbf5ee;
  --dark: #191816;
  --gray-bg: #faf7f2;
  --border-color: #ede6dc;
  --etsy-orange: #f1641e;
  --etsy-dark: #d55314;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #2c2925;
  background-color: #ffffff;
  overflow-x: hidden;
}

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

/* Shimmer & Glow Effect */
.glow-warm {
  box-shadow: 0 10px 40px -10px rgba(194, 125, 56, 0.25);
}

.btn-etsy {
  background: linear-gradient(135deg, #f1641e 0%, #e0530e 100%);
  color: #ffffff;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px rgba(241, 100, 30, 0.35);
}

.btn-etsy:hover {
  background: linear-gradient(135deg, #e0530e 0%, #c44304 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(241, 100, 30, 0.45);
}

.btn-etsy:active {
  transform: translateY(0);
}

/* Subtle Pulse for Urgency */
@keyframes softPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.03);
  }
}

.pulse-badge {
  animation: softPulse 2.5s infinite ease-in-out;
}

/* Gallery image transitions */
.gallery-main-img {
  transition: opacity 0.25s ease, transform 0.35s ease;
}

.gallery-thumbnail.active {
  border-color: #f1641e !important;
  box-shadow: 0 0 0 2px rgba(241, 100, 30, 0.25);
}

/* Sticky Mobile Bar */
.sticky-buy-bar {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.sticky-buy-bar.hidden-bar {
  transform: translateY(100%);
}

.sticky-buy-bar.visible-bar {
  transform: translateY(0);
}

/* Accordion Smooth Transition */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-out, opacity 0.3s ease;
  opacity: 0;
}

.accordion-item.active .accordion-content {
  max-height: 500px;
  opacity: 1;
}

.accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}

/* Custom scrollbar for gallery thumbnails on small screens */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}