/* ==========================================================================
   MULTITRO CARDS & JOKERS STYLING
   ========================================================================== */

/* Standard Playing Card */
.poker-card {
  position: relative;
  width: var(--card-width);
  height: var(--card-height);
  background: #ffffff;
  color: #1e293b;
  border-radius: var(--card-radius);
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6px;
  cursor: pointer;
  transition: transform 0.18s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.18s ease;
  user-select: none;
  flex-shrink: 0;
}

.poker-card:hover:not(.disabled) {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45);
  z-index: 10;
}

/* Card Selected State */
.poker-card.selected {
  transform: translateY(-24px) scale(1.04);
  box-shadow: 0 14px 28px rgba(234, 179, 8, 0.45), 0 0 0 2px var(--gold-coin);
  z-index: 20;
}

/* Disabled / Opponent / Unplayable */
.poker-card.disabled {
  opacity: 0.6;
  filter: grayscale(0.5);
  cursor: default;
}

/* Card Corner Indexes (Rank + Suit) */
.card-corner {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  font-family: var(--font-mono);
}

.card-corner.top-left {
  align-self: flex-start;
}

.card-corner.bottom-right {
  align-self: flex-end;
  transform: rotate(180deg);
}

.card-rank {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.5px;
}

.card-suit-symbol {
  font-size: 14px;
}

/* Center Card Art / Pips */
.card-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.card-center-suit {
  font-size: 32px;
  opacity: 0.9;
}

/* Card Custom Art Image Layer */
.card-art-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--card-radius) - 1px);
  pointer-events: none;
}

/* Suit Colors */
.suit-hearts, .suit-diamonds, .suit-♥, .suit-♦ {
  color: var(--suit-hearts);
}

.suit-spades, .suit-clubs, .suit-♠, .suit-♣ {
  color: #1e293b;
}

/* Card Back (Facedown / Opponent) */
.poker-card.card-back {
  background: repeating-linear-gradient(
    45deg,
    #1e3a8a,
    #1e3a8a 10px,
    #1e40af 10px,
    #1e40af 20px
  );
  border: 2px solid #93c5fd;
  cursor: default;
}

.poker-card.card-back::after {
  content: "🃏";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  opacity: 0.8;
}

/* ==========================================================================
   EDITIONS
   ========================================================================== */

/* Wilder Edition (PvP Curse / Interactive) */
.edition-wilder {
  border: 2px solid var(--wilder-purple) !important;
  box-shadow: 0 0 14px var(--wilder-glow), inset 0 0 8px var(--wilder-glow) !important;
  animation: pulse-wilder 2.5s infinite ease-in-out;
}

.edition-wilder .edition-badge {
  background: var(--wilder-purple);
  color: #fff;
}

/* Foil Edition (+50 Chips) */
.edition-foil {
  box-shadow: 0 0 12px rgba(6, 182, 212, 0.4), inset 0 0 8px rgba(6, 182, 212, 0.25) !important;
  border: 1px solid var(--foil-cyan) !important;
}

/* Holo Edition (+10 Mult) */
.edition-holo {
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.4), inset 0 0 8px rgba(34, 197, 94, 0.25) !important;
  border: 1px solid var(--holo-green) !important;
}

/* Polychrome Edition (x1.5 Mult) */
.edition-polychrome {
  border: 2px solid transparent !important;
  background: linear-gradient(#fff, #fff) padding-box, var(--poly-gradient) border-box !important;
  box-shadow: 0 0 14px rgba(234, 179, 8, 0.5) !important;
}

/* Edition & Seal Pill Tags */
.card-badges-row {
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 2px;
  pointer-events: none;
}

.edition-pill, .enhancement-pill, .seal-pill {
  font-size: 8px;
  font-weight: 800;
  padding: 1px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.enhancement-pill {
  background: #334155;
  color: #f1f5f9;
}

.seal-pill.seal-red { background: #ef4444; color: white; }
.seal-pill.seal-gold { background: #eab308; color: #1e1b4b; }
.seal-pill.seal-blue { background: #3b82f6; color: white; }
.seal-pill.seal-purple { background: #a855f7; color: white; }

/* ==========================================================================
   JOKER & CONSUMABLE CARDS
   ========================================================================== */

.item-card {
  position: relative;
  width: 104px;
  height: 140px;
  border-radius: 8px;
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  flex-shrink: 0;
}

.item-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
}

.item-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-name {
  font-size: 11px;
  font-weight: 800;
  color: #f8fafc;
  line-height: 1.2;
}

.item-cost {
  font-size: 12px;
  font-weight: 900;
  color: var(--gold-coin);
  font-family: var(--font-mono);
}

.item-icon {
  font-size: 32px;
  text-align: center;
  margin: 6px 0;
}

.item-desc {
  font-size: 10px;
  color: #94a3b8;
  line-height: 1.2;
  text-align: center;
  max-height: 38px;
  overflow: hidden;
}

.item-card-btn {
  width: 100%;
  padding: 4px;
  font-size: 11px;
}

/* Joker Rarities */
.item-card.rarity-common { border-color: #94a3b8; }
.item-card.rarity-uncommon { border-color: #38bdf8; box-shadow: 0 0 8px rgba(56, 189, 248, 0.3); }
.item-card.rarity-rare { border-color: #f43f5e; box-shadow: 0 0 10px rgba(244, 63, 94, 0.35); }
.item-card.rarity-legendary { border-color: #a855f7; box-shadow: 0 0 14px rgba(168, 85, 247, 0.5); }