/* JBA v16.7.0 — stable shop/listing layout. Scoped to jewel_list.php only. */
:root{
  --jba1670-navy:#052663;
  --jba1670-deep:#001246;
  --jba1670-gold:#f7c374;
  --jba1670-border:#dfe7f2;
  --jba1670-muted:#6e7889;
  --jba1670-soft:#f7f9fd;
  --jba1670-shadow:0 10px 28px rgba(5,38,99,.08);
}

#content-page.jba-v1670-shop-listing{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  direction:rtl!important;
}

/* The sidebar is the only filter source; keep the listing header compact. */
#content-page.jba-v1670-shop-listing .jba-v1670-list-header#state-show{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:64px!important;
  margin:10px 0 4px!important;
  padding:12px 18px!important;
  border:1px solid var(--jba1670-border)!important;
  border-radius:18px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 7px 22px rgba(5,38,99,.06)!important;
  color:var(--jba1670-deep)!important;
  box-sizing:border-box!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-list-header>div{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}
#content-page.jba-v1670-shop-listing #page-title{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--jba1670-deep)!important;
  font-size:clamp(18px,2vw,25px)!important;
  font-weight:900!important;
  line-height:1.75!important;
  text-align:right!important;
}
#content-page.jba-v1670-shop-listing #advshow-link{display:none!important}

#content-page.jba-v1670-shop-listing .jba-v1670-product-section{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
}

#content-page.jba-v1670-shop-listing .whole-jewels.jba-v1670-product-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:14px 0 24px!important;
  float:none!important;
  clear:both!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  direction:rtl!important;
}
#content-page.jba-v1670-shop-listing .whole-jewels.jba-v1670-product-grid::before,
#content-page.jba-v1670-shop-listing .whole-jewels.jba-v1670-product-grid::after{
  display:none!important;
  content:none!important;
}

#content-page.jba-v1670-shop-listing .jba-v1670-product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  height:auto!important;
  margin:0!important;
  padding:10px!important;
  float:none!important;
  clear:none!important;
  border:1px solid var(--jba1670-border)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--jba1670-shadow)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-product-card:hover,
#content-page.jba-v1670-shop-listing .jba-v1670-product-card:focus-within{
  transform:translateY(-2px)!important;
  border-color:rgba(222,168,54,.55)!important;
  box-shadow:0 15px 34px rgba(5,38,99,.13)!important;
}

#content-page.jba-v1670-shop-listing .jba-v1670-product-image-link{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  margin:0!important;
  padding:8px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#f7f9fd)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-product-image-link picture,
#content-page.jba-v1670-shop-listing .jba-v1670-product-image-link .jba-optimized-picture{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-product-image-link img:not(.deluxe-javaherat):not(.haraj-javaherat){
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:204px!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
#content-page.jba-v1670-shop-listing .deluxe-javaherat,
#content-page.jba-v1670-shop-listing .haraj-javaherat{
  position:absolute!important;
  z-index:4!important;
  width:auto!important;
  height:auto!important;
  max-width:68px!important;
  max-height:68px!important;
}

#content-page.jba-v1670-shop-listing .jba-v1670-product-title-link{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--jba1670-deep)!important;
  text-decoration:none!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-product-title-link .pro-name{
  display:-webkit-box!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:8px 0 0!important;
  padding:2px 6px!important;
  overflow:hidden!important;
  color:var(--jba1670-deep)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.85!important;
  text-align:center!important;
  white-space:normal!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  box-sizing:border-box!important;
}

#content-page.jba-v1670-shop-listing .jba-v1670-product-meta{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  margin:auto 0 0!important;
  padding:8px 0 0!important;
  list-style:none!important;
  box-sizing:border-box!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-product-meta .price,
#content-page.jba-v1670-shop-listing .jba-v1670-product-meta .code{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  width:100%!important;
  min-height:47px!important;
  margin:5px 0!important;
  padding:8px 10px!important;
  border:1px solid var(--jba1670-border)!important;
  border-radius:13px!important;
  background:var(--jba1670-soft)!important;
  color:#27364f!important;
  font-size:12px!important;
  line-height:1.6!important;
  box-sizing:border-box!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-product-meta .green-price1,
#content-page.jba-v1670-shop-listing .jba-v1670-product-meta .code-num{
  color:var(--jba1670-deep)!important;
  font-weight:900!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-product-meta .dell-price{
  color:#8b94a3!important;
  font-size:10px!important;
}

#content-page.jba-v1670-shop-listing .jba-v1670-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-height:42px!important;
  margin:6px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--jba1670-deep)!important;
  box-sizing:border-box!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-card-actions .jba-v1670-buy-button,
#content-page.jba-v1670-shop-listing .jba-v1670-card-actions .jba-v1670-more-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 0!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.5!important;
  text-align:center!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-buy-button{
  border:1px solid var(--jba1670-deep)!important;
  background:linear-gradient(135deg,var(--jba1670-deep),var(--jba1670-navy))!important;
  color:#fff!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-more-button{
  border:1px solid #d6e0ee!important;
  background:#fff!important;
  color:var(--jba1670-deep)!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-buy-button:hover,
#content-page.jba-v1670-shop-listing .jba-v1670-buy-button:focus-visible{
  border-color:#d9a836!important;
  background:var(--jba1670-gold)!important;
  color:var(--jba1670-deep)!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-more-button:hover,
#content-page.jba-v1670-shop-listing .jba-v1670-more-button:focus-visible{
  border-color:var(--jba1670-navy)!important;
  color:var(--jba1670-navy)!important;
}

#content-page.jba-v1670-shop-listing .jba-v1670-loading{
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  min-height:150px;
  margin:12px 0;
  color:var(--jba1670-muted);
}
#content-page.jba-v1670-shop-listing .jba-v1670-loading img{width:72px!important;height:72px!important;object-fit:contain}
#content-page.jba-v1670-shop-listing .jba-v1670-loading p{margin:0!important;color:var(--jba1670-muted)!important}

#content-page.jba-v1670-shop-listing .jba-v1670-empty-state{
  grid-column:1/-1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:330px!important;
  padding:28px!important;
  border:1px dashed #ced9e8!important;
  border-radius:18px!important;
  background:#fff!important;
  text-align:center!important;
}
#content-page.jba-v1670-shop-listing .jba-v1670-empty-state img{display:block!important;width:180px!important;height:180px!important;object-fit:contain!important}
#content-page.jba-v1670-shop-listing .jba-v1670-empty-state p{margin:0!important;color:#b42318!important;font-weight:800!important}

/* Pagination remains the only control above the list. */
#content-page.jba-v1670-shop-listing>.row.center,
#content-page.jba-v1670-shop-listing>.jba-v1641-pagination-only{
  width:100%!important;
  max-width:100%!important;
  margin:12px 0!important;
  padding:9px 10px!important;
  float:none!important;
  clear:both!important;
  border:1px solid var(--jba1670-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(5,38,99,.05)!important;
  box-sizing:border-box!important;
}
#content-page.jba-v1670-shop-listing .jba-pagination-nav{margin:0 auto!important;padding:0!important}
#content-page.jba-v1670-shop-listing .jba-pagination{margin:0!important}

body.jba-v1670-shop-page #jba-adv-sidebar-filter,
body.jba-v1670-shop-page .jba-tag-sidebar-box{
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(5,38,99,.075)!important;
}
body.jba-v1670-shop-page #jba-adv-sidebar-filter .jba-side-filter-form select,
body.jba-v1670-shop-page #jba-adv-sidebar-filter .jba-side-filter-form input{
  min-height:42px!important;
  border-radius:11px!important;
}
body.jba-v1670-shop-page #jba-adv-sidebar-filter .jba-side-filter-actions button{
  min-height:42px!important;
  border-radius:11px!important;
}

@media(max-width:1199px){
  #content-page.jba-v1670-shop-listing .whole-jewels.jba-v1670-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link{height:205px!important;min-height:205px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link img:not(.deluxe-javaherat):not(.haraj-javaherat){max-height:190px!important}
}
@media(max-width:767px){
  #content-page.jba-v1670-shop-listing{padding:0 7px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-list-header#state-show{min-height:54px!important;margin:8px 0 2px!important;padding:9px 12px!important;border-radius:14px!important}
  #content-page.jba-v1670-shop-listing #page-title{font-size:17px!important;line-height:1.7!important;text-align:center!important}
  #content-page.jba-v1670-shop-listing .whole-jewels.jba-v1670-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:10px 0 18px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-card{padding:7px!important;border-radius:16px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link{height:145px!important;min-height:145px!important;padding:5px!important;border-radius:12px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link img:not(.deluxe-javaherat):not(.haraj-javaherat){max-height:136px!important}
  #content-page.jba-v1670-shop-listing .deluxe-javaherat,
  #content-page.jba-v1670-shop-listing .haraj-javaherat{max-width:49px!important;max-height:49px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-title-link .pro-name{height:46px!important;min-height:46px!important;max-height:46px!important;margin-top:6px!important;padding:0 3px!important;font-size:11px!important;line-height:1.9!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-meta{padding-top:5px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-meta .price,
  #content-page.jba-v1670-shop-listing .jba-v1670-product-meta .code{min-height:40px!important;margin:3px 0!important;padding:6px!important;border-radius:10px!important;font-size:10px!important;gap:4px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-card-actions{gap:5px!important;min-height:37px!important;margin-top:4px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-card-actions .jba-v1670-buy-button,
  #content-page.jba-v1670-shop-listing .jba-v1670-card-actions .jba-v1670-more-button{min-height:36px!important;padding:5px 4px!important;border-radius:9px!important;font-size:10px!important}
  #content-page.jba-v1670-shop-listing>.row.center,
  #content-page.jba-v1670-shop-listing>.jba-v1641-pagination-only{margin:8px 0!important;padding:7px 4px!important;border-radius:13px!important;overflow-x:auto!important;scrollbar-width:none!important}
  #content-page.jba-v1670-shop-listing>.row.center::-webkit-scrollbar,
  #content-page.jba-v1670-shop-listing>.jba-v1641-pagination-only::-webkit-scrollbar{display:none!important}
}
@media(max-width:380px){
  #content-page.jba-v1670-shop-listing .whole-jewels.jba-v1670-product-grid{gap:7px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link{height:132px!important;min-height:132px!important}
  #content-page.jba-v1670-shop-listing .jba-v1670-product-image-link img:not(.deluxe-javaherat):not(.haraj-javaherat){max-height:123px!important}
}
@media(prefers-reduced-motion:reduce){
  #content-page.jba-v1670-shop-listing .jba-v1670-product-card{transition:none!important}
}