/* ══════════════════════════════════════════════════════
   SHAGBARK HICKORY — all styles in one place
   Positioning, daylight response, bark animation, overlay
   ══════════════════════════════════════════════════════ */

/* ── Positioning (was in moon-portal.css) ── */
.shagbark-hickory {
  position: absolute;
  bottom: 8px;
  left: calc(50% + 65px);
  width: 110px;
  height: 110px;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
  opacity: 0;
  animation: tree-appear 2s ease 3s forwards;
  z-index: 2;
}

.shagbark-hickory svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 600px) {
  .shagbark-hickory { left: calc(50% + 52px); width: 85px; height: 85px; }
}

/* ── Daylight response (was in neighborhood-daylight.css) ── */
#neighborhood.daylight .shagbark-hickory svg g {
  stroke: #3a2a1a;
  transition: stroke 3s ease;
}
#neighborhood.twilight .shagbark-hickory svg g {
  stroke: #2a1e14;
  transition: stroke 3s ease;
}

/* ── Hover ── */
.shagbark-hickory:hover svg { filter: brightness(1.15) }
.shagbark-hickory svg { transition: filter 0.3s }

.shagbark-hickory:hover svg g {
  filter: drop-shadow(0 0 4px rgba(218, 175, 88, 0.2));
  transition: filter 0.4s ease;
}

/* ── Bark breathe animation ── */
@keyframes bark-breathe {
  0%, 100% { opacity: 0.7 }
  50% { opacity: 0.85 }
}
.bark-plate {
  animation: bark-breathe 8s ease-in-out infinite;
  animation-delay: var(--d, 0s);
}

/* ══════════════════════════════════════════════════════
   STATS OVERLAY — inside .event-card structure
   ══════════════════════════════════════════════════════ */

.tree-species {
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(138, 154, 114, 0.6);
  margin-bottom: 0.2rem;
}

.tree-common {
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(212, 201, 173, 0.95);
  margin-bottom: 0.15rem;
}

.tree-latin {
  font-size: 0.8rem;
  font-style: italic;
  color: rgba(212, 201, 173, 0.4);
  margin-bottom: 1.2rem;
}

.tree-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem 1.2rem;
  margin-bottom: 1.2rem;
}

.stat-item { display: flex; flex-direction: column }

.stat-label {
  font-size: 0.55rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(138, 154, 114, 0.5);
}

.stat-value {
  font-size: 0.95rem;
  color: rgba(212, 201, 173, 0.85);
  margin-top: 0.1rem;
}

.tree-season {
  border-top: 1px solid rgba(138, 154, 114, 0.1);
  padding-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.season-title {
  font-size: 0.85rem;
  color: rgba(212, 201, 173, 0.8);
  margin-bottom: 0.3rem;
}

.season-detail {
  font-size: 0.75rem;
  color: rgba(212, 201, 173, 0.45);
  line-height: 1.5;
}

.tree-lunar {
  border-top: 1px solid rgba(138, 154, 114, 0.1);
  padding-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.lunar-label {
  font-size: 0.55rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(138, 154, 114, 0.5);
  margin-bottom: 0.3rem;
}

.lunar-detail {
  font-size: 0.75rem;
  color: rgba(212, 201, 173, 0.45);
  line-height: 1.5;
}

.tree-seeds {
  border-top: 1px solid rgba(138, 154, 114, 0.1);
  padding-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}

.seed-countdown {
  font-size: 1.1rem;
  color: rgba(168, 134, 92, 0.8);
}

.seed-label {
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  color: rgba(168, 134, 92, 0.4);
  margin-top: 0.15rem;
}

.tree-footer { text-align: center; margin-top: 0.8rem }

.tree-footer a {
  font-size: 0.65rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(138, 154, 114, 0.35);
  text-decoration: none;
  transition: color 0.3s;
}

.tree-footer a:hover { color: rgba(138, 154, 114, 0.7) }