/* Samvir Gold - static styles (no npm build required) */

:root {
  --gold: hsl(43 74% 49%);
  --gold-light: hsl(43 80% 65%);
  --gold-dark: hsl(43 74% 38%);
  --navy: hsl(220 50% 18%);
  --cream: hsl(40 30% 98%);
  --border: hsl(40 25% 88%);
}

/* Gradients from React theme */
.bg-gradient-gold { background-image: linear-gradient(135deg, var(--gold), hsl(43 80% 60%), var(--gold)); }
.bg-gradient-navy { background-image: linear-gradient(135deg, var(--navy), hsl(220 40% 25%)); }
.text-gradient-gold {
  background-image: linear-gradient(135deg, var(--gold), var(--gold-light), var(--gold));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Gold shine effect */
.gold-shine { position: relative; overflow: hidden; }
.gold-shine::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, hsla(43, 80%, 70%, 0.30), transparent);
  transform: translateX(-100%);
  animation: samvir-shine 3s infinite;
}
@keyframes samvir-shine { 0% { transform: translateX(-100%); } 50%, 100% { transform: translateX(100%); } }

/* Buttons */
.btn-gold {
  background-image: linear-gradient(135deg, var(--gold), hsl(43 80% 60%), var(--gold));
  color: hsl(220 30% 10%);
}
.btn-outline {
  border: 1px solid hsla(43, 74%, 49%, 0.50);
  color: var(--gold-light);
}
.btn-outline:hover { background: hsla(43, 74%, 49%, 0.10); }

/* Header links (color flips on scroll via JS) */
.nav-link {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255,255,255,0.90);
  transition: color .2s ease;
}
.nav-link:hover { color: var(--gold); }

.mobile-link {
  color: hsl(220 30% 15%);
  font-weight: 500;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
}
.mobile-link:hover { background: hsl(40 20% 92%); }

.footer-link { color: rgba(255,255,255,0.88); transition: color .2s ease; }
.footer-link:hover { color: #fff; }

/* Header scrolled state */
.header-scrolled {
  background: hsla(40, 30%, 98%, 0.95);
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
.header-scrolled .nav-link { color: hsl(220 30% 15%); }
.header-scrolled #brandText { color: hsl(220 30% 15%); }
.header-scrolled #mobileMenuBtn { color: hsl(220 30% 15%); }

/* FAQ details marker reset */
details summary::-webkit-details-marker { display: none; }

.faq-summary { display: flex; align-items: center; gap: 1rem; }
.faq-plus { font-size: 1.25rem; line-height: 1; transition: transform .2s ease; }
.faq-item[open] .faq-plus { transform: rotate(45deg); }

/* Form fields */
.samvir-input, .samvir-select, .samvir-textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 0.375rem;
  padding: 0.625rem 0.75rem;
  background: #fff;
  color: hsl(220 30% 15%);
  outline: none;
}
.samvir-select { height: 2.5rem; }
.samvir-textarea { resize: none; }
.samvir-input:focus, .samvir-select:focus, .samvir-textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 4px hsla(43, 74%, 49%, 0.15);
}