/* Small floating "back" button — returns to the previous page/section
   (browser history), not hardcoded to the homepage. */

.back-nav-btn {
  position: fixed;
  top: 100px;
  left: 22px;
  z-index: 900;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--card-border, rgba(20, 32, 26, 0.12));
  background: var(--bg-2, #f1efe6);
  backdrop-filter: blur(8px);
  color: var(--text, #17231c);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transition: border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.back-nav-btn:hover {
  border-color: var(--gold, #b8873a);
  color: var(--gold, #b8873a);
  transform: translateX(-2px);
}

.back-nav-btn svg { width: 18px; height: 18px; }

@media (max-width: 640px) {
  .back-nav-btn { top: 86px; left: 16px; width: 36px; height: 36px; }
  .back-nav-btn svg { width: 16px; height: 16px; }
}