/* pc-basic-atc.css 
atc appear when hover
*/

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

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

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

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

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

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

.pc-basic-atc .wc-block-product-template > li .wc-block-components-product-button__button {
  /* background-color: lab(0 0 0 / 0.05); */
  margin-top: 0px !important;
  border: 1px solid black!important;
}

.pc-basic-atc .wc-block-product-template > li .wc-block-components-product-button__button:hover {
  background-color: lab(0 0 0 / 0.1);
}
/* atc hidden */
/* .pc-basic-atc ul.wc-block-product-template.columns-4 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 430px){
.pc-basic-atc ul.wc-block-product-template.columns-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}}
@media (min-width: 700px){
.pc-basic-atc ul.wc-block-product-template.columns-4 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}}
@media (min-width: 1024px){
.pc-basic-atc ul.wc-block-product-template.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}} */

.pc-basic-atc .wc-block-product-template > li {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  position: relative;
}

.pc-basic-atc .wc-block-product-template > li > .hero-media-wrapper {
  grid-row: 1;
  grid-column: 1;
}

.pc-basic-atc .wc-block-product-template > li > .wc-block-components-product-button {
  grid-row: 1;
  grid-column: 1;
  align-self: end;
  z-index: 3;
  bottom: 12px;
  padding: 10px 16px;
  background-color: lab(100 0 0 / 0.6); 
  min-width: 0;
  display: none;
} 

.pc-basic-atc .wc-block-product-template > li:focus-within> .wc-block-components-product-button,
.pc-basic-atc .wc-block-product-template > li:hover > .wc-block-components-product-button{
  display: flex;
}


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

.pc-basic-atc .wc-block-product-template > li .wc-block-components-product-button__button:focus:not(:focus-visible),
.pc-basic-atc .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-atc .wc-block-product-template > li .wc-block-components-product-button > span{
  display: none;
}