/**
 * BricksFA Child — Shop / Product Archive dynamic runtime only.
 *
 * IMPORTANT:
 * - این فایل فقط markupای را style می‌کند که خود Child Theme برای کارت محصول تولید می‌کند
 *   (درصد تخفیف + رنگ‌های واقعی WooCommerce Variation).
 * - Layout اصلی Shop، Slider دسته‌بندی، Toolbar، Filter Panel و Active Filters در Bricks Template هستند.
 * - Scope عمومی .bfa-product-archive عمداً versionless است تا هر Export جدید Shop به نسخه Child Theme قفل نشود.
 */

.bfa-product-archive .bfa-child-product-card-runtime{display:contents!important}
.bfa-product-archive .bfa-child-product-card-runtime__sale{
    position:absolute!important;z-index:12!important;top:12px!important;left:12px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:48px!important;height:28px!important;padding:0 9px!important;border:0!important;border-radius:999px!important;
    background:linear-gradient(105deg,#ff2418,#ff5a1f)!important;color:#fff!important;
    font-size:12px!important;font-weight:800!important;line-height:1!important;direction:rtl!important;box-shadow:none!important
}
.bfa-product-archive .bfa-child-product-card-runtime__drawer{
    position:absolute!important;z-index:11!important;right:0!important;left:0!important;bottom:0!important;
    display:flex!important;align-items:center!important;width:100%!important;min-height:64px!important;padding:7px 9px!important;
    overflow:hidden!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--bfa-fg,#171717) 8%,transparent)!important;
    background:color-mix(in srgb,var(--bfa-card,#fff) 97%,transparent)!important;
    opacity:0!important;visibility:hidden!important;transform:translateY(100%)!important;
    transition:transform .18s ease,opacity .14s ease,visibility .14s ease!important;pointer-events:none!important
}
.bfa-product-archive .bfa-arc-card:hover .bfa-child-product-card-runtime__drawer,
.bfa-product-archive .bfa-arc-card:focus-within .bfa-child-product-card-runtime__drawer{
    opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important
}
.bfa-product-archive .bfa-child-product-card-runtime__colors{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
    width:100%!important;min-width:0!important;overflow:hidden!important;direction:rtl!important
}
.bfa-product-archive .bfa-child-product-card-runtime__color{
    display:grid!important;place-items:center!important;width:42px!important;height:48px!important;flex:0 0 42px!important;
    margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--bfa-border,#e5e5e5)!important;
    border-radius:6px!important;background:var(--bfa-soft,#f6f7f7)!important;box-shadow:none!important;cursor:pointer!important;
    transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease!important
}
.bfa-product-archive .bfa-child-product-card-runtime__color[hidden]{display:none!important}
.bfa-product-archive .bfa-child-product-card-runtime__color:hover,
.bfa-product-archive .bfa-child-product-card-runtime__color:focus-visible,
.bfa-product-archive .bfa-child-product-card-runtime__color.is-active{
    border-color:var(--bfa-fg,#171717)!important;box-shadow:0 0 0 1px var(--bfa-fg,#171717) inset!important;outline:0!important
}
.bfa-product-archive .bfa-child-product-card-runtime__color:hover{transform:translateY(-1px)!important}
.bfa-product-archive .bfa-child-product-card-runtime__color img{
    display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover!important;object-position:center!important
}
.bfa-product-archive .bfa-child-product-card-runtime__swatch{
    display:block!important;width:25px!important;height:25px!important;border:1px solid color-mix(in srgb,var(--bfa-fg,#171717) 14%,transparent)!important;
    border-radius:999px!important;background:var(--bfa-variant-color,#d9d9d9)!important
}
.bfa-product-archive .bfa-child-product-card-runtime__more{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;min-width:36px!important;height:36px!important;
    flex:0 0 36px!important;margin:0!important;border:0!important;border-radius:999px!important;background:var(--bfa-soft,#f4f4f4)!important;
    color:var(--bfa-fg,#333)!important;font-size:11px!important;font-weight:800!important
}
.bfa-product-archive .bfa-child-product-card-runtime__more[hidden]{display:none!important}

@media(max-width:767px){
    .bfa-product-archive .bfa-child-product-card-runtime__drawer{display:none!important}
    .bfa-product-archive .bfa-child-product-card-runtime__sale{top:8px!important;left:8px!important;min-width:38px!important;height:22px!important;padding:0 7px!important;font-size:10px!important}
}

/**
 * Product Archive card colour overflow refinement — v1.1.6
 * فقط برای Shop / Product Archive.
 * وقتی +N لازم است، slotهای باقی‌مانده کل عرض Drawer را پر می‌کنند تا فضای مرده باقی نماند.
 */
.bfa-product-archive .bfa-child-product-card-runtime__colors.is-overflowing{
    display:grid!important;
    grid-template-columns:repeat(var(--bfa-visible-slots,5),minmax(0,1fr))!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
}
.bfa-product-archive .bfa-child-product-card-runtime__colors.is-overflowing .bfa-child-product-card-runtime__color,
.bfa-product-archive .bfa-child-product-card-runtime__colors.is-overflowing .bfa-child-product-card-runtime__more{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:initial!important;
}

/**
 * Product Archive interaction fixes — runtime v1.2.1
 * Keep the Bricks template itself untouched. These rules only correct runtime UI
 * states that Bricks renders differently across imports/element IDs.
 */

/* Category navigation glyphs must never be bidi-mirrored in the RTL page. */
.bfa-product-archive .bfa-arc-category-arrow{
    direction:ltr!important;
    unicode-bidi:isolate!important;
}

/*
 * Bricks default checkbox/radio markup can contain both the native input and
 * .brx-input-indicator. Hide both implementations and render exactly one
 * visual control on the label for Sort / Brand / Category.
 */
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group] [data-brx-filter] input[type="checkbox"],
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group] [data-brx-filter] input[type="radio"]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    margin:-1px!important;
    padding:0!important;
    border:0!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    opacity:0!important;
    pointer-events:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] .brx-input-indicator,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] .brx-input-indicator,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] .brx-input-indicator,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="size"] .brx-input-indicator,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="color"] .brx-input-indicator{
    display:none!important;
}

.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] label,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] label,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] label{
    position:relative!important;
    padding-left:48px!important;
}

/* Brand / category: one square checkbox. */
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] label::before,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] label::before{
    content:""!important;
    position:absolute!important;
    left:8px!important;
    top:50%!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    border:2px solid color-mix(in srgb,var(--bfa-muted) 55%,var(--bfa-border))!important;
    border-radius:7px!important;
    background:var(--bfa-card)!important;
    box-shadow:none!important;
}
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] label::after,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] label::after{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    top:50%!important;
    width:10px!important;
    height:6px!important;
    margin:0!important;
    border-left:2px solid transparent!important;
    border-bottom:2px solid transparent!important;
    transform:translateY(-62%) rotate(-45deg)!important;
    pointer-events:none!important;
}
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] label:has(input:checked)::before,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] label.brx-option-active::before,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] label:has(input:checked)::before,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] label.brx-option-active::before{
    border-color:var(--bfa-primary)!important;
    background:var(--bfa-primary)!important;
}
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] label:has(input:checked)::after,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="brand"] label.brx-option-active::after,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] label:has(input:checked)::after,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="category"] label.brx-option-active::after{
    border-left-color:var(--bfa-primary-fg)!important;
    border-bottom-color:var(--bfa-primary-fg)!important;
}

/* Sort: one radio circle. */
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] label::before{
    content:""!important;
    position:absolute!important;
    left:8px!important;
    top:50%!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    border:2px solid color-mix(in srgb,var(--bfa-muted) 55%,var(--bfa-border))!important;
    border-radius:999px!important;
    background:var(--bfa-card)!important;
    box-shadow:none!important;
}
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] label::after{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    top:50%!important;
    width:10px!important;
    height:10px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    pointer-events:none!important;
}
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] label:has(input:checked)::before,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] label.brx-option-active::before{
    border-color:var(--bfa-primary)!important;
}
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] label:has(input:checked)::after,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="sort"] label.brx-option-active::after{
    background:var(--bfa-primary)!important;
}

/* Size and color are chips/swatches only: never expose a checkbox control. */
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="size"] input,
.bfa-product-archive .bfa-arc-filter-panel [data-bfa-group="color"] input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Desktop active filters: one RTL row anchored to the right, like the accepted layout. */
@media(min-width:992px){
    .bfa-product-archive .bfa-arc-active-shell{
        display:flex!important;
        flex-flow:row nowrap!important;
        align-items:center!important;
        justify-content:flex-start!important;
        direction:rtl!important;
        gap:8px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scrollbar-width:none!important;
    }
    .bfa-product-archive .bfa-arc-active-shell::-webkit-scrollbar{display:none!important}
    .bfa-product-archive .bfa-arc-active-shell>.bfa-arc-active-head,
    .bfa-product-archive .bfa-arc-active-shell>.bfa-arc-active,
    .bfa-product-archive .bfa-arc-active-shell>.bfa-arc-active-clear{
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        flex:0 0 auto!important;
        margin:0!important;
    }
    .bfa-product-archive .bfa-arc-active{
        display:flex!important;
        flex-flow:row nowrap!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:auto!important;
    }
    .bfa-product-archive .bfa-arc-active>*{flex:0 0 auto!important}
}