/* Background using the provided SVG */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Add padding to body to compensate for fixed header */
body {
  padding-top: 120px; /* Adjust this value based on the actual header height */
}

/* Set the background using the provided SVG */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -999;
  background-image: url('https://logo.kurniasari.co.id/Frame%201.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  pointer-events: none;
}

/* Force all sections to have transparent backgrounds */
section, 
.hero, 
.products, 
.baru-hadir-baru, 
.testimonials, 
.locations, 
.contact {
  background: transparent !important;
}

/* Make header fixed so it stays visible when scrolling */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

/* Header that's always visible */
header.always-visible {
  transform: translateY(0);
}

/* Add stronger shadow when scrolled for visual feedback */
header.scrolled {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Ensure proper spacing in the navigation */
header nav ul {
  display: flex;
  align-items: center;
}

/* Make sure all content is visible */
.hero-content, 
.container {
  position: relative;
  z-index: 1;
}