/* ویجت‌های المنتور ووکلون: بنر دسته‌ها، لیست دسته‌بندی، برندها، شمارنده */
.wooclone-w-empty { padding: 18px; text-align: center; background: #f7f7f9; border: 1px dashed #d6d8e0; border-radius: 10px; color: #777; font-size: 13px; }

/* ---- بنر دسته‌ها ---- */
.wooclone-cb { --cb-cols: 3; --cb-rows: 1; --cb-gapv: 16px; display: grid; grid-template-columns: repeat(var(--cb-cols), minmax(0, 1fr)); gap: 16px; }
.wooclone-cb::-webkit-scrollbar { display: none; }
.wooclone-cb__item { scroll-snap-align: start; min-width: 0; }
.wooclone-cb__item { position: relative; display: block; color: inherit; text-decoration: none; }
.wooclone-cb__img { position: relative; display: block; overflow: hidden; background: #eef0f6; aspect-ratio: 4 / 3; border-radius: 14px; }
.wooclone-cb__img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .45s ease; }
.wooclone-cb__item:hover .wooclone-cb__img img { transform: scale(1.06); }
.wooclone-cb__name { display: block; font-size: 16px; font-weight: 800; line-height: 1.6; }
.wooclone-cb__count { display: block; font-size: 12px; opacity: .8; }
.wooclone-cb--overlay .wooclone-cb__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.45), transparent 70%); pointer-events: none; }
.wooclone-cb--overlay .wooclone-cb__meta { position: absolute; z-index: 2; inset-inline: 16px; bottom: 14px; color: #fff; }
.wooclone-cb--overlay .wooclone-cb__name { color: #fff; }
.wooclone-cb--below .wooclone-cb__meta { display: block; padding: 10px 2px 0; }
.wooclone-cb--circle .wooclone-cb__item { text-align: center; }
.wooclone-cb--circle .wooclone-cb__img { width: 120px; height: 120px; aspect-ratio: auto; border-radius: 50%; margin: 0 auto; }
.wooclone-cb--circle .wooclone-cb__meta { display: block; padding-top: 10px; }
.wooclone-cb--circle .wooclone-cb__name { font-size: 14px; }

/* ---- لیست دسته‌بندی ---- */
.wooclone-cl { background: #fff; border: 1px solid #ececf0; border-radius: 14px; padding: 14px 16px; }
.wooclone-cl__title { margin: 0 0 10px; font-size: 16px; font-weight: 800; }
.wooclone-cl__list { list-style: none; margin: 0; padding: 0; }
.wooclone-cl__list .wooclone-cl__list { padding-inline-start: 16px; border-inline-start: 1px dashed #e2e4ec; margin-inline-start: 8px; }
.wooclone-cl__item > a, .wooclone-cl summary { display: flex; align-items: center; gap: 8px; padding: 8px 4px; color: inherit; text-decoration: none; font-size: 14px; }
.wooclone-cl__item > a, .wooclone-cl summary a { flex: 1; display: flex; justify-content: space-between; gap: 8px; color: inherit; text-decoration: none; }
.wooclone-cl summary { cursor: pointer; list-style: none; }
.wooclone-cl summary::-webkit-details-marker { display: none; }
.wooclone-cl summary::after { content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: .5; transition: transform .2s; flex: none; margin-inline-start: 4px; }
.wooclone-cl details[open] > summary::after { transform: rotate(-135deg); }
.wooclone-cl small { color: #9a9ea6; font-size: 11px; }
.wooclone-cl a:hover, .wooclone-cl .is-current > a, .wooclone-cl .is-current > details > summary a { color: var(--wooclone-primary, #2b6cff); font-weight: 700; }
.wooclone-cl__ic { width: 26px; height: 26px; border-radius: 6px; object-fit: cover; flex: none; }

/* ---- برندها ---- */
.wooclone-br-wrap { width: 100%; }
.wooclone-br__title { margin: 0 0 14px; font-size: 18px; font-weight: 800; }
.wooclone-br { --wbr-cols: 6; display: grid; grid-template-columns: repeat(var(--wbr-cols), minmax(0, 1fr)); gap: 14px; }
.wooclone-br--scroll { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 14px * (var(--wbr-cols) - 1)) / var(--wbr-cols)); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.wooclone-br--scroll::-webkit-scrollbar { display: none; }
.wooclone-br--scroll .wooclone-br__item { scroll-snap-align: start; }
.wooclone-br__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 14px 10px; border: 1px solid #ececf0; border-radius: 12px; background: #fff; text-decoration: none; color: inherit; transition: box-shadow .2s, transform .2s; }
.wooclone-br__item:hover { box-shadow: 0 8px 22px rgba(0,0,0,.08); transform: translateY(-2px); }
.wooclone-br__logo { height: 54px; width: auto; max-width: 100%; object-fit: contain; display: block; }
.wooclone-br.is-gray .wooclone-br__logo { filter: grayscale(1); opacity: .75; transition: filter .25s, opacity .25s; }
.wooclone-br.is-gray .wooclone-br__item:hover .wooclone-br__logo { filter: none; opacity: 1; }
.wooclone-br__name { font-size: 13px; font-weight: 700; text-align: center; }

/* ---- شمارنده ---- */
.wooclone-cd { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.wooclone-cd--stack { flex-direction: column; text-align: center; justify-content: center; }
.wooclone-cd__title { margin: 0; font-size: 22px; font-weight: 800; }
.wooclone-cd__sub { margin: 4px 0 0; opacity: .85; font-size: 14px; }
.wooclone-cd__btn { display: inline-block; margin-top: 12px; padding: 9px 22px; border-radius: 10px; background: var(--wooclone-primary, #2b6cff); color: #fff; font-weight: 700; font-size: 14px; text-decoration: none; }
.wooclone-cd__boxes { display: flex; align-items: flex-start; gap: 8px; }
.wooclone-cd__boxes[hidden], .wooclone-cd__msg[hidden] { display: none; }
.wooclone-cd__cell { display: grid; justify-items: center; gap: 6px; }
.wooclone-cd { --cd-h: 56px; }
.wooclone-cd__num { display: inline-flex; align-items: center; justify-content: center; min-width: 56px; height: var(--cd-h, 56px); padding: 0 8px; border-radius: 12px; background: #ef394e; color: #fff; font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.wooclone-cd__sep { align-self: flex-start; display: inline-flex; align-items: center; height: var(--cd-h, 56px); line-height: 1; font-size: 22px; font-weight: 800; opacity: .6; }
.wooclone-cd__lab { font-size: 11px; opacity: .8; }
.wooclone-cd__msg { font-weight: 700; padding: 10px 14px; }
.wooclone-cd__foot { flex: 0 0 100%; display: flex; justify-content: center; }
.wooclone-cd__foot .wooclone-cd__btn { margin-top: 0; }
.wooclone-cd--stack .wooclone-cd__foot { flex-basis: auto; }
/* تراز همه بخش‌ها */
.wooclone-cd--a-center, .wooclone-cd--a-start, .wooclone-cd--a-end { flex-direction: column; flex-wrap: nowrap; }
.wooclone-cd--a-center { align-items: center; text-align: center; }
.wooclone-cd--a-center .wooclone-cd__boxes, .wooclone-cd--a-center .wooclone-cd__foot { justify-content: center; }
.wooclone-cd--a-start { align-items: flex-start; text-align: start; }
.wooclone-cd--a-start .wooclone-cd__foot { justify-content: flex-start; }
.wooclone-cd--a-end { align-items: flex-end; text-align: end; }
.wooclone-cd--a-end .wooclone-cd__foot { justify-content: flex-end; }
.wooclone-cd--a-center .wooclone-cd__text, .wooclone-cd--a-start .wooclone-cd__text, .wooclone-cd--a-end .wooclone-cd__text { text-align: inherit; }
@media (max-width: 600px) { .wooclone-cd { justify-content: center; text-align: center; } .wooclone-cd__num { min-width: 46px; height: 46px; font-size: 20px; } .wooclone-cd { --cd-h: 46px; } }

/* دکمه شمارنده */
.wooclone-cd__btn { display: inline-flex; align-items: center; gap: 8px; transition: background-color .2s, color .2s; }
html[dir=ltr] .wooclone-cd__chev { transform: scaleX(-1); }

/* بنر دسته‌ها: بوردر، پدینگ و هاور */
.wooclone-cb { --cb-bw: 0px; --cb-bc: transparent; --cb-pad: 0px; --cb-zoom: 1.06; }
.wooclone-cb__img { box-sizing: border-box; border-style: solid; border-width: var(--cb-bw); border-color: var(--cb-bc); padding: var(--cb-pad); transition: border-color .25s, border-width .25s, padding .25s; }
.wooclone-cb__img img { border-radius: inherit; }
.wooclone-cb--overlay .wooclone-cb__img::after { inset: var(--cb-pad); border-radius: inherit; transition: inset .25s; }
.wooclone-cb__item:hover .wooclone-cb__img img { transform: scale(var(--cb-zoom)); }
.wooclone-cb--nozoom .wooclone-cb__item:hover .wooclone-cb__img img { transform: none; }

/* چیدمان افقی: عنوان، شمارنده و دکمه کنار هم در یک ردیف */
.wooclone-cd--row:not(.wooclone-cd--a-center):not(.wooclone-cd--a-start):not(.wooclone-cd--a-end) .wooclone-cd__foot { flex: 0 0 auto; }
.wooclone-cd--row:not(.wooclone-cd--a-center):not(.wooclone-cd--a-start):not(.wooclone-cd--a-end) { flex-wrap: nowrap; }
@media (max-width: 767px) {
	.wooclone-cd--row:not(.wooclone-cd--a-center):not(.wooclone-cd--a-start):not(.wooclone-cd--a-end) { flex-wrap: wrap; }
	.wooclone-cd--row:not(.wooclone-cd--a-center):not(.wooclone-cd--a-start):not(.wooclone-cd--a-end) .wooclone-cd__foot { flex-basis: 100%; }
}
/* چیدمان ریسپانسیو: در حالت ستونی دکمه به اندازهٔ خودش بماند */
.wooclone-cd__foot { max-width: 100%; }

/* متن بنر دسته‌ها: در همهٔ حالت‌ها وسط‌چین */
.wooclone-cb__item, .wooclone-cb__meta, .wooclone-cb__name, .wooclone-cb__count { text-align: center; }
.wooclone-cb--overlay .wooclone-cb__meta { inset-inline: 12px; display: flex; flex-direction: column; align-items: center; }
.wooclone-cb--below .wooclone-cb__meta, .wooclone-cb--circle .wooclone-cb__meta { display: flex; flex-direction: column; align-items: center; }
.wooclone-cb.is-dragging { scroll-snap-type: none !important; scroll-behavior: auto !important; cursor: grabbing !important; user-select: none; }
.wooclone-cb.is-dragging a { pointer-events: none; }