/*
Theme Name: ORB ResearchingBigfoot
Theme URI: https://researchingbigfoot.com
Author: Organization for Researching Bigfoot - Chuck Walden & Dirk Wilson
Author URI: https://researchingbigfoot.com
Description: Official theme for the Organization for Researching Bigfoot (ORB). Dark, atmospheric field-operations aesthetic.
Version: 1.0.2
License: Proprietary
Text Domain: orb-researchingbigfoot
*/
html { scroll-behavior: smooth; }
body { background: #0d0d0d; color: #f0ece0; font-family: 'Inter', sans-serif; }

/* NAV */
.nav-bar { background: #0d1a0d; border-bottom: 1px solid rgba(200,134,10,0.2); }
.nav-link { color: #b0a090; transition: color 0.2s; }
.nav-link:hover, .nav-link.active { color: #c8860a; }

/* HERO */
.hero-section {
  background: linear-gradient(135deg, #0d1a0d 0%, #000 100%);
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-trees {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 180px;
  z-index: 1;
}
.hero-content { position: relative; z-index: 3; text-align: center; }

/* Bigfoot silhouette animation */
.bigfoot-walker {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  animation: walkAcross 45s linear infinite;
  opacity: 0.18;
}
@keyframes walkAcross {
  0% { transform: translateX(-150px); }
  100% { transform: translateX(calc(100vw + 150px)); }
}
@keyframes bobWalk {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
.bigfoot-walker svg { animation: bobWalk 0.8s ease-in-out infinite; }

/* Gold glow */
.gold-glow { filter: drop-shadow(0 0 20px rgba(200,134,10,0.4)); }
.gold-glow-border { box-shadow: 0 0 30px rgba(200,134,10,0.3), 0 0 60px rgba(200,134,10,0.1); }

/* Cards */
.expedition-card {
  background: #1a1a1a;
  border-top: 4px solid #c8860a;
  border-radius: 12px;
  transition: transform 0.3s, box-shadow 0.3s;
}
.expedition-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 30px rgba(200,134,10,0.2);
}
.mission-card {
  background: #1a1a1a;
  border-top: 3px solid #c8860a;
  border-radius: 12px;
}
.stat-card {
  background: #1a1a1a;
  border-radius: 12px;
}

/* Timeline */
.timeline-container { position: relative; }
.timeline-container::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent, #c8860a 10%, #c8860a 90%, transparent);
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .timeline-container::before { left: 20px; }
}
.timeline-entry { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }
.timeline-entry.visible { opacity: 1; transform: translateY(0); }

/* Field Notes */
.field-note {
  background: #faf3e0;
  color: #2a2010;
  border-radius: 4px;
  box-shadow: 3px 4px 14px rgba(0,0,0,0.4);
  position: relative;
}
.field-note::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: repeating-linear-gradient(transparent 0px, transparent 27px, rgba(180,160,130,0.2) 28px);
  pointer-events: none;
}
.note-rotate-1 { transform: rotate(-1.5deg); }
.note-rotate-2 { transform: rotate(1deg); }
.note-rotate-3 { transform: rotate(-0.5deg); }

/* Pill badge */
.gold-pill {
  background: #c8860a;
  color: #0d0d0d;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  padding: 4px 16px;
  border-radius: 9999px;
  display: inline-block;
}
.gold-pill-outline {
  border: 1.5px solid #c8860a;
  color: #c8860a;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  padding: 4px 14px;
  border-radius: 9999px;
  display: inline-block;
}

/* Status badges */
.status-completed { background: #2a6a2a; color: #6abf6a; }
.status-upcoming { background: #3a2a00; color: #c8860a; }
.status-planning { background: #001a3a; color: #4a8abf; }

/* BTT */
.back-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  background: #c8860a;
  color: #0d0d0d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.3s;
  border: none;
  box-shadow: 0 4px 16px rgba(200,134,10,0.3);
}
.back-to-top.show { opacity: 1; }

/* Mobile menu */
.mobile-menu {
  transform: translateX(100%);
  transition: transform 0.35s ease;
}
.mobile-menu.open { transform: translateX(0); }

/* Connect cards */
.connect-card {
  background: #1a1a1a;
  border-radius: 12px;
  transition: transform 0.25s;
}
.connect-card:hover { transform: translateY(-3px); }

/* Blockquote */
.mission-blockquote {
  border-left: 3px solid #c8860a;
  padding-left: 1.5rem;
  font-family: Georgia, serif;
  font-style: italic;
  color: #c8860a;
  font-size: 1.15rem;
  line-height: 1.7;
}

/* Footer link */
.footer-link { color: #b0a090; transition: color 0.2s; }
.footer-link:hover { color: #c8860a; }

/* Section transitions */
.section-dark { background: #0d1a0d; }
.section-darker { background: #111; }
.section-charcoal { background: #111827; }