/* MTG Shop Sidebar: solo sidebar */

.mtg-shop-cats a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.mtg-shop-cat-count {
  flex: 0 0 auto !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: rgba(37, 99, 235, .10) !important;
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mtg-shop-cats a.is-active .mtg-shop-cat-count {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
}

/* ==========================================================
   MTG_CATEGORY_TREE_V1
   Categorías padre / hijas en Shop Sidebar
   ========================================================== */

.mtg-shop-cats .mtg-shop-cat-node {
    width: 100%;
}

.mtg-shop-cats .mtg-shop-cat-row {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.mtg-shop-cats .mtg-shop-cat-row > a {
    flex: 1 1 auto;
    min-width: 0;
}

.mtg-shop-cats .mtg-shop-cat-toggle {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 19px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}

.mtg-shop-cats .mtg-shop-cat-toggle:hover {
    background: #e0e7ff;
    color: #312e81;
}

.mtg-shop-cats .mtg-shop-cat-node.is-open
> .mtg-shop-cat-row
> .mtg-shop-cat-toggle {
    background: #ede9fe;
    color: #6d28d9;
}

.mtg-shop-cats .mtg-shop-cat-children {
    margin: 4px 0 5px 13px;
    padding-left: 10px;
    border-left: 2px solid #e8eaf1;
}

.mtg-shop-cats .mtg-shop-cat-children[hidden] {
    display: none !important;
}

.mtg-shop-cats
.mtg-shop-cat-depth-1
> .mtg-shop-cat-row
> a {
    font-size: 14px;
}

.mtg-shop-cats
.mtg-shop-cat-depth-1
> .mtg-shop-cat-row
> a
.mtg-shop-cat-name::before {
    content: "↳";
    margin-right: 6px;
    opacity: .55;
}

.mtg-shop-cats .mtg-shop-cat-count {
    flex: 0 0 auto;
}