/**
 * Provides styling for the toolbar.
 */

.toolbar-icon-shopify:before {
  --shopify-toolbar-icon: url('/modules/custom/activated_shopify/images/shopify-toolbar-icon.svg');
  -webkit-mask-image: var(--shopify-toolbar-icon) !important;
  -webkit-mask-size: 20px 20px !important;
  mask-image: var(--shopify-toolbar-icon) !important;
}

/**
 * Provides styling for Shopify Views.
 */

.ui-dialog-content:has(#entity_browser_iframe_shopify_product) {
  overflow: clip !important;
}

.view-header {
  & .view-results-count {
    text-align: right;
  }
}

.view-shopify-products.view-display-id-entity_browser {
  & .views-view-grid .views-row {
    border-style: none !important;
  }
  & .views-view-grid .views-row {
    margin-bottom: 1rem;
  }
  & .views-view-grid .views-row {
    & .views-col.entity-browser-enhanced-processed.selected::before {
      background-size: 25% !important;
    }
  }
  & .views-field.views-field-nothing {
    position: absolute;
  }
  & .views-field.views-field-nothing {
    bottom: 6px;
  }
  & .views-field.views-field-nothing {
    display: inline-block;
  }
  & .views-field.views-field-nothing {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
  & .views-field.views-field-nothing {
    --tw-bg-opacity: 0.5;
  }
  & .views-field.views-field-nothing {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  & .views-field.views-field-nothing {
    min-height: 72px;
  }
  & .views-field.views-field-nothing {
    margin-right: 43px;
  }
  & .views-field.views-field-nothing {
    padding-top: 1rem;
  }
  & .views-field.views-field-nothing {
    padding-right: 0px;
  }
  & .views-field.views-field-nothing {
    padding-bottom: 1rem;
  }
  & .views-field.views-field-nothing {
    padding-left: 1rem;
  }
  & .views-field.views-field-nothing {
    width: 91%;
  }
  & .views-field.views-field-nothing {
    & .field-content {
      font-size: 90%;
    }
    & .product-title {
      font-weight: 700;
    }
    & .product-color,
    & .product-updated {
      font-size: 80%;
    }
  }
}

.view-shopify-product-variants h4.product-group {
  margin-bottom: 0px;
}