/*!
 * Location: /assets/css/onsale-showcase.css
 * Purpose:
 * - OnSale showcase section styling (scoped)
 * - Desktop per row: follows Woo columns class (columns-6 => 6 cards)
 *
 * @package HyperDAF
 */

.hdaf-onsale.hdaf-ps-section{
  padding: 26px 0 10px;
}

.hdaf-onsale .hdaf-onsale__inner{
  overflow-x: hidden;
}

.hdaf-onsale,
.hdaf-onsale *{
  box-sizing: border-box;
}

/* Header */
.hdaf-onsale .hdaf-ps-head.hdaf-onsale__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
}

.hdaf-onsale .hdaf-ps-head-left{ min-width:0; }

.hdaf-onsale .hdaf-onsale__title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
}

.hdaf-onsale .hdaf-ps-title{
  margin:0;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-0.01em;
}

.hdaf-onsale .hdaf-onsale__badge{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  font-weight:600;
  background: rgba(16,185,129,.12);
  color:#0f766e;
  white-space:nowrap;
}

.hdaf-onsale .hdaf-onsale__timer{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  color: rgba(0,0,0,.72);
}

.hdaf-onsale .hdaf-onsale__timer-label{ opacity:.8; }
.hdaf-onsale .hdaf-onsale__timer-value{ font-weight:700; letter-spacing:.02em; }

.hdaf-onsale .hdaf-ps-viewall{
  flex:0 0 auto;
  margin-top:4px;
  font-size:14px;
  text-decoration:none;
  white-space:nowrap;
}

.hdaf-onsale .hdaf-ps-viewall:hover,
.hdaf-onsale .hdaf-ps-viewall:focus{
  text-decoration:underline;
}

/* Products grid (driven by columns-x) */
.hdaf-onsale ul.products.hdaf-onsale__products{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:18px;
}

.hdaf-onsale ul.products.hdaf-onsale__products::before,
.hdaf-onsale ul.products.hdaf-onsale__products::after{
  content:none !important;
}

.hdaf-onsale ul.products.hdaf-onsale__products > li.product{
  min-width:0;
  width:auto;
  margin:0;
  float:none;
}

/* Desktop columns mapping */
.hdaf-onsale ul.products.columns-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
.hdaf-onsale ul.products.columns-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.hdaf-onsale ul.products.columns-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hdaf-onsale ul.products.columns-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hdaf-onsale ul.products.columns-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Responsive */
@media (max-width: 1200px){
  .hdaf-onsale ul.products.hdaf-onsale__products{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px){
  .hdaf-onsale .hdaf-ps-head.hdaf-onsale__head{
    flex-direction:column;
    align-items:flex-start;
  }
  .hdaf-onsale .hdaf-ps-viewall{ margin-top:8px; }
  .hdaf-onsale ul.products.hdaf-onsale__products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap:14px;
  }
}

@media (max-width: 520px){
  .hdaf-onsale .hdaf-ps-title{ font-size:20px; }
  .hdaf-onsale ul.products.hdaf-onsale__products{
    grid-template-columns: 1fr !important;
    gap:12px;
  }
}