/* pc-basic.css */

.pc-basic .wc-block-product-template > li {
  position: relative;
}

.pc-basic .wc-block-product-template > li img {
  transition: transform 0.25s ease;
}

.pc-basic .wc-block-product-template > li:hover img,
.pc-basic .wc-block-product-template > li:focus-within img {
  transform: scale(1.04);
}

.pc-basic .wc-block-product-template > li .wp-block-post-title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.pc-basic .wc-block-product-template > li .wc-block-components-product-button {
  position: relative;
  z-index: 2;
}

.pc-basic .wc-block-product-template > li .wc-block-components-product-button__button {
  transition: background-color 0.2s ease;
}

.pc-basic .wc-block-product-template > li .wc-block-components-product-button__button {
  background-color: lab(0 0 0 / 0.05);
}

.pc-basic .wc-block-product-template > li .wc-block-components-product-button__button:hover {
  background-color: lab(0 0 0 / 0.1);
}

.pc-basic .wc-block-product-template > li .wc-block-components-product-button__buttons:focus-visible,
.pc-basic .wc-block-product-template > li:has(> h2 > a:focus-visible){
    outline: 1px solid black !important;
}

.pc-basic .wc-block-product-template > li .wc-block-components-product-button__button:focus:not(:focus-visible),
.pc-basic .wc-block-product-template > li > h2 > a:focus{
    outline-width: 0px !important;
} 

/* hide view cart button appear after add to cart button for simple product */
.pc-basic .wc-block-product-template > li .wc-block-components-product-button > span{
  display: none;
}