/* ویجت‌های پرو: گرید/اسلایدر مشترک، بنر تبلیغاتی، کارت وبلاگ، باکس ویژگی، گرید بنر، تبلیغ + محصولات */

/* ---------- گرید / اسلایدر مشترک ---------- */
.wooclone-gv { --gv-cols: 3; --gv-rows: 1; --gv-gap: 16px; --gv-spans: 1; display: grid; grid-template-columns: repeat(var(--gv-cols), minmax(0, 1fr)); gap: var(--gv-gap); }
.wooclone-gv > * { min-width: 0; scroll-snap-align: start; }
.wooclone-gv::-webkit-scrollbar { display: none; }
.wooclone-gv.is-dragging { scroll-snap-type: none !important; scroll-behavior: auto !important; cursor: grabbing !important; user-select: none; }
.wooclone-gv.is-dragging a { pointer-events: none; }
.wooclone-gv img { -webkit-user-drag: none; }

/* ---------- بنر تبلیغاتی ---------- */
.wooclone-pb { --pb-zoom: 1.05; position: relative; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; min-height: 280px; background: #eef0f6; isolation: isolate; box-sizing: border-box; transition: border-color .25s, box-shadow .25s, transform .25s; }
.wooclone-pb__img, .wooclone-pb__img img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.wooclone-pb__img img { object-fit: cover; transition: transform .5s ease; max-width: none; }
.wpb-zoom-yes .wooclone-pb:hover .wooclone-pb__img img { transform: scale(var(--pb-zoom)); }
.wooclone-pb__ov { position: absolute; inset: 0; z-index: 1; pointer-events: none; transition: background .3s; }
.wooclone-pb__body { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 28px; box-sizing: border-box; max-width: 100%; }
.wooclone-pb__badge { display: inline-block; padding: 4px 12px; border-radius: 99px; background: var(--wooclone-primary, #ef394e); color: #fff; font-size: 12px; font-weight: 700; }
.wooclone-pb__title { margin: 0; font-size: 26px; font-weight: 800; line-height: 1.5; color: #1c2333; }
.wooclone-pb__sub { margin: 0; font-size: 14px; line-height: 1.8; color: #4a5468; }
.wooclone-pb__btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; border-radius: 10px; background: var(--wooclone-primary, #ef394e); color: #fff; font-weight: 700; font-size: 14px; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; }
html[dir=ltr] .wooclone-pb__btn svg { transform: scaleX(-1); }
.wooclone-pb__cover { position: absolute; inset: 0; z-index: 3; }
.wooclone-pb__btn { position: relative; z-index: 4; }

/* ---------- کارت وبلاگ ---------- */
.wooclone-bc__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.wooclone-bc__title { margin: 0; font-size: 22px; font-weight: 800; }
.wooclone-bc__all { font-size: 14px; text-decoration: none; color: var(--wooclone-primary, #ef394e); }
.wooclone-bc__card { position: relative; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #ececf0; border-radius: 14px; transition: box-shadow .25s, transform .25s, border-color .25s; box-sizing: border-box; }
.wooclone-bc__img { display: block; position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #eef0f6; }
.wooclone-bc__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.wbc-zoom-yes .wooclone-bc__card:hover .wooclone-bc__img img { transform: scale(1.06); }
.wooclone-bc__noimg { position: absolute; inset: 0; background: linear-gradient(135deg, #eef0f6, #dfe3ee); }
.wooclone-bc__cat { position: absolute; top: 12px; inset-inline-start: 12px; z-index: 2; padding: 4px 12px; border-radius: 99px; background: var(--wooclone-primary, #ef394e); color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }
.wooclone-bc__body { display: flex; flex-direction: column; gap: 8px; padding: 16px; flex: 1; }
.wooclone-bc__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; color: #8a94a6; }
.wooclone-bc__meta i { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .6; }
.wooclone-bc__name { margin: 0; font-size: 16px; font-weight: 800; line-height: 1.7; }
.wooclone-bc__name a { color: inherit; text-decoration: none; }
.wooclone-bc__exc { margin: 0; font-size: 13.5px; line-height: 1.9; color: #5b6678; }
.wooclone-bc__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; font-size: 13px; font-weight: 700; color: var(--wooclone-primary, #ef394e); text-decoration: none; }
html[dir=ltr] .wooclone-bc__more svg { transform: scaleX(-1); }
/* سبک افقی */
.wooclone-bc--horizontal .wooclone-bc__card { flex-direction: row; }
.wooclone-bc--horizontal .wooclone-bc__img { flex: 0 0 40%; aspect-ratio: auto; min-height: 100%; }
@media (max-width: 480px) { .wooclone-bc--horizontal .wooclone-bc__card { flex-direction: column; } .wooclone-bc--horizontal .wooclone-bc__img { flex-basis: auto; aspect-ratio: 16 / 10; } }
/* سبک عنوان روی تصویر */
.wooclone-bc--overlay .wooclone-bc__card { border: 0; }
.wooclone-bc--overlay .wooclone-bc__img { aspect-ratio: 4 / 5; }
.wooclone-bc--overlay .wooclone-bc__body { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; background: linear-gradient(to top, rgba(0,0,0,.78), transparent); color: #fff; padding-top: 48px; }
.wooclone-bc--overlay .wooclone-bc__name, .wooclone-bc--overlay .wooclone-bc__exc, .wooclone-bc--overlay .wooclone-bc__meta, .wooclone-bc--overlay .wooclone-bc__more { color: #fff; }

/* ---------- باکس ویژگی‌ها ---------- */
.wooclone-fb__item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 20px 16px; background: #fff; border: 1px solid #ececf0; border-radius: 14px; color: inherit; text-decoration: none; box-sizing: border-box; transition: box-shadow .25s, transform .25s, border-color .25s, background-color .25s; }
.wooclone-fb__ic { display: inline-flex; align-items: center; justify-content: center; flex: none; color: var(--wooclone-primary, #ef394e); line-height: 1; transition: color .2s, background-color .2s; }
.wooclone-fb__ic svg { width: 32px; height: 32px; fill: currentColor; }
.wooclone-fb__ic i { font-size: 32px; }
.wooclone-fb__txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wooclone-fb__title { font-size: 15px; font-weight: 800; color: #1c2333; }
.wooclone-fb__desc { font-size: 13px; line-height: 1.8; color: #6b7587; }

/* ---------- گرید بنر ---------- */
.wooclone-bg { --bg-rowh: 200px; grid-auto-rows: minmax(var(--bg-rowh), auto); }
.wooclone-bg__item { grid-column: span clamp(1, calc(1 + (var(--cs, 1) - 1) * var(--gv-spans, 1)), 4); grid-row: span clamp(1, calc(1 + (var(--rs, 1) - 1) * var(--gv-spans, 1)), 3); min-height: var(--bg-rowh); display: flex; }
.wooclone-bg__item > .wooclone-pb { flex: 1; min-height: var(--bg-rowh); }
.wooclone-bg .wooclone-pb__body { align-items: flex-start; }
.wooclone-bg .wooclone-pb { align-items: flex-end; }
.wooclone-bg .wooclone-pb__title { font-size: 20px; }

/* ---------- تبلیغ + محصولات ---------- */
.wooclone-pp { --pp-w: 30%; --pp-bw: var(--pp-w); display: flex; flex-direction: row; gap: 20px; align-items: stretch; }
.wooclone-pp__banner { flex: 0 0 auto; width: var(--pp-bw); min-width: 0; display: flex; }
.wooclone-pp__banner > .wooclone-pb { flex: 1; }
.wooclone-pp__prods { flex: 1 1 0; min-width: 0; }
.wooclone-pp .wooclone-pw__item .wooclone-product-card { height: 100%; }
@media (max-width: 767px) { .wooclone-pp { flex-wrap: nowrap; } }