/* Bazarestan × TorobPay visual compatibility */
#torobpay-topbar,
#torobpay-topbar *{
    box-sizing:border-box;
    font-family:var(--bazarestan-theme-font,var(--font-family,var(--body-font,inherit)))!important;
}
#torobpay-topbar{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:431!important;
    margin:0!important;
    transform:none!important;
    clear:both!important;
    flex:0 0 auto!important;
}
body.baz-torobpay-topbar-ready #torobpay-topbar + #app,
body.baz-torobpay-topbar-ready #torobpay-topbar + .fade-pattern + .fade-img + #app{margin-top:0!important}

/*
 * Bazarestan header can become position:fixed; without an explicit top offset it
 * sits on top of TorobPay's topbar. The JS bridge continuously updates
 * --baz-torobpay-header-offset while the topbar is visible, then returns it to 0
 * after the banner scrolls out. This keeps the banner exactly above the header,
 * touching it, with no overlap and no permanent blank gap.
 */
body.baz-torobpay-topbar-ready header.head.sticky{
    top:var(--baz-torobpay-header-offset,0px)!important;
}
body.baz-torobpay-topbar-ready header.head.sticky .nav-container{
    top:0!important;
}
body.baz-torobpay-topbar-ready .header-space{
    margin-top:0!important;
}

.baz-torobpay-pdp-slot,
.baz-torobpay-pdp-slot *{
    box-sizing:border-box;
    font-family:var(--bazarestan-theme-font,var(--font-family,var(--body-font,inherit)))!important;
}
.baz-torobpay-pdp-slot{
    width:100%;
    max-width:100%;
    margin:12px 0 0;
    clear:both;
    direction:rtl;
    overflow:hidden;
}
.baz-torobpay-pdp-slot .torobpay-widget,
.baz-torobpay-pdp-slot #torobpay-variation-widget-container{
    width:100%;
    max-width:100%;
}
.product-summary .col>.gallery + .baz-torobpay-pdp-slot,
.woocommerce-product-gallery + .baz-torobpay-pdp-slot{margin-top:12px}

/* Make plugin PLP elements work inside Bazarestan Vue product cards. */
.baz-torobpay-card-host,
.product-grid-item,
.product-card,
.bz-gb-product-card,
.bz-gb-product-horizontal__card,
.bz-ssr-product-card,
li.product,
article.product{
    min-width:0;
}
.baz-torobpay-img-host,
.product-grid-item .img-box,
.product-card .img-box,
.product-grid-item .bg,
.bz-gb-product-card__image,
.bz-gb-product-horizontal__image,
.woocommerce-loop-product__link,
a.woocommerce-LoopProduct-link{
    position:relative;
    max-width:100%;
    overflow:hidden;
}
.baz-torobpay-img-host .torobpay-product-badge,
.baz-torobpay-img-host .torobpay-compat-badge,
.product-grid-item .torobpay-product-badge,
.product-card .torobpay-product-badge,
.bz-gb-product-card .torobpay-product-badge,
.bz-ssr-product-card .torobpay-product-badge,
li.product .torobpay-product-badge{
    position:absolute!important;
    z-index:8!important;
    max-width:calc(100% - 14px)!important;
    pointer-events:none;
}
.baz-torobpay-img-host .torobpay-product-badge-inner,
.product-grid-item .torobpay-product-badge-inner,
.product-card .torobpay-product-badge-inner,
.bz-gb-product-card .torobpay-product-badge-inner,
.bz-ssr-product-card .torobpay-product-badge-inner,
li.product .torobpay-product-badge-inner{
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    box-shadow:0 8px 24px rgba(15,23,42,.10);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.baz-torobpay-img-host .torobpay-product-badge-text,
.product-grid-item .torobpay-product-badge-text,
.product-card .torobpay-product-badge-text,
.bz-gb-product-card .torobpay-product-badge-text,
.bz-ssr-product-card .torobpay-product-badge-text,
li.product .torobpay-product-badge-text{
    overflow:hidden;
    text-overflow:ellipsis;
}
.baz-torobpay-img-host .torobpay-product-marquee,
.product-grid-item .torobpay-product-marquee,
.product-card .torobpay-product-marquee,
.bz-gb-product-card .torobpay-product-marquee,
.bz-ssr-product-card .torobpay-product-marquee,
li.product .torobpay-product-marquee{
    position:absolute!important;
    right:0!important;
    left:0!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box;
    pointer-events:none;
    overflow:hidden!important;
}
.baz-torobpay-img-host .torobpay-product-marquee-track,
.product-grid-item .torobpay-product-marquee-track,
.product-card .torobpay-product-marquee-track,
.bz-gb-product-card .torobpay-product-marquee-track,
.bz-ssr-product-card .torobpay-product-marquee-track,
li.product .torobpay-product-marquee-track{
    max-width:none!important;
    white-space:nowrap!important;
}

@media(max-width:768px){
    .baz-torobpay-pdp-slot{margin-top:10px}
    .baz-torobpay-img-host .torobpay-product-badge,
    .product-grid-item .torobpay-product-badge,
    .product-card .torobpay-product-badge{max-width:calc(100% - 10px)!important}
}