/* PremiumShop 2.8.0 — Final Storefront & Demo Polish */



/* WooCommerce clearfix pseudo elements are real grid children when products

   are rendered through our custom CSS grid. Keep every storefront grid clean. */

.woocommerce .bw-recent-products .products::before,

.woocommerce .bw-recent-products .products::after,

.woocommerce .bw-saved-products-page .products::before,

.woocommerce .bw-saved-products-page .products::after{

  content:none!important;

  display:none!important;

}



/* Recently viewed: always start from column one and stay aligned with the

   rest of the product-card system. */

.woocommerce .bw-recent-products .bw-recent-products-grid{

  display:grid!important;

  grid-template-columns:repeat(4,minmax(0,1fr))!important;

  gap:18px!important;

  width:100%!important;

  margin:0!important;

  padding:0!important;

  list-style:none!important;

  align-items:stretch!important;

}

.woocommerce .bw-recent-products .bw-recent-products-grid>li.product,

.woocommerce .bw-recent-products .bw-recent-products-grid>li.product.first,

.woocommerce .bw-recent-products .bw-recent-products-grid>li.product.last{

  float:none!important;

  clear:none!important;

  width:100%!important;

  max-width:none!important;

  min-width:0!important;

  margin:0!important;

  grid-column:auto!important;

}

.woocommerce .bw-recent-products .bw-product-card-inner{height:100%!important}



/* Customer-facing empty states. Keep admin/instructional wording out of the

   storefront and always provide a useful next action. */

.bw-storefront-empty{

  width:100%;

  min-height:260px;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  text-align:center;

  padding:44px 24px!important;

  border:1px solid #dfe6ef!important;

  border-radius:16px;

  background:#fff!important;

  color:#667085;

  box-shadow:0 12px 32px rgba(15,23,42,.035);

}

.bw-storefront-empty-compact{min-height:210px;padding:32px 20px!important}

.bw-storefront-empty-icon{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  width:54px;

  height:54px;

  margin-bottom:14px;

  border:1px solid #dfe6ef;

  border-radius:50%;

  background:#f8fafc;

  color:#5b7cfa;

}

.bw-storefront-empty h2,

.bw-storefront-empty h3{

  margin:0 0 8px!important;

  color:#101828!important;

  font-size:21px!important;

  line-height:1.3!important;

  font-weight:750!important;

}

.bw-storefront-empty h3{font-size:18px!important}

.bw-storefront-empty p{

  max-width:560px;

  margin:0 auto!important;

  color:#667085!important;

  font-size:13px!important;

  line-height:1.65!important;

}

.bw-storefront-empty-actions{

  display:flex;

  align-items:center;

  justify-content:center;

  flex-wrap:wrap;

  gap:9px;

  margin-top:20px;

}

.bw-storefront-empty .bw-button{

  min-height:40px;

  margin-top:0!important;

  padding:0 17px;

  border-radius:10px;

  font-size:11px;

  text-decoration:none!important;

}

.bw-storefront-empty .bw-button-dark{

  border:1px solid #101828;

  background:#101828;

  color:#fff!important;

}

.bw-storefront-empty .bw-button-outline{

  border:1px solid #d7e0ec;

  background:#fff;

  color:#101828!important;

}

.bw-storefront-empty .bw-button-outline:hover{

  border-color:#98a2b3;

  background:#f8fafc;

}

.bw-catalog-empty{margin:0 0 24px}



/* Do not expose configuration instructions to customers when the merchant has

   intentionally left social links empty. The remaining footer columns expand. */

.bw-footer-grid.bw-footer-grid-no-social{

  grid-template-columns:1.7fr repeat(3,minmax(130px,1fr));

}



@media (max-width:1100px){

  .woocommerce .bw-recent-products .bw-recent-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

}

@media (max-width:980px){

  .bw-footer-grid.bw-footer-grid-no-social{grid-template-columns:repeat(3,1fr)}

  .bw-footer-grid.bw-footer-grid-no-social .bw-footer-brand{grid-column:1/-1}

}

@media (max-width:782px){

  .woocommerce .bw-recent-products .bw-recent-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}

  .bw-storefront-empty{min-height:220px;padding:34px 18px!important;border-radius:14px}

  .bw-storefront-empty h2{font-size:18px!important}

  .bw-storefront-empty h3{font-size:16px!important}

  .bw-storefront-empty p{font-size:12px!important}

  .bw-storefront-empty-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}

  .bw-storefront-empty .bw-button{width:100%}

  .bw-footer-grid.bw-footer-grid-no-social{grid-template-columns:1fr 1fr}

}

@media (max-width:520px){

  .bw-footer-grid.bw-footer-grid-no-social{grid-template-columns:1fr}

  .bw-footer-grid.bw-footer-grid-no-social .bw-footer-brand{grid-column:auto}

}