/* LockGrip Elite v1.2 WooCommerce Customizer CSS
   Uses :root vars output by functions.php
*/

/* Container sizing */
.lockgrip-elite-woo .container.pad-y{
  max-width: var(--lge-wc-container, 1200px);
}

.lockgrip-elite-woo.lockgrip-elite-forms .container.pad-y{
  max-width: var(--lge-wc-forms, 980px);
}

/* White background toggle */
.lockgrip-elite-woo.white-bg,
.lockgrip-elite-woo.white-bg body{
  background: #fff !important;
}
.lockgrip-elite-woo.white-bg .site,
.lockgrip-elite-woo.white-bg #page{
  background: #fff !important;
}

/* Shop grid */
.woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(var(--lge-wc-cols-d, 4), minmax(0, 1fr));
  gap: var(--lge-wc-gap, 18px);
}

@media (max-width: 992px){
  .woocommerce ul.products{ grid-template-columns: repeat(var(--lge-wc-cols-t, 2), minmax(0, 1fr)); }
}
@media (max-width: 600px){
  .woocommerce ul.products{ grid-template-columns: repeat(var(--lge-wc-cols-m, 1), minmax(0, 1fr)); }
}

.woocommerce ul.products li.product{
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  border-radius: var(--lge-wc-radius, 14px);
  overflow: hidden;
  box-shadow: var(--lge-wc-shadow, none);
}

/* Accent */
.woocommerce span.onsale{ background: var(--lge-wc-accent, #ff6a00); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  border-color: var(--lge-wc-accent, #ff6a00);
}