/* Webino Elementor Addons 8 — design tokens, accessibility and loading states */
.webino-product-showcase,
.webino-archive-products,
.webino-product-tabs,
.webino-amazing,
.webino-slider,
.webino-product-card,
.webino-ea-widget {
    font-family: var(--webino-font-family, inherit);
}

.webino-product-card {
    --webino-accent: var(--webino-primary, #5b4df7);
    --webino-radius: var(--webino-global-radius, 18px);
}

.webino-product-card__button,
.webino-cart-control button,
.webino-slider__arrow,
.webino-product-pagination a,
.webino-product-pagination span.current {
    min-height: var(--webino-button-height, 44px);
}

.webino-product-card :where(a,button,input,select,textarea):focus-visible,
.webino-slider :where(a,button):focus-visible,
.webino-product-pagination :where(a,button):focus-visible,
.webino-quick-view :where(a,button,input,select):focus-visible,
.webino-filter-trigger:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--webino-focus-ring, #7c3aed) 62%, transparent);
    outline-offset: 3px;
    border-radius: 8px;
}

.webino-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

[data-webino-products-root] {
    position: relative;
    min-height: 80px;
}
[data-webino-products-root].is-webino-loading {
    pointer-events: none;
}
[data-webino-products-root].is-webino-loading::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 30;
    border-radius: var(--webino-radius, 18px);
    background: color-mix(in srgb, var(--webino-surface, #fff) 82%, transparent);
    backdrop-filter: blur(2px);
}
[data-webino-products-root].is-webino-loading::after {
    content: 'در حال بروزرسانی محصولات…';
    position: absolute;
    z-index: 31;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    padding: 11px 16px;
    border-radius: 999px;
    background: var(--webino-surface, #fff);
    color: var(--webino-secondary, #111827);
    box-shadow: var(--webino-card-shadow, 0 12px 32px rgba(15,23,42,.10));
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.webino-product-card__body {
    gap: var(--webino-card-gap, 16px);
}

.webino-product-card__tools {
    --webino-tools-inline-offset:10px;
    --webino-tools-block-offset:10px;
    --webino-tools-gap:7px;
    --webino-tools-x:0;
    --webino-tools-y:0;
    position:absolute;
    z-index:8;
    top:var(--webino-tools-block-offset);
    left:var(--webino-tools-inline-offset);
    right:auto;
    bottom:auto;
    display:flex;
    flex-direction:column;
    gap:var(--webino-tools-gap);
    transform:translate(var(--webino-tools-x),var(--webino-tools-y));
}
/* Legacy classes remain supported. */
.webino-product-card--tools-position-top-left .webino-product-card__tools,
.webino-product-card--tools-desktop-top-left .webino-product-card__tools { top:var(--webino-tools-block-offset); left:var(--webino-tools-inline-offset); right:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:0; }
.webino-product-card--tools-position-top-center .webino-product-card__tools,
.webino-product-card--tools-desktop-top-center .webino-product-card__tools { top:var(--webino-tools-block-offset); left:50%; right:auto; bottom:auto; --webino-tools-x:-50%; --webino-tools-y:0; }
.webino-product-card--tools-position-top-right .webino-product-card__tools,
.webino-product-card--tools-desktop-top-right .webino-product-card__tools { top:var(--webino-tools-block-offset); right:var(--webino-tools-inline-offset); left:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:0; }
.webino-product-card--tools-position-center-left .webino-product-card__tools,
.webino-product-card--tools-desktop-center-left .webino-product-card__tools { top:50%; left:var(--webino-tools-inline-offset); right:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:-50%; }
.webino-product-card--tools-position-center-right .webino-product-card__tools,
.webino-product-card--tools-desktop-center-right .webino-product-card__tools { top:50%; right:var(--webino-tools-inline-offset); left:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:-50%; }
.webino-product-card--tools-position-bottom-left .webino-product-card__tools,
.webino-product-card--tools-desktop-bottom-left .webino-product-card__tools { bottom:var(--webino-tools-block-offset); left:var(--webino-tools-inline-offset); right:auto; top:auto; --webino-tools-x:0; --webino-tools-y:0; }
.webino-product-card--tools-position-bottom-center .webino-product-card__tools,
.webino-product-card--tools-desktop-bottom-center .webino-product-card__tools { bottom:var(--webino-tools-block-offset); left:50%; right:auto; top:auto; --webino-tools-x:-50%; --webino-tools-y:0; }
.webino-product-card--tools-position-bottom-right .webino-product-card__tools,
.webino-product-card--tools-desktop-bottom-right .webino-product-card__tools { bottom:var(--webino-tools-block-offset); right:var(--webino-tools-inline-offset); left:auto; top:auto; --webino-tools-x:0; --webino-tools-y:0; }
.webino-product-card--tools-direction-horizontal .webino-product-card__tools,
.webino-product-card--tools-direction-desktop-horizontal .webino-product-card__tools { flex-direction:row; }
.webino-product-card--tools-direction-vertical .webino-product-card__tools,
.webino-product-card--tools-direction-desktop-vertical .webino-product-card__tools { flex-direction:column; }
@media (min-width:768px) and (max-width:1024px) {
    .webino-product-card--tools-tablet-top-left .webino-product-card__tools { top:var(--webino-tools-block-offset); left:var(--webino-tools-inline-offset); right:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-tablet-top-center .webino-product-card__tools { top:var(--webino-tools-block-offset); left:50%; right:auto; bottom:auto; --webino-tools-x:-50%; --webino-tools-y:0; }
    .webino-product-card--tools-tablet-top-right .webino-product-card__tools { top:var(--webino-tools-block-offset); right:var(--webino-tools-inline-offset); left:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-tablet-center-left .webino-product-card__tools { top:50%; left:var(--webino-tools-inline-offset); right:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:-50%; }
    .webino-product-card--tools-tablet-center-right .webino-product-card__tools { top:50%; right:var(--webino-tools-inline-offset); left:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:-50%; }
    .webino-product-card--tools-tablet-bottom-left .webino-product-card__tools { bottom:var(--webino-tools-block-offset); left:var(--webino-tools-inline-offset); right:auto; top:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-tablet-bottom-center .webino-product-card__tools { bottom:var(--webino-tools-block-offset); left:50%; right:auto; top:auto; --webino-tools-x:-50%; --webino-tools-y:0; }
    .webino-product-card--tools-tablet-bottom-right .webino-product-card__tools { bottom:var(--webino-tools-block-offset); right:var(--webino-tools-inline-offset); left:auto; top:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-direction-tablet-horizontal .webino-product-card__tools { flex-direction:row; }
    .webino-product-card--tools-direction-tablet-vertical .webino-product-card__tools { flex-direction:column; }
}
@media (max-width:767px) {
    .webino-product-card--tools-mobile-top-left .webino-product-card__tools { top:var(--webino-tools-block-offset); left:var(--webino-tools-inline-offset); right:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-mobile-top-center .webino-product-card__tools { top:var(--webino-tools-block-offset); left:50%; right:auto; bottom:auto; --webino-tools-x:-50%; --webino-tools-y:0; }
    .webino-product-card--tools-mobile-top-right .webino-product-card__tools { top:var(--webino-tools-block-offset); right:var(--webino-tools-inline-offset); left:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-mobile-center-left .webino-product-card__tools { top:50%; left:var(--webino-tools-inline-offset); right:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:-50%; }
    .webino-product-card--tools-mobile-center-right .webino-product-card__tools { top:50%; right:var(--webino-tools-inline-offset); left:auto; bottom:auto; --webino-tools-x:0; --webino-tools-y:-50%; }
    .webino-product-card--tools-mobile-bottom-left .webino-product-card__tools { bottom:var(--webino-tools-block-offset); left:var(--webino-tools-inline-offset); right:auto; top:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-mobile-bottom-center .webino-product-card__tools { bottom:var(--webino-tools-block-offset); left:50%; right:auto; top:auto; --webino-tools-x:-50%; --webino-tools-y:0; }
    .webino-product-card--tools-mobile-bottom-right .webino-product-card__tools { bottom:var(--webino-tools-block-offset); right:var(--webino-tools-inline-offset); left:auto; top:auto; --webino-tools-x:0; --webino-tools-y:0; }
    .webino-product-card--tools-direction-mobile-horizontal .webino-product-card__tools { flex-direction:row; }
    .webino-product-card--tools-direction-mobile-vertical .webino-product-card__tools { flex-direction:column; }
}
.webino-product-card__tool {
    width: var(--webino-tool-width, 38px);
    height: var(--webino-tool-height, 38px);
    min-height: var(--webino-tool-height, 38px);
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(15,23,42,.10);
    border-radius: 12px;
    background: rgba(255,255,255,.92);
    color: #24283a;
    box-shadow: 0 8px 20px rgba(15,23,42,.10);
    cursor: pointer;
    transition: transform var(--webino-motion, 240ms), background var(--webino-motion, 240ms), color var(--webino-motion, 240ms);
}
.webino-product-card__tool:hover { transform: translateY(-2px); background: var(--webino-primary, #5b4df7); color:#fff; }
.webino-product-card__tool.is-active { background: var(--webino-primary, #5b4df7); color:#fff; }
.webino-product-card__tool svg { width:var(--webino-tool-icon-width,18px); height:var(--webino-tool-icon-height,18px); fill:none; stroke:currentColor; stroke-width:1.8; }
.webino-product-card--tools-hover .webino-product-card__tools { opacity:0; transform:translate(var(--webino-tools-x),calc(var(--webino-tools-y) + 5px)); transition:opacity var(--webino-motion,240ms),transform var(--webino-motion,240ms); }
.webino-product-card--tools-hover:hover .webino-product-card__tools,
.webino-product-card--tools-hover:focus-within .webino-product-card__tools { opacity:1; transform:translate(var(--webino-tools-x),var(--webino-tools-y)); }

.webino-product-card__badge--low-stock,
.webino-product-card__badge--popular {
    position: absolute;
    z-index: 7;
    inset-inline-start: 10px;
    bottom: 10px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}
.webino-product-card__badge--low-stock { background:#fff1f2; color:#be123c; }
.webino-product-card__badge--popular { background:#ecfdf5; color:#047857; bottom:42px; }

.webino-toast-live {
    position: fixed;
    inset-inline-start: 18px;
    bottom: 18px;
    z-index: 100000;
    display: grid;
    gap: 8px;
    pointer-events: none;
}
.webino-toast-live__item {
    max-width: min(360px, calc(100vw - 36px));
    background:#111827;
    color:#fff;
    border-radius:14px;
    padding:12px 15px;
    box-shadow:0 14px 40px rgba(15,23,42,.25);
    animation:webino-toast-in .2s ease both;
}
@keyframes webino-toast-in { from { opacity:0; transform:translateY(8px); } }

@media (max-width: 767px) {
    .webino-product-card__tool { width:42px; height:42px; min-height:42px; }
    .webino-product-card--tools-hover .webino-product-card__tools { opacity:1; transform:translate(var(--webino-tools-x),var(--webino-tools-y)); }
}

@media (prefers-reduced-motion: reduce) {
    .webino-product-card *,
    .webino-slider *,
    .webino-quick-view * { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}

.webino-pagination-shell { margin-top:28px; display:flex; justify-content:center; }
.webino-load-more {
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 24px;
    border:1px solid color-mix(in srgb, var(--webino-primary,#5b4df7) 28%, transparent);
    border-radius:14px;
    background:var(--webino-surface,#fff);
    color:var(--webino-primary,#5b4df7);
    font-weight:800;
    text-decoration:none;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.webino-load-more:hover { background:var(--webino-primary,#5b4df7); color:#fff; }
.webino-load-more__spinner { width:16px; height:16px; border:2px solid currentColor; border-top-color:transparent; border-radius:50%; display:none; animation:webino-spin .7s linear infinite; }
.is-webino-loading .webino-load-more__spinner { display:inline-block; }
.webino-infinite-sentinel { width:1px; height:1px; }
@keyframes webino-spin { to { transform:rotate(360deg); } }

.webino-product-card__media-link { position:relative; display:block; width:100%; height:100%; color:inherit; text-decoration:none; }
.webino-product-card__media-link > .webino-product-card__image { display:block; }
.webino-product-card__media-link > .torobpay-product-badge { z-index:8; pointer-events:none; }
.webino-product-card__media-link > .torobpay-product-badge .torobpay-product-badge-inner { pointer-events:auto; }
.webino-product-card__price-values { min-height:26px; display:flex; align-items:baseline; gap:7px; flex-wrap:wrap; }
.webino-product-card__sale-price,.webino-product-card__current-price { font-weight:900; }
.webino-product-card__regular-price { color:var(--webino-muted,#6b7280); font-size:.82em; }
.webino-product-card.has-actions-bottom .webino-product-card__actions { margin-top:auto; }


/* Webino 8.2.8 — harden Quick View eye icon against theme SVG/path rules. */
.webino-product-card__tool--quick-view,
[data-webino-quick-view]{
  --webino-qv-tool-icon-color:#24283a;
  color:var(--webino-qv-tool-icon-color,#24283a);
}
.webino-product-card__tool--quick-view:hover,
[data-webino-quick-view]:hover{
  --webino-qv-tool-icon-color:#fff;
}
.webino-product-card__quick-view-icon,
[data-webino-quick-view]>.webino-product-card__quick-view-icon{
  display:block!important;
  width:var(--webino-tool-icon-width,18px)!important;
  height:var(--webino-tool-icon-height,18px)!important;
  min-width:1px!important;
  min-height:1px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.webino-product-card__quick-view-icon path,
.webino-product-card__quick-view-icon circle,
[data-webino-quick-view]>.webino-product-card__quick-view-icon path,
[data-webino-quick-view]>.webino-product-card__quick-view-icon circle{
  display:block!important;
  fill:none!important;
  stroke:var(--webino-qv-tool-icon-color,#24283a)!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  visibility:visible!important;
}