/* Zimkari game UI buttons — 3D raised pills (site-wide) */

.btn-raise {
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-width: 0;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 15px;
  border: 2px solid var(--btn-raise-border, rgba(255, 255, 255, .28));
  color: var(--btn-raise-text, #ffffff) !important;
  font-family: var(--font-family);
  font-size: var(--font-size-sm);
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .42);
  box-shadow:
    0 5px 0 var(--btn-raise-shadow, rgba(0, 0, 0, .25)),
    0 11px 16px rgba(20, 35, 28, .14),
    inset 0 1px 0 rgba(255, 255, 255, .18),
    inset 0 -2px 0 rgba(0, 0, 0, .16);
  transition: filter .12s ease, transform .12s ease, box-shadow .12s ease;
}

.btn-raise:hover {
  filter: saturate(1.06) brightness(1.03);
}

.btn-raise:active:not(:disabled) {
  transform: translateY(3px);
  box-shadow:
    0 2px 0 var(--btn-raise-shadow, rgba(0, 0, 0, .25)),
    0 6px 10px rgba(20, 35, 28, .12),
    inset 0 2px 0 rgba(255, 255, 255, .22);
}

.btn-raise:disabled {
  opacity: .62;
  cursor: wait;
  transform: none;
  filter: grayscale(.12);
}

.btn-raise--block {
  width: 100%;
}

.btn-raise--lagoon {
  --btn-raise-shadow: var(--color-lagoon-dark);
  --btn-raise-border: #087aa4;
  background: linear-gradient(180deg, #25c0dd 0%, #18abc9 68%, var(--color-lagoon-dark) 100%);
}

/* Inventory nav identity — same hue on every inventory page */
.btn-raise--sage {
  /* On Hand — lighter night blue (contrasts orange / purple / green) */
  --btn-raise-shadow: #1a3d66;
  --btn-raise-border: #2a5a8a;
  background: linear-gradient(180deg, #5b9fd4 0%, #3d7eb8 55%, #2a5a8a 100%);
}

.btn-raise--leather {
  /* Storage — orange */
  --btn-raise-shadow: var(--color-sunset-dark);
  --btn-raise-border: #b94709;
  background: linear-gradient(180deg, #ff8f2b 0%, #ff7615 68%, var(--color-sunset-dark) 100%);
}

.btn-raise--vitrine {
  /* Showcase — purple */
  --btn-raise-shadow: var(--color-bloom-dark);
  --btn-raise-border: #7a35c4;
  --btn-raise-text: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42);
  background: linear-gradient(180deg, #c77dff 0%, #a855f7 55%, var(--color-bloom-dark) 100%);
}

.btn-raise--jungle {
  --btn-raise-shadow: #1a8f5c;
  --btn-raise-border: #0a8a4a;
  background: linear-gradient(180deg, #25bd7d 0%, #1faa72 68%, #1a8f5c 100%);
}

.btn-raise--money {
  --btn-raise-shadow: #1a9d4a;
  --btn-raise-border: #128a3e;
  background: linear-gradient(180deg, #5eea8a 0%, #2ecc71 55%, #1a9d4a 100%);
}

.btn-raise--sunset {
  --btn-raise-shadow: var(--color-sunset-dark);
  --btn-raise-border: #b94709;
  background: linear-gradient(180deg, #ff8f2b 0%, #ff7615 68%, var(--color-sunset-dark) 100%);
}

.btn-raise--treasure {
  --btn-raise-shadow: var(--color-treasure-dark);
  --btn-raise-border: #d39a00;
  --btn-raise-text: #172235;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .46);
  background: linear-gradient(180deg, #ffe27a 0%, #ffc93d 68%, var(--color-treasure-dark) 100%);
}

.btn-raise--bloom {
  --btn-raise-shadow: var(--color-bloom-dark);
  --btn-raise-border: #7a35c4;
  background: linear-gradient(180deg, #c77dff 0%, #a855f7 55%, var(--color-bloom-dark) 100%);
}

.btn-raise--ghost {
  --btn-raise-shadow: #3a2418;
  --btn-raise-border: #4a2e1c;
  --btn-raise-text: #fff6e8;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .42);
  background: linear-gradient(180deg, #8b5738 0%, #6A3F28 68%, #3a2418 100%);
}

.btn-raise--premium-lock {
  opacity: .65;
  cursor: not-allowed;
  filter: grayscale(.15);
}

.btn-raise--danger {
  --btn-raise-shadow: var(--color-red-dark);
  --btn-raise-border: #b91c1c;
  background: linear-gradient(180deg, #f87171 0%, #ef4444 68%, var(--color-red-dark) 100%);
}

.btn-raise--block {
  width: 100%;
}