/* =====================================================
   Hat Rack selectable frontend themes
   Loaded after page-level styles, so active themes can
   genuinely reshape pages instead of being overridden.
===================================================== */

body.hr-site-theme-zen_crypto {
  --zen-bg: #f4f1e6;
  --zen-panel: #fffefa;
  --zen-ink: #101010;
  --zen-muted: #626657;
  --zen-lime: #ddfb39;
  --zen-sage: #c7ceb0;
  --zen-line: rgba(16, 16, 16, .11);
  --zen-shadow: 0 22px 54px rgba(16, 16, 16, .085);
  background:
    radial-gradient(circle at 6% 0%, rgba(199, 206, 176, .8), transparent 36%),
    radial-gradient(circle at 94% 8%, rgba(221, 251, 57, .45), transparent 25%),
    linear-gradient(180deg, #f8f6ed 0%, var(--zen-bg) 100%) !important;
  color: var(--zen-ink) !important;
}

body.hr-site-theme-zen_crypto .navbar,
body.hr-site-theme-zen_crypto .hr-home-navbar,
body.hr-site-theme-zen_crypto .hr-home-navbar.is-stuck {
  background: rgba(255, 255, 250, .88) !important;
  border-bottom: 1px solid var(--zen-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

body.hr-site-theme-zen_crypto .hr-home-navbar {
  position: sticky !important;
  top: 0 !important;
}

body.hr-site-theme-zen_crypto .navbar .container,
body.hr-site-theme-zen_crypto .hr-home-navbar .container,
body.hr-site-theme-zen_crypto .hr-home-navbar.is-stuck .container {
  min-height: 72px !important;
  padding-top: .55rem !important;
  padding-bottom: .55rem !important;
}

body.hr-site-theme-zen_crypto .hr-primary-nav .nav-link {
  border-radius: 999px !important;
  color: #111 !important;
  font-size: .84rem !important;
  font-weight: 850 !important;
  padding: .55rem .92rem !important;
}

body.hr-site-theme-zen_crypto .hr-primary-nav .nav-link:hover,
body.hr-site-theme-zen_crypto .hr-primary-nav .nav-link.active {
  background: var(--zen-lime) !important;
  color: #111 !important;
}

body.hr-site-theme-zen_crypto .home-shell {
  margin-top: 0 !important;
  padding-bottom: 1rem !important;
  background: transparent !important;
  overflow: visible !important;
}

body.hr-site-theme-zen_crypto .front-hero {
  min-height: auto !important;
  padding: 32px 0 28px !important;
  background:
    linear-gradient(135deg, rgba(199, 206, 176, .58), rgba(221, 251, 57, .16)),
    transparent !important;
  overflow: visible !important;
}

body.hr-site-theme-zen_crypto .front-hero .row.align-items-center {
  align-items: stretch !important;
}

body.hr-site-theme-zen_crypto .front-hero .col-lg-6:first-child {
  background: rgba(255, 255, 250, .94);
  border: 1px solid var(--zen-line);
  border-radius: 1.85rem;
  padding: clamp(1.4rem, 3vw, 2.6rem) !important;
  box-shadow: var(--zen-shadow);
}

body.hr-site-theme-zen_crypto .front-hero .col-lg-6:last-child {
  display: flex;
  align-items: center;
}

body.hr-site-theme-zen_crypto .front-hero-visual {
  min-height: 430px !important;
  width: 100%;
  margin-top: 0 !important;
  border-radius: 1.85rem !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(221, 251, 57, .82), transparent 27%),
    linear-gradient(145deg, #fffcf2, #eef1db) !important;
  border: 1px solid var(--zen-line) !important;
  box-shadow: var(--zen-shadow) !important;
}

body.hr-site-theme-zen_crypto .front-hero-flight-path,
body.hr-site-theme-zen_crypto .front-hero-dots {
  opacity: .34 !important;
}

body.hr-site-theme-zen_crypto .front-hero-plane {
  background: #111 !important;
  color: var(--zen-lime) !important;
}

body.hr-site-theme-zen_crypto .front-hero-window {
  border-radius: 1.4rem !important;
  border: 10px solid #fffefa !important;
  box-shadow: 0 20px 42px rgba(16, 16, 16, .14) !important;
}

body.hr-site-theme-zen_crypto .front-hero-window.primary {
  height: 360px !important;
}

body.hr-site-theme-zen_crypto .front-hero-window.top,
body.hr-site-theme-zen_crypto .front-hero-window.bottom {
  height: 165px !important;
}

body.hr-site-theme-zen_crypto .hero-badge-soft,
body.hr-site-theme-zen_crypto .footprint-badge,
body.hr-site-theme-zen_crypto .section-label,
body.hr-site-theme-zen_crypto .section-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  border-radius: 999px !important;
  border: 1px solid var(--zen-line) !important;
  background: #fffefa !important;
  color: #111 !important;
  box-shadow: none !important;
  font-size: .68rem !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase;
}

body.hr-site-theme-zen_crypto .front-hero-title {
  color: #111 !important;
  font-size: clamp(2.5rem, 5.7vw, 5.15rem) !important;
  line-height: .88 !important;
  letter-spacing: -.08em !important;
  max-width: 620px !important;
}

body.hr-site-theme-zen_crypto .front-hero-title-mark {
  color: var(--zen-lime) !important;
  height: 28px !important;
  max-width: 72% !important;
}

body.hr-site-theme-zen_crypto .front-hero-copy {
  color: var(--zen-muted) !important;
  font-size: .98rem !important;
  max-width: 520px !important;
}

body.hr-site-theme-zen_crypto .front-hero-actions {
  gap: .75rem !important;
  margin-top: 1.25rem !important;
}

body.hr-site-theme-zen_crypto .front-hero-actions .btn,
body.hr-site-theme-zen_crypto .store-badge-btn {
  min-height: 48px !important;
  border-radius: .85rem !important;
  padding: .72rem 1rem !important;
}

body.hr-site-theme-zen_crypto .btn-dark,
body.hr-site-theme-zen_crypto .btn-hero-primary,
body.hr-site-theme-zen_crypto .front-search-submit,
body.hr-site-theme-zen_crypto .dark-cta {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  box-shadow: 0 16px 30px rgba(16, 16, 16, .16) !important;
}

body.hr-site-theme-zen_crypto .btn-outline-dark:hover,
body.hr-site-theme-zen_crypto .btn-outline-secondary:hover,
body.hr-site-theme-zen_crypto .store-badge-btn:hover {
  background: var(--zen-lime) !important;
  border-color: var(--zen-lime) !important;
  color: #111 !important;
}

body.hr-site-theme-zen_crypto .store-badge-btn,
body.hr-site-theme-zen_crypto .hr-market-trigger,
body.hr-site-theme-zen_crypto .dropdown-menu,
body.hr-site-theme-zen_crypto .modal-content {
  background: #fffefa !important;
  border: 1px solid var(--zen-line) !important;
  color: #111 !important;
  box-shadow: 0 14px 30px rgba(16, 16, 16, .08) !important;
}

body.hr-site-theme-zen_crypto .home-flow-section {
  padding-top: 1rem !important;
  padding-bottom: 1.5rem !important;
}

body.hr-site-theme-zen_crypto .home-flow-section:first-of-type,
body.hr-site-theme-zen_crypto .front-hero + .home-flow-section {
  margin-top: 0 !important;
  padding-top: 1.25rem !important;
}

body.hr-site-theme-zen_crypto .stories-shell,
body.hr-site-theme-zen_crypto .feature-combined-shell,
body.hr-site-theme-zen_crypto .bucket-shell,
body.hr-site-theme-zen_crypto .card,
body.hr-site-theme-zen_crypto .surface-card,
body.hr-site-theme-zen_crypto .content-card,
body.hr-site-theme-zen_crypto .filter-card,
body.hr-site-theme-zen_crypto .wishlist-item-card,
body.hr-site-theme-zen_crypto .feed-card,
body.hr-site-theme-zen_crypto .passport-card,
body.hr-site-theme-zen_crypto .country-card,
body.hr-site-theme-zen_crypto .author-profile-card,
body.hr-site-theme-zen_crypto .author-content-card {
  background: rgba(255, 255, 250, .94) !important;
  border: 1px solid var(--zen-line) !important;
  border-radius: 1.55rem !important;
  color: #111 !important;
  box-shadow: var(--zen-shadow) !important;
}

body.hr-site-theme-zen_crypto .stories-shell {
  padding: 1.25rem !important;
}

body.hr-site-theme-zen_crypto .section-heading.slim {
  margin-bottom: 1rem !important;
}

body.hr-site-theme-zen_crypto .story-image-row,
body.hr-site-theme-zen_crypto .story-side-row {
  gap: .85rem !important;
}

body.hr-site-theme-zen_crypto .story-card.compact,
body.hr-site-theme-zen_crypto .story-side-card,
body.hr-site-theme-zen_crypto .feature-tile,
body.hr-site-theme-zen_crypto .tour-card-square,
body.hr-site-theme-zen_crypto .bucket-dream-card,
body.hr-site-theme-zen_crypto .bucket-add-card {
  background: #fffefa !important;
  border: 1px solid var(--zen-line) !important;
  border-radius: 1rem !important;
  color: #111 !important;
  box-shadow: 0 12px 26px rgba(16, 16, 16, .065) !important;
}

body.hr-site-theme-zen_crypto .story-card.compact img,
body.hr-site-theme-zen_crypto .feature-tile img,
body.hr-site-theme-zen_crypto .tour-card-square img,
body.hr-site-theme-zen_crypto .bucket-dream-card img {
  border-radius: 1rem !important;
}

body.hr-site-theme-zen_crypto .story-side-card.cta-card,
body.hr-site-theme-zen_crypto .bucket-add-card {
  background: linear-gradient(135deg, #fffefa, #eef7b8) !important;
}

body.hr-site-theme-zen_crypto h1,
body.hr-site-theme-zen_crypto h2,
body.hr-site-theme-zen_crypto h3,
body.hr-site-theme-zen_crypto h4,
body.hr-site-theme-zen_crypto h5,
body.hr-site-theme-zen_crypto h6,
body.hr-site-theme-zen_crypto strong,
body.hr-site-theme-zen_crypto .fw-bold,
body.hr-site-theme-zen_crypto .fw-semibold {
  color: #111 !important;
  letter-spacing: -.035em;
}

body.hr-site-theme-zen_crypto .text-muted,
body.hr-site-theme-zen_crypto p,
body.hr-site-theme-zen_crypto .small,
body.hr-site-theme-zen_crypto small {
  color: var(--zen-muted) !important;
}

body.hr-site-theme-zen_crypto .badge.text-bg-light,
body.hr-site-theme-zen_crypto .badge.bg-white,
body.hr-site-theme-zen_crypto .badge-soft,
body.hr-site-theme-zen_crypto .nav-pills .nav-link.active,
body.hr-site-theme-zen_crypto .filter-btn.active,
body.hr-site-theme-zen_crypto .story-tab.is-active,
body.hr-site-theme-zen_crypto .tab-pill.active {
  background: var(--zen-lime) !important;
  border-color: rgba(16, 16, 16, .12) !important;
  color: #111 !important;
}

body.hr-site-theme-zen_crypto .footprint-shell {
  background:
    radial-gradient(circle at 90% 5%, rgba(221, 251, 57, .38), transparent 30%),
    #111 !important;
  color: #fff !important;
  border-radius: 1.55rem !important;
}

body.hr-site-theme-zen_crypto .footprint-shell h4,
body.hr-site-theme-zen_crypto .footprint-shell p,
body.hr-site-theme-zen_crypto .footprint-shell span,
body.hr-site-theme-zen_crypto .footprint-shell strong {
  color: inherit !important;
}

body.hr-site-theme-zen_crypto .hr-footer {
  background: transparent !important;
}

body.hr-site-theme-zen_crypto .hr-footer .container {
  background: rgba(255, 255, 250, .9) !important;
  border: 1px solid var(--zen-line) !important;
  border-radius: 1.55rem !important;
  box-shadow: var(--zen-shadow) !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

body.hr-site-theme-zen_crypto.theme-dark {
  --zen-bg: #0f1314;
  --zen-panel: #171c1f;
  --zen-ink: #f8f9ed;
  --zen-muted: #b7bea7;
  --zen-line: rgba(221, 251, 57, .15);
  background:
    radial-gradient(circle at 8% 0%, rgba(221, 251, 57, .13), transparent 32%),
    #0f1314 !important;
  color: var(--zen-ink) !important;
}

body.hr-site-theme-zen_crypto.theme-dark .front-hero .col-lg-6:first-child,
body.hr-site-theme-zen_crypto.theme-dark .front-hero-visual,
body.hr-site-theme-zen_crypto.theme-dark .stories-shell,
body.hr-site-theme-zen_crypto.theme-dark .feature-combined-shell,
body.hr-site-theme-zen_crypto.theme-dark .bucket-shell,
body.hr-site-theme-zen_crypto.theme-dark .card,
body.hr-site-theme-zen_crypto.theme-dark .surface-card,
body.hr-site-theme-zen_crypto.theme-dark .content-card,
body.hr-site-theme-zen_crypto.theme-dark .filter-card,
body.hr-site-theme-zen_crypto.theme-dark .wishlist-item-card,
body.hr-site-theme-zen_crypto.theme-dark .feed-card,
body.hr-site-theme-zen_crypto.theme-dark .passport-card,
body.hr-site-theme-zen_crypto.theme-dark .country-card,
body.hr-site-theme-zen_crypto.theme-dark .author-profile-card,
body.hr-site-theme-zen_crypto.theme-dark .author-content-card,
body.hr-site-theme-zen_crypto.theme-dark .story-card.compact,
body.hr-site-theme-zen_crypto.theme-dark .story-side-card,
body.hr-site-theme-zen_crypto.theme-dark .feature-tile,
body.hr-site-theme-zen_crypto.theme-dark .tour-card-square,
body.hr-site-theme-zen_crypto.theme-dark .bucket-dream-card,
body.hr-site-theme-zen_crypto.theme-dark .bucket-add-card,
body.hr-site-theme-zen_crypto.theme-dark .dropdown-menu,
body.hr-site-theme-zen_crypto.theme-dark .modal-content,
body.hr-site-theme-zen_crypto.theme-dark .hr-footer .container {
  background: linear-gradient(145deg, rgba(23, 28, 31, .98), rgba(29, 35, 37, .94)) !important;
  border-color: var(--zen-line) !important;
  color: var(--zen-ink) !important;
}

body.hr-site-theme-zen_crypto.theme-dark h1,
body.hr-site-theme-zen_crypto.theme-dark h2,
body.hr-site-theme-zen_crypto.theme-dark h3,
body.hr-site-theme-zen_crypto.theme-dark h4,
body.hr-site-theme-zen_crypto.theme-dark h5,
body.hr-site-theme-zen_crypto.theme-dark h6,
body.hr-site-theme-zen_crypto.theme-dark strong,
body.hr-site-theme-zen_crypto.theme-dark .fw-bold,
body.hr-site-theme-zen_crypto.theme-dark .fw-semibold,
body.hr-site-theme-zen_crypto.theme-dark .front-hero-title {
  color: var(--zen-ink) !important;
}

body.hr-site-theme-zen_crypto.theme-dark .text-muted,
body.hr-site-theme-zen_crypto.theme-dark p,
body.hr-site-theme-zen_crypto.theme-dark .small,
body.hr-site-theme-zen_crypto.theme-dark small {
  color: var(--zen-muted) !important;
}

@media (max-width: 991.98px) {
  body.hr-site-theme-zen_crypto .front-hero {
    padding-top: 22px !important;
  }

  body.hr-site-theme-zen_crypto .front-hero-visual {
    min-height: 360px !important;
  }
}
