/* Custom styles for Golden Net */

html:root {
  --brand: #d4a82a;
  --brand-black: #000000;
  
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

/* Smart navbar animation */
#site-header {
  transition: transform 0.3s ease-in-out;
}

/* Image carousel fade transition */
.carousel-image {
  transition: opacity 1.5s ease-in-out;
}

/* Example utility to complement Tailwind */
.brand-gradient {
  background: linear-gradient(135deg, var(--brand), #f5d98a);
}

/* Premium subtle top border accent for header (optional utility) */
.header-accent {
  background-image: linear-gradient(to right, rgba(212,168,42,0.0), rgba(212,168,42,0.35), rgba(212,168,42,0.0));
}

/* Animated hamburger */
.hamburger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 18px;
}
.hamburger-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 200ms ease, opacity 200ms ease, top 200ms ease;
}
.hamburger-line:nth-child(1) { top: 0; }
.hamburger-line:nth-child(2) { top: 8px; }
.hamburger-line:nth-child(3) { top: 16px; }

/* Open state */
.is-open .hamburger-line:nth-child(1) { top: 8px; transform: rotate(45deg); }
.is-open .hamburger-line:nth-child(2) { opacity: 0; }
.is-open .hamburger-line:nth-child(3) { top: 8px; transform: rotate(-45deg); }

/* Reserve space for contact form message */
.msg-slot {
  min-height: 1.25rem; /* matches text-sm line-height approx */
  display: flex;
  align-items: center;
}