/* ============================================================
   Shared Product Card + Button Design -- inapta.org
   Loaded on BOTH the PAC store grid page (pac-store.css) and
   every WooCommerce single-product page (product-detail.css,
   sitewide) so the product-card look (border, radius, title,
   price, image) and the "Add to cart" button design stay
   IDENTICAL everywhere they appear: the main PAC grid, the
   product-detail "buy box", and the product-detail related-
   products grid. Edit values HERE, not in the page-specific
   files, so they can't drift apart again.
   UNITS: rem, scaled against this site's actual 10px root
   (html{font-size:62.5%} site-wide -- see pac-store.css for the
   full write-up). Border widths kept in px.
   ============================================================ */

/* --- Card container: border, radius, padding, shadow, hover --- */
.page-id-18030 ul.products li.product,
.single-product ul.products li.product{
  background:#fff;border:3px solid #f0f0f0;border-color:#f0f0f0 !important;
  border-radius:0.5rem;overflow:hidden;padding:2rem;
  box-shadow:0 0.2rem 0.8rem rgba(0,0,0,0.06);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
  font-family:"Roboto",Arial,sans-serif;
}
.page-id-18030 ul.products li.product:hover,
.single-product ul.products li.product:hover{
  border-color:#357ebf !important;
  box-shadow:0 0.4rem 1.4rem rgba(0,0,0,0.1);
  transform:translateY(-0.3rem);
}
.page-id-18030 ul.products li.product a,
.single-product ul.products li.product a{
  text-decoration:none !important;color:inherit;
}
.page-id-18030 ul.products li.product img,
.single-product ul.products li.product img{
  display:block !important;width:100%;aspect-ratio:199/130;
  object-fit:cover;border-radius:0.4rem;margin:0 0 1.6rem;
}

/* --- Card title --- */
.page-id-18030 ul.products li.product h2.woocommerce-loop-product__title,
.single-product ul.products li.product h2,
.single-product ul.products li.product h3{
  font-size:2.2rem !important;line-height:1.15 !important;font-weight:400 !important;
  font-family:"Roboto",Arial,sans-serif !important;color:#357ebf !important;
  padding:0 !important;margin:0 0 1rem !important;text-decoration:none !important;
}

/* --- Price: card price AND the product-detail buy-box price --- */
.page-id-18030 ul.products li.product .price,
.single-product ul.products li.product .price,
.single-product .pac-product-buy .price{
  display:block !important;padding:0;margin:0 0 1.6rem !important;
  font-weight:700 !important;font-size:2.8rem !important;color:#222 !important;
  font-family:"Roboto",Arial,sans-serif !important;text-decoration:none !important;
}

/* --- Form input box (filter select + product-detail quantity input) --- */
.page-id-18030 .pac-filter-select,
.single-product .pac-product-buy .quantity .qty{
  border:1px solid #949494 !important;border-radius:0.4rem !important;
  height:4.8rem !important;font-size:1.6rem !important;
  font-family:"Roboto",Arial,sans-serif !important;box-sizing:border-box !important;
}

/* --- "Add to cart" / "Donate" button: same visual design in all
   three places it appears -- PAC grid card, related-products card,
   and the product-detail buy-box. Copied from the reference page's
   .vc_btn3-style-custom gradient overlay treatment. --- */
.page-id-18030 ul.products li.product a.button,
.single-product ul.products li.product .button,
.single-product .pac-product-buy button.single_add_to_cart_button{
  background-color:#1e73be !important;
  background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.1)) !important;
  background-repeat:repeat-x !important;background-size:200% !important;
  background-position:0 -100% !important;
  color:#fff !important;border:none !important;border-radius:0.5rem !important;
  font-size:1.6rem !important;font-weight:400 !important;
  font-family:"Roboto",Arial,sans-serif !important;
  cursor:pointer;text-decoration:none !important;
  transition:background-position .2s ease,background-color .2s ease;
}
.page-id-18030 ul.products li.product a.button:hover,
.page-id-18030 ul.products li.product a.button:focus,
.single-product ul.products li.product .button:hover,
.single-product .pac-product-buy button.single_add_to_cart_button:hover{
  background-color:#175a94 !important;background-position:0 100% !important;
}
.page-id-18030 ul.products li.product a.button::after,
.single-product ul.products li.product .button::after,
.single-product .pac-product-buy button.single_add_to_cart_button::after{
  content:"\f105";font-family:"FontAwesome";font-weight:normal;margin-left:1rem;
}