/*!
 * SHOP GENERAL
 * - Gallery image sizing
 * - Product card styling
 * - Typography tweaks (title caps, line height)
 */








 
 
 /* Vertically center non-1:1 images within 1:1 image container for WooCommerce product pages */
 .woo-main-slide.woo-main-slide,
 .kadence-product-gallery-main .splide__slide {
     padding: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f6f6f6;
 }
 .kadence-product-gallery-thumbnails {
   padding: 12px 0 0 0;
 }
 
 
 
 
 
 
 
 /* Change default capitalization of each word in product titles to instead display exactly as entered */
 .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
   text-transform: none !important; /* or uppercase / lowercase / capitalize */
 }
 
 /* Decrease line-height on shop product titles */
 h1.product_title.entry-title
  {
     line-height: 1.2em !important;
 }
 
 /* Modify the display of the count for each product category to be less obtrusive */
 .woocommerce .product-category .count {
   font-weight: normal;
   font-family: 'Bebas Neue Pro', sans-serif !important;
   font-size: 0.9em;
   opacity: 0.5;
   background: none;
   color: inherit;
 }






/*! ***** SHOP ********************* */
 
 /* Styling shop filters on shop archive pages e.g. under Art Gallery showing 'Cityscapes, Iconic Works, Landscapes' etc... */
 /* Remove default list styling and align inline */
 /* Container for the filter area */
 
 .shop-filters-wrapper {
   text-align: center;
   margin-bottom: 1em;
   padding-bottom: 20px;
 }
 .shop-filter {
   display: inline-flex;
   flex-wrap: wrap;
   gap: 8px;
   justify-content: center;
   list-style: none;
   padding: 0;
   margin: 0;
   vertical-align: middle;
 }
 
 .shop-filter-label {
   display: none;
 }
 /* "Filter by:" label */
 /*
 .shop-filter::before {
   content: 'Filter by:';
   font-weight: 300;
   font-size: .8rem;
   margin-right: 10px;
   display: block;
   color: #333;
   vertical-align: middle;
 }
 */
 
 /* Remove bullets and make list horizontal */
 .shop-filter ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: inline;
 }
 
 .shop-filter ul li {
   display: inline-block;
   margin-right: 0px;
 }
 
 /* Button-style links */
 .shop-filter ul li a {
   display: flex;
   gap: 20px;
   padding: 6px 20px;
   background: #c90;
   border: 0px solid #444;
   border-radius: 3px;
   color: #fff;
   text-decoration: none;
   font-weight: 300;
   font-size: 16px;
   transition: background 0.2s, color 0.2s;
 }
 
 .shop-filter ul li a:hover {
   background: var(--brandYellow);
 }