/* Custom styles for GREATER & BIGGER VENTURES site */
:root{
  --brand-green:#0f5132;
  --brand-green-dark:#0a3822;
  --brand-gold:#d4af37;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: 'Poppins', system-ui, sans-serif;
}

/* Navbar */
#navbar {
  background: transparent;
}

#navbar.scrolled {
  background: linear-gradient(90deg, var(--brand-green-dark), var(--brand-green));
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

#navbar .nav-links a,
#navbar .nav-brand-text {
  color: #ffffff;
}

/* Header background image */
header#home {
  background-color: var(--brand-green);
}

header#home img {
  transition: transform 20s ease-in-out;
}

header#home:hover img {
  transform: scale(1.08);
}

/* Toast visible state toggled via JS by adding/removing .show */
#toast {
  visibility: hidden;
}

#toast.show {
  visibility: visible;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Back to top button visible state */
#backToTop.show {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Product card icon lift */
.product-card:hover .h-20 {
  transform: translateY(-2px);
}
.product-card .h-20 {
  transition: transform 0.2s ease-in-out;
}

/* FAQ chevron rotation */
.faq-question[aria-expanded="true"] .faq-icon {
  transform: rotate(45deg);
}
.faq-icon {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}

/* Scroll-reveal animation */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Small utility for the logo text color */
.logo-accent{ color: var(--brand-gold); }

/* Responsive tweaks */
@media (max-width:640px){
  header#home h1{ font-size:1.9rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal, header#home img { transition: none; }
}