/*
 Theme Name:   Shoptimizer Child
 Description:  Child theme for Shoptimizer
 Author:       Kendall Brannen
 Template:     shoptimizer
 Version:      1.0.0
*/

/*
* Pura style control 
* To control product archive top filter bar
*/
.sbmh-archive-controls{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin: 18px 0 26px;
}

/* Filters button */
.sbmh-archive-controls .sbmh-filter-btn,
.sbmh-archive-controls [data-fibofilters="open-offcanvas"]{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  padding:10px 14px;
  background:#fff;
  font-family:"Open Sans", sans-serif;
  font-size:14px;
  line-height:1.2;
  cursor:pointer;
}
.sbmh-archive-controls .sbmh-filter-btn:hover,
.sbmh-archive-controls [data-fibofilters="open-offcanvas"]:hover{
  background:rgba(0,0,0,.03);
}

/* Sort dropdown */
.sbmh-archive-controls .woocommerce-ordering select{
  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  padding:10px 14px;
  font-family:"Open Sans", sans-serif;
  font-size:14px;
}


/*Fibo filter drawer*/
/* Off-canvas panel: soften and modernize */
.fibofilters-offcanvas,
.fibofilters-drawer{
  border-radius: 0 18px 18px 0;
}

/* Section headings */
.fibofilters-offcanvas h3,
.fibofilters-offcanvas .filter-title{
  font-family:"Merriweather", serif;
  font-size:16px;
  line-height:1.2;
}

/* Option text */
.fibofilters-offcanvas label,
.fibofilters-offcanvas .option{
  font-family:"Open Sans", sans-serif;
  font-size:14px;
  line-height:1.4;
}


/*Single-Product page remove woo star rating and quantity box*/
/* Remove Woo-ish elements to match Pura */
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .quantity{
  display:none !important;
}


/*Hide add to cart button to apply overlay*/
/* Hide CTA until hover (desktop) */
@media (min-width: 1024px){
  .woocommerce ul.products li.product .button{
    opacity:0;
    transform: translateY(6px);
    transition: opacity .15s ease, transform .15s ease;
  }
  .woocommerce ul.products li.product:hover .button{
    opacity:1;
    transform: translateY(0);
  }
}


/*Tighten card typography and spacing*/
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:"Merriweather", serif;
  font-size:18px;
  line-height:1.2;
  margin: 10px 0 6px;
}

.woocommerce ul.products li.product .price{
  font-family:"Open Sans", sans-serif;
  font-size:14px;
  line-height:1.4;
  color:#56595F;
  margin-bottom: 10px;
}


/* Airy grid like Pura */
.woocommerce ul.products{
  gap: 22px !important;
}

body.woocommerce.archive{
  background: #F2F2F2; /* or your background */
}


/*Make cards stand off background*/
.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:14px;
}