/* Themes Kit Pro — archive cards («نرم»): tinted body, white photo box, discount chip, one installment strip, pill button.
   Everything is scoped to body.tkp-arc and written over Woodmart's own loop markup. */
body.tkp-arc{
  --tka-ink:#1c1b29;
  --tka-soft:color-mix(in srgb,var(--tka-p) var(--tka-tint,8%),#fff);
  --tka-deep:color-mix(in srgb,var(--tka-p) calc(var(--tka-tint,8%) * 2),#fff);
  --tka-line:color-mix(in srgb,var(--tka-p2) 22%,transparent);
}
body.tkp-arc .products .wd-product .product-wrapper,
body.tkp-arc .products .product .product-wrapper{
  display:flex;flex-direction:column;gap:4px;height:100%;padding:10px;
  background:var(--tka-soft)!important;
  border:1px solid var(--tka-line)!important;border-radius:var(--tka-r)!important;
  box-shadow:none!important;transform:none;transition:transform .25s ease,box-shadow .25s ease;
}
body.tkp-arc-bg-gradient .products .product-wrapper{background:linear-gradient(180deg,var(--tka-deep),#fff 115%)!important}
body.tkp-arc-bg-white .products .product-wrapper{background:#fff!important}
body.tkp-arc-bg-dots .products .product-wrapper{background:radial-gradient(circle,color-mix(in srgb,var(--tka-p2) 35%,transparent) 1.2px,transparent 1.6px) 0 0/14px 14px,var(--tka-soft)!important}
body.tkp-arc-bg-noise .products .product-wrapper{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),var(--tka-soft)!important}
body.tkp-arc-lift .products .wd-product:hover .product-wrapper{transform:translateY(-6px);box-shadow:0 14px 28px -12px color-mix(in srgb,var(--tka-p) 40%,transparent)!important}

/* photo box: always white, whatever the photo's own background */
body.tkp-arc .products .product-element-top{
  position:relative;aspect-ratio:1;overflow:hidden;margin:0;padding:0!important;background:#fff;border-radius:calc(var(--tka-r) - 4px);
  display:flex;align-items:center;justify-content:center;
}
body.tkp-arc .products .product-element-top .product-image-link,
body.tkp-arc .products .product-element-top .wd-product-img-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:0!important;margin:0!important}
body.tkp-arc .products .product-element-top img{width:100%;height:100%;object-fit:contain;padding:0!important;margin:0!important;transition:transform .3s ease;transform:scale(var(--tka-zoom,1))}
body.tkp-arc .products .product-element-top .wd-buttons,
body.tkp-arc .products .product-element-top .wd-quick-shop-btn{display:none!important}
body.tkp-arc .products .product-element-top .hover-img{display:none!important}

/* sale label → soft white pill with a dot */
body.tkp-arc .products .product-labels{position:absolute;top:10px;right:10px;left:auto;z-index:3;display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin:0}
body.tkp-arc .products .product-labels .product-label,
body.tkp-arc .products .product-labels .onsale{
  position:static;min-width:0;min-height:0;width:auto;height:auto;margin:0;padding:0 9px;line-height:1.8;border-radius:99px!important;
  background:#fff!important;color:var(--tka-ink)!important;border:1px solid var(--tka-line);box-shadow:0 2px 8px #0001;font-size:11px;font-weight:700;
}
body.tkp-arc .products .product-labels .product-label:before{content:"●";margin-left:5px;color:#12a150}
body.tkp-arc .products .product-labels .new:before{color:#2563eb}
body.tkp-arc .products .product-labels .out-of-stock:before{color:#6b7280}

/* text block */
body.tkp-arc .products .product-element-bottom{display:flex;flex-direction:column;flex:1;gap:2px;padding:0;text-align:right}
body.tkp-arc .tkp-arc-br{font-size:11px;color:color-mix(in srgb,var(--tka-ink) 55%,transparent);order:0;min-height:1.6em}
body.tkp-arc .products .wd-entities-title{order:1;margin:0!important;font-size:13px;font-weight:600;line-height:1.7!important;height:3.4em!important;min-height:0!important;max-height:3.4em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:var(--tka-ink);word-break:break-word;text-align:start}
body.tkp-arc .products .wd-entities-title a{color:inherit;font-size:inherit;line-height:inherit;display:inline}
body.tkp-arc .products .product-element-bottom .price{
  order:2;margin:auto 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;min-height:3.2em;align-content:flex-end;
  font-size:15px;font-weight:800;line-height:1.5;color:var(--tka-ink);
}
body.tkp-arc .products .price del{flex-basis:100%;order:-1;font-size:12px;font-weight:400;color:color-mix(in srgb,var(--tka-ink) 45%,transparent);opacity:1}
body.tkp-arc .products .price ins{text-decoration:none;background:none;color:inherit}
body.tkp-arc .products .price .amount,body.tkp-arc .products .price bdi{color:inherit}
body.tkp-arc .products .price .woocommerce-Price-currencySymbol{font-size:11px;font-weight:400;opacity:.7}
body.tkp-arc .tkp-arc-dc{display:inline-block;background:#e5484d;color:#fff;border-radius:7px;font-size:11px;font-weight:700;padding:0 6px;line-height:1.7}

/* installment strip: space is reserved by CSS (no jump), the label + gateway logos are filled in by archive.js */
body.tkp-arc-ins .products .product-element-bottom::after{content:"";order:3;display:block;margin-top:6px;min-height:34px}
body.tkp-arc-ins .products .tkp-arc-has .product-element-bottom::after{display:none}
body.tkp-arc-ins .products .outofstock .product-element-bottom::after,
body.tkp-arc-ins .products .tkp-arc-noins .product-element-bottom::after{display:none}
body.tkp-arc .tkp-arc-in{order:3;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;padding-top:5px;min-height:34px;
  border-top:1px dashed color-mix(in srgb,var(--tka-ink) 18%,transparent);font-size:11.5px;font-weight:700;color:var(--tka-lc);white-space:nowrap;direction:rtl}
body.tkp-arc .tkp-arc-in>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
body.tkp-arc .tkp-arc-in .lg{display:flex;gap:3px;align-items:center;flex:0 0 auto;direction:ltr}
body.tkp-arc .tkp-arc-in img{display:block;height:18px!important;width:auto!important;max-width:38px!important;object-fit:contain;background:#fff;border-radius:5px;padding:1px 3px;margin:0}
@media (max-width:420px){body.tkp-arc .tkp-arc-in img{height:15px!important;max-width:30px!important}body.tkp-arc .tkp-arc-in{gap:4px}}

/* add to cart (moved under the strip by archive.js) */
body.tkp-arc .tkp-arc-add{order:4;margin-top:6px}
body.tkp-arc .tkp-arc-add .wd-add-btn,body.tkp-arc .tkp-arc-add .wd-action-btn{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;width:100%!important;height:auto!important;position:static!important;transform:none!important;box-shadow:none!important}
body.tkp-arc .tkp-arc-add a.button,body.tkp-arc .tkp-arc-add a{
  display:flex!important;align-items:center;justify-content:center;width:100%!important;height:auto!important;min-height:36px!important;box-sizing:border-box;margin:0!important;padding:6px 10px!important;
  font-size:13px;font-weight:700;line-height:1.5!important;text-align:center;position:static!important;
  background:var(--tka-p)!important;color:var(--tkp-on-primary,#fff)!important;border:0!important;border-radius:99px;box-shadow:none!important;transition:filter .2s;
}
body.tkp-arc .tkp-arc-add a:hover{filter:brightness(1.08)}
body.tkp-arc .tkp-arc-add .wd-action-icon{display:none!important}
body.tkp-arc .tkp-arc-add .wd-action-text{display:inline!important;opacity:1!important;position:static!important;visibility:visible!important;transform:none!important;font-size:inherit;color:inherit;margin:0!important}
body.tkp-arc .tkp-arc-add a:after,body.tkp-arc .tkp-arc-add a:before{display:none!important}
body.tkp-arc.tkp-arc-btn-solid .tkp-arc-add a.button,body.tkp-arc.tkp-arc-btn-solid .tkp-arc-add a{border-radius:calc(var(--tka-r) - 4px)!important}
body.tkp-arc.tkp-arc-btn-soft .tkp-arc-add a.button,body.tkp-arc.tkp-arc-btn-soft .tkp-arc-add a{background:color-mix(in srgb,var(--tka-p) 13%,#fff)!important;color:var(--tka-p)!important}
body.tkp-arc.tkp-arc-btn-soft .tkp-arc-add a:hover{background:color-mix(in srgb,var(--tka-p) 20%,#fff)!important}
body.tkp-arc.tkp-arc-btn-outline .tkp-arc-add a.button,body.tkp-arc.tkp-arc-btn-outline .tkp-arc-add a{background:#fff!important;color:var(--tka-p)!important;box-shadow:inset 0 0 0 1.5px var(--tka-p)!important}
body.tkp-arc .products .outofstock .product-element-top img{filter:grayscale(1);opacity:.55}
body.tkp-arc .products .outofstock .tkp-arc-add a,body.tkp-arc.tkp-arc-btn-soft .products .outofstock .tkp-arc-add a{background:color-mix(in srgb,var(--tka-ink) 12%,#fff)!important;color:color-mix(in srgb,var(--tka-ink) 60%,#fff)!important}

@media (max-width:575px){
  body.tkp-arc .products.wd-grid-g{--wd-gap:8px;gap:8px!important}
  body.tkp-arc .wd-content-layout{padding-left:8px!important;padding-right:8px!important}
  body.tkp-arc .products .wd-product .product-wrapper{padding:6px!important}
  body.tkp-arc .tkp-arc-in{font-size:10.5px}
  body.tkp-arc .products .wd-entities-title{font-size:12.5px;height:3.4em!important}
}