/* TOPBAR V19 — store slot cleanup only.
   Goal: keep the exact V18 shop image/animation, but remove the visible dark rectangular slot behind it.
   No new artwork is used. */

/* The V18 shop PNG is transparent. The ugly rectangle came from exposing the raw
   .zk-v9-stage background after the old store shell was hidden. Rebuild only the
   neutral topbar chrome behind the button so the store area visually continues
   into the bar instead of reading as a separate black box. */
.zk-v9-store-cell{
  background-color:#061321!important;
  background-image:
    url('assets/ui/zenkai_topbar_v9/center_top_strip.png'),
    url('assets/ui/zenkai_topbar_v9/center_bottom_strip.png'),
    linear-gradient(180deg,#071726 18px,#061321 18px,#061321 87px,#071421 87px)!important;
  background-repeat:repeat-x,repeat-x,no-repeat!important;
  background-position:left top,left bottom,0 0!important;
  background-size:100px 18px,100px 18px,100% 100%!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  isolation:auto!important;
  overflow:visible!important;
}

/* Nothing except the actual button image should paint an extra rectangle. */
.zk-v9-store-cell>.zk-v9-shell{
  display:none!important;
}
.zk-v9-store-cell::before,
.zk-v9-store-cell::after{
  content:none!important;
  display:none!important;
}
.store-btn{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.store-btn:hover,
.store-btn:focus,
.store-btn:active{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}

/* Preserve V18 shop art and its animated light exactly; don't add a backing plate. */
.zk-store-custom{
  background:transparent!important;
  box-shadow:none!important;
}