/* Empty states: calm, “sacred space” feel without external image assets */
.fh-empty-state--compact .fh-empty-state__glow {
  width: 4rem;
  height: 4rem;
}

.fh-empty-state--compact .fh-empty-state__icon {
  font-size: 1.65rem;
}

.fh-empty-state__glow {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 30%,
    rgba(32, 112, 101, 0.22),
    rgba(147, 112, 219, 0.12) 45%,
    transparent 70%
  );
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

body.dark-mode .fh-empty-state__glow {
  background: radial-gradient(
    circle at 35% 30%,
    rgba(94, 234, 212, 0.15),
    rgba(167, 139, 250, 0.1) 50%,
    transparent 72%
  );
}

.fh-empty-state__icon {
  font-size: 2.25rem;
  opacity: 0.88;
  color: #207065;
}

body.dark-mode .fh-empty-state__icon {
  color: #5eead4;
}

.fh-empty-state--oracle .fh-empty-state__icon {
  color: #a855f7;
}
.fh-empty-state--tarot .fh-empty-state__icon {
  color: #38bdf8;
}
.fh-empty-state--meditation .fh-empty-state__icon {
  color: #818cf8;
}
.fh-empty-state--series .fh-empty-state__icon {
  color: #4ade80;
}
.fh-empty-state--documentary .fh-empty-state__icon {
  color: #fb923c;
}
.fh-empty-state--workshop .fh-empty-state__icon {
  color: #f87171;
}
.fh-empty-state--store .fh-empty-state__icon {
  color: #60a5fa;
}

.fh-breadcrumb-nav .breadcrumb,
.fh-breadcrumb-nav .breadcrumb-item,
.fh-breadcrumb-nav .breadcrumb-item a {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: normal;
}

.fh-breadcrumb-nav .breadcrumb {
  border-radius: 0.25rem;
  flex-wrap: wrap;
}

.fh-breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  font-weight: 300;
  opacity: 0.55;
}

.fh-breadcrumb-nav .breadcrumb-item.active {
  color: #6c757d;
}

body.dark-mode .fh-breadcrumb-nav .breadcrumb-item.active {
  color: #adb5bd;
}

/* Locked gate: AdminLTE callout + soft icon ring */
.fh-locked-gate {
  border-left-width: 4px;
  border-radius: 0.35rem;
}

.fh-locked-gate__icon-ring {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  color: #856404;
  font-size: 1.25rem;
}

body.dark-mode .fh-locked-gate__icon-ring {
  background: rgba(0, 0, 0, 0.25);
  color: #ffc107;
}

body.dark-mode .callout.callout-warning.fh-locked-gate {
  background: rgba(255, 193, 7, 0.08);
  border-color: rgba(255, 193, 7, 0.35);
  color: #e9ecef;
}

.fh-locked-cta .btn {
  min-width: 8rem;
}