/**
 * WooTweaks Storefront Theme Tweak - Frontend Base Styles
 *
 * UPDATE-SAFE: This file is updated with plugin releases
 * DO NOT EDIT: Changes will be overwritten on update
 *
 * This file contains core plugin functionality CSS for:
 * - Product variations UI
 * - Grid/List view toggle
 * - Plugin-specific features
 *
 * For site-specific customizations, edit frontend-custom.css in the admin panel
 */

/* RESTYLE PAGE ELEMENTS */

.woocommerce-active .site-header .site-search {
  display: none;
}

/* RESTYLE PRODUCT DISPLAY */
.woocommerce .site-main ul.products li.product,
ul.wc-block-product-template__responsive.columns-6 li.product {
  border-radius: 4px 30px;
  /* box-sizing: border-box; */
  margin: 2px;
  padding: 5px 5px 0 5px;
  box-shadow: none;
  transition: box-shadow 800ms, background-color 800ms;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-palette-color-1);
  border-color: var(--wt-primary-25);
}
.woocommerce .site-main ul.products li.product:hover {
  box-shadow: 0 4px 16px 2px rgba(77, 77, 79, 0.08),
    0 8px 12px 2px rgba(77, 77, 79, 0.16);
  background-color: var(--wt-primary-10);
}
ul.products li.product img,
ul.wc-block-product-template__responsive.columns-6 li.product img {
  border-radius: 4px 26px 4px 4px;
  margin-bottom: 0.5em;
  /* width: 100%; */
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* RESTYLE BUTTONS */
.woocommerce-page .button,
.woocommerce-page .checkout-button.button.alt,
.woocommerce-page ul.products li.product .button,
ul.wc-block-product-template__responsive.columns-6 li.product button,
.woocommerce #payment .place-order .button,
.woocommerce .site-header-cart .widget_shopping_cart a.button {
  border-radius: 4px 4px 4px 26px;
  /* width: calc(100% - 1px); */
  padding-right: 5px;
  padding-left: 5px;
}
.add_to_cart_label {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: -5px;
}
.stock-status-label {
  font-size: 95%;
}