/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ATWOZ: consistent professional WooCommerce product-card spacing */
.products .product-small .box-image {
  margin-bottom: 12px;
}
.products .product-small .box-text,
.product-small .box-text {
  padding-top: 0;
  padding-bottom: 14px;
}
.products .product-small .product-title,
.product-small .product-title {
  margin-bottom: 6px;
  line-height: 1.35;
}
.products .product-small .price,
.product-small .price {
  margin-top: 0;
  line-height: 1.3;
}
.products .product-small .box-text > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.products .product-small .box-image {
  margin-bottom: 0;
}

/* ATWOZ mobile shop override: force compact list cards regardless of archive body class */
.shop-container .products {
  display: block !important;
}
.shop-container .products > .product-small {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
  padding: 0 10px 12px !important;
}
.shop-container .product-small.atwoz-kalles-card > .col-inner {
  position: relative !important;
  height: auto !important;
  min-height: 190px !important;
  padding: 14px 14px 58px !important;
  margin: 0 !important;
  border: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
}
.shop-container .product-small.atwoz-kalles-card .product-small.box {
  display: grid !important;
  grid-template-columns: 34% minmax(0,66%) !important;
  gap: 12px !important;
  align-items: start !important;
  height: auto !important;
  min-height: 0 !important;
}
.shop-container .product-small.atwoz-kalles-card .box-image {
  width: 100% !important;
  height: 132px !important;
  min-height: 0 !important;
}
.shop-container .product-small.atwoz-kalles-card .box-image .image-fade_in_back {
  width: 100% !important;
  height: 132px !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.shop-container .product-small.atwoz-kalles-card .box-image img {
  width: 100% !important;
  height: 132px !important;
  object-fit: contain !important;
}
.shop-container .product-small.atwoz-kalles-card .box-text {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}
.shop-container .product-small.atwoz-kalles-card .atwoz-card-cart {
  position: absolute !important;
  left: 38% !important;
  right: 14px !important;
  bottom: 14px !important;
  width: auto !important;
  height: 40px !important;
  margin: 0 !important;
}

.products .product-small .box-text,
.product-small .box-text {
  padding-bottom: 12px;
}
.products .product-small .product-title,
.product-small .product-title {
  margin-bottom: 5px;
}

/* ATWOZ mobile shop: compact premium horizontal product cards */
.woocommerce-shop .shop-container .products,
.tax-product_cat .shop-container .products,
.tax-wpc-collection .shop-container .products {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.woocommerce-shop .shop-container .products > .product-small,
.tax-product_cat .shop-container .products > .product-small,
.tax-wpc-collection .shop-container .products > .product-small {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
  padding: 0 10px 14px !important;
}

.woocommerce-shop .product-small.atwoz-kalles-card > .col-inner,
.tax-product_cat .product-small.atwoz-kalles-card > .col-inner,
.tax-wpc-collection .product-small.atwoz-kalles-card > .col-inner {
  position: relative;
  min-height: 184px;
  padding: 14px 14px 58px;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

.woocommerce-shop .product-small.atwoz-kalles-card .product-small.box,
.tax-product_cat .product-small.atwoz-kalles-card .product-small.box,
.tax-wpc-collection .product-small.atwoz-kalles-card .product-small.box {
  display: grid;
  grid-template-columns: 34% 66%;
  align-items: start;
  gap: 12px;
}

.woocommerce-shop .product-small.atwoz-kalles-card .box-image,
.tax-product_cat .product-small.atwoz-kalles-card .box-image,
.tax-wpc-collection .product-small.atwoz-kalles-card .box-image {
  width: 100% !important;
  padding: 0 !important;
}

.woocommerce-shop .product-small.atwoz-kalles-card .box-image .image-fade_in_back,
.tax-product_cat .product-small.atwoz-kalles-card .box-image .image-fade_in_back,
.tax-wpc-collection .product-small.atwoz-kalles-card .box-image .image-fade_in_back {
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.woocommerce-shop .product-small.atwoz-kalles-card .box-image img,
.tax-product_cat .product-small.atwoz-kalles-card .box-image img,
.tax-wpc-collection .product-small.atwoz-kalles-card .box-image img {
  width: 100% !important;
  height: 132px !important;
  object-fit: contain;
}

.woocommerce-shop .product-small.atwoz-kalles-card .box-text,
.tax-product_cat .product-small.atwoz-kalles-card .box-text,
.tax-wpc-collection .product-small.atwoz-kalles-card .box-text {
  width: 100% !important;
  padding: 0 4px 0 0 !important;
  text-align: left;
}

.woocommerce-shop .product-small.atwoz-kalles-card .product-cat,
.tax-product_cat .product-small.atwoz-kalles-card .product-cat,
.tax-wpc-collection .product-small.atwoz-kalles-card .product-cat {
  margin: 0 0 4px;
  font-size: 10px;
  line-height: 1.25;
}

.woocommerce-shop .product-small.atwoz-kalles-card .product-title,
.tax-product_cat .product-small.atwoz-kalles-card .product-title,
.tax-wpc-collection .product-small.atwoz-kalles-card .product-title {
  margin: 0 0 7px;
  font-size: 13px;
  line-height: 1.3;
}

.woocommerce-shop .product-small.atwoz-kalles-card .wpcpc-wrap,
.tax-product_cat .product-small.atwoz-kalles-card .wpcpc-wrap,
.tax-wpc-collection .product-small.atwoz-kalles-card .wpcpc-wrap {
  margin: 6px 0 2px;
  font-size: 11px;
  line-height: 1.25;
}

.woocommerce-shop .product-small.atwoz-kalles-card .price,
.tax-product_cat .product-small.atwoz-kalles-card .price,
.tax-wpc-collection .product-small.atwoz-kalles-card .price {
  display: block;
  margin-top: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.woocommerce-shop .product-small.atwoz-kalles-card .atwoz-card-cart,
.tax-product_cat .product-small.atwoz-kalles-card .atwoz-card-cart,
.tax-wpc-collection .product-small.atwoz-kalles-card .atwoz-card-cart {
  position: absolute !important;
  right: 14px;
  bottom: 14px;
  left: 38%;
  width: auto !important;
  max-width: 230px;
  height: 40px;
  margin: 0 !important;
  border-radius: 22px;
  overflow: hidden;
  display: flex !important;
  align-items: stretch;
}

.woocommerce-shop .product-small.atwoz-kalles-card .atwoz-card-cart button,
.woocommerce-shop .product-small.atwoz-kalles-card .atwoz-card-cart input,
.tax-product_cat .product-small.atwoz-kalles-card .atwoz-card-cart button,
.tax-product_cat .product-small.atwoz-kalles-card .atwoz-card-cart input,
.tax-wpc-collection .product-small.atwoz-kalles-card .atwoz-card-cart button,
.tax-wpc-collection .product-small.atwoz-kalles-card .atwoz-card-cart input {
  min-height: 40px !important;
  margin: 0 !important;
}

.woocommerce-shop .product-small.atwoz-kalles-card .atwoz-card-add,
.tax-product_cat .product-small.atwoz-kalles-card .atwoz-card-add,
.tax-wpc-collection .product-small.atwoz-kalles-card .atwoz-card-add {
  min-width: 44px;
}

.woocommerce-shop .product-small.atwoz-kalles-card .image-tools.top.right,
.tax-product_cat .product-small.atwoz-kalles-card .image-tools.top.right,
.tax-wpc-collection .product-small.atwoz-kalles-card .image-tools.top.right {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}

.woocommerce-shop .atwoz-shop-toolbar,
.tax-product_cat .atwoz-shop-toolbar,
.tax-wpc-collection .atwoz-shop-toolbar {
  margin-bottom: 18px;
}
}

/* ATWOZ emergency mobile card height reset — override custom product-card plugin */
@media only screen and (max-width: 48em) {
  .shop-container .products > .product-small.atwoz-kalles-card,
  .shop-container .products > .product-small.atwoz-kalles-card > .col-inner,
  .shop-container .products > .product-small.atwoz-kalles-card .product-small.box {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .shop-container .products > .product-small.atwoz-kalles-card > .col-inner {
    display: block !important;
    padding: 14px !important;
    margin-bottom: 12px !important;
  }

  .shop-container .products > .product-small.atwoz-kalles-card .product-small.box {
    display: grid !important;
    grid-template-columns: 34% 66% !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .shop-container .products > .product-small.atwoz-kalles-card .box-image {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .shop-container .products > .product-small.atwoz-kalles-card .box-image .image-fade_in_back {
    height: 138px !important;
    min-height: 0 !important;
  }

  .shop-container .products > .product-small.atwoz-kalles-card .box-text {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .shop-container .products > .product-small.atwoz-kalles-card .atwoz-card-cart {
    position: static !important;
    width: fit-content !important;
    max-width: 230px !important;
    height: 40px !important;
    margin: 10px 0 0 36% !important;
  }
}