/* TIPS Royale v30.14.0 - card backs from the shop at the table, and the shop with tabs and filters. */

/* ---- my hidden hand (before the cards are turned) ---- */
body.my-back-custom .hand .handcard.card-hidden{
  background:var(--my-card-back) center / cover no-repeat,#0a2742!important;
  border-color:#d4a938!important;
}
body.my-back-custom .hand .handcard.card-hidden .card-back-logo,
body.my-back-custom .hand .handcard.card-hidden::before,
body.my-back-custom .hand .handcard.card-hidden::after{display:none!important}

/* ---- the deck and the dealt cards show the dealer's back ---- */
.poker-stage.deal-custom-back .deal-card,
.poker-stage.deal-custom-back .deal-deck span{
  background:var(--deal-card-back) center / cover no-repeat,#0a2742!important;
}
.poker-stage.deal-custom-back .deal-card::before,
.poker-stage.deal-custom-back .deal-card::after{display:none!important}

/* ---- every player's trick pile shows their back ---- */
.poker-stage .player.custom-back .trick-pile-card,
.player.custom-back .trick-pile-card{
  background:var(--player-card-back) center / cover no-repeat,#0a2742!important;
}

/* ---- the shop: tabs and filter ---- */
.shop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 6px}
.shop-tab{padding:9px 6px;border:1px solid #2a4560;border-radius:12px;background:#091b2b;color:#9db2c7;font-weight:900;font-size:14px;cursor:pointer}
.shop-tab.active{border-color:#c9a24a;background:#1b2c3f;color:#ffe591}
.shop-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.shop-filter-btn{padding:5px 12px;border:1px solid #2a4560;border-radius:999px;background:#091b2b;color:#9db2c7;font-weight:800;font-size:12px;cursor:pointer}
.shop-filter-btn.active{border-color:#ffe591;background:#2c2414;color:#ffe591}
.shop-filter-btn[data-shop-filter="premium"].active{border-color:#c9b3ff;background:linear-gradient(90deg,#3a2470,#1f3b7a);color:#fff}
.shop-normal-tag{padding:2px 8px;border-radius:999px;background:#1b2c3f;border:1px solid #c9a24a;color:#ffe591;font-size:10px;font-weight:1000}
.backs-row .shop-item img{width:64px;height:90px;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.45)}
.shop-item.premium-item{border-color:#6a4ab8;background:radial-gradient(120% 90% at 50% 0%,#2a1f4f,#0b1430)}
.shop-premium-dot{position:absolute;top:5px;right:5px;padding:1px 5px;border-radius:999px;background:linear-gradient(90deg,#5b2ea8,#2f62c9);color:#fff;font-size:8px;font-weight:1000;letter-spacing:.5px}
.shop-note{margin:4px 0 0;color:#9db2c7;font-size:12px;text-align:center}

/* v30.16.0: exclusive HUDs (gold wheel only) */
.shop-item.exclusive-item{border-color:#e0a924!important;background:radial-gradient(120% 90% at 50% 0%,#4a1a10,#170806)!important;box-shadow:0 0 18px rgba(255,90,40,.25)}
.shop-item.exclusive-item:not(.owned) img{filter:brightness(.55) saturate(.7)}
.exclusive-dot{background:linear-gradient(90deg,#b3121b,#e0a924)!important}
.exclusive-tag{padding:6px 2px;font-size:11px;font-weight:1000;color:#ffcf7a;text-align:center}
.exclusive-tag-head{background:linear-gradient(90deg,#b3121b,#e0a924)!important}

/* v30.16.1: the PREMIUM / EKSKLUSIV tag stays in front of the picture */
.shop-item .shop-premium-dot{z-index:4}
.shop-item img{position:relative;z-index:1}
.backs-row .shop-item{padding-top:18px}
.backs-row .shop-premium-dot{top:4px;right:50%;transform:translateX(50%)}