.elementor-10105 .elementor-element.elementor-element-dde3521{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10105 .elementor-element.elementor-element-2f968ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-10105 .elementor-element.elementor-element-19407eb{--display:flex;}.elementor-10105 .elementor-element.elementor-element-19407eb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10105 .elementor-element.elementor-element-1f78e87{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:8px 8px 8px 8px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--wd-sticky-offset:50px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-10105 .elementor-element.elementor-element-f7a7a7c > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-10105 .elementor-element.elementor-element-f7a7a7c{text-align:center;}.elementor-10105 .elementor-element.elementor-element-f7a7a7c .elementor-heading-title{font-weight:600;color:var( --e-global-color-secondary );}.elementor-10105 .elementor-element.elementor-element-13c6a24 .price{font-size:22px;}.elementor-10105 .elementor-element.elementor-element-80b305f > .elementor-widget-container{margin:0px 29px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10105 .elementor-element.elementor-element-157085f > .elementor-widget-container{margin:0px 3px 0px 3px;}.elementor-10105 .elementor-element.elementor-element-de5938f > .elementor-widget-container{margin:0px 2px 0px 0px;}.elementor-10105 .elementor-element.elementor-element-7a6422b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:15px 20px;--row-gap:15px;--column-gap:20px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10105 .elementor-element.elementor-element-515f0f2{--divider-border-style:solid;--divider-color:#1010101A;--divider-border-width:1px;}.elementor-10105 .elementor-element.elementor-element-515f0f2 .elementor-divider-separator{width:100%;}.elementor-10105 .elementor-element.elementor-element-515f0f2 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-10105 .elementor-element.elementor-element-e9928dd{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-10105 .elementor-element.elementor-element-3e27979{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;}.elementor-10105 .elementor-element.elementor-element-7814fbe > .elementor-widget-container{margin:-1px 0px 0px 0px;}.elementor-10105 .elementor-element.elementor-element-7814fbe .shop_attributes, .wd-single-attrs.wd-side-hidden .shop_attributes{--wd-attr-col:1;}.elementor-10105 .elementor-element.elementor-element-7814fbe .shop_attributes{max-width:650px;}.elementor-10105 .elementor-element.elementor-element-9d94f6a{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-10105 .elementor-element.elementor-element-a07cd81{--display:flex;}.elementor-10105 .elementor-element.elementor-element-52c60b6{--display:flex;}@media(min-width:768px){.elementor-10105 .elementor-element.elementor-element-19407eb{--width:63.538%;}.elementor-10105 .elementor-element.elementor-element-1f78e87{--width:50%;}}@media(max-width:1024px){.elementor-10105 .elementor-element.elementor-element-2f968ba{--margin-top:-20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-10105 .elementor-element.elementor-element-13c6a24 .price{font-size:18px;}.elementor-10105 .elementor-element.elementor-element-8356d6b{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-10105 .elementor-element.elementor-element-2f968ba{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-10105 .elementor-element.elementor-element-9d94f6a{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-5959bd2 *//* ==================================================================
   مسیر پیمایش پیکان‌شکل (خاکستری، راست‌چین) — وودمارت
   ------------------------------------------------------------------
   این نسخه دقیقاً همون منطق کد اصلی (چپ‌چین) شماست، با این تفاوت‌ها:
     ۱) آینه شده برای راست‌چین: نوکِ پیکان به‌جای راست، به سمت چپ
        است (همون جهتی که خواستید — هم‌جهت با خوندن فارسی).
     ۲) به‌جای سبز/سیاه، پالت خاکستری هم‌خانواده: غیرفعال‌ها یک
        درجه تیره‌تر از تکه‌ی آخر (فعال)، نه سیاه.
     ۳) gap واقعی (۶px) + هم‌پوشانیِ منفی با هم ترکیب شده‌اند — دقیقا
        مثل کد اصلی شما. حاصلش این می‌شود: نوکِ هر تکه تا ته بریدگیِ
        تکه‌ی بعدی نمی‌رسد و یک فاصله‌ی کوچک و طبیعی بین تکه‌ها باقی
        می‌ماند (همون چیزی که خواستید: «کمی فاصله شون بده»)، بدون
        نیاز به استروک مصنوعی که قبلاً باعث سیاه‌شدن گوشه‌ها می‌شد.
     ۴) نوکِ پیکان و بریدگیِ داخلی هر دو با clip-path ساخته شده‌اند
        (نه border-radius بیضی‌شکل) تا واقعاً تیز باشند، نه هلالی.

   ساختار واقعی ویجت Breadcrumb وودمارت این‌طور است (بررسی‌شده روی
   سایت تست شما):
       nav.wd-breadcrumbs > a  (خانه، دسته‌ها...)
                          > span.wd-delimiter  ("/")
                          > span.wd-last  (صفحه فعلی، بدون لینک)
   جداکننده «/» پیش‌فرض غیرفعال می‌شود چون خودِ فاصله‌ی بین شکل‌ها
   الان نقش جداکننده را بازی می‌کند.

   نصب: این کد را در Custom CSS ویجت Breadcrumb (یا Custom CSS
   سراسری المنتور) پیست کن و ذخیره کن.

   روی سایت تستِ لاراگون شما تأیید شده (خانه / دسته / صفحه فعلی).
   ================================================================== */

nav.wd-breadcrumbs.woocommerce-breadcrumb {
    /* هرچقدر edge-offset بزرگ‌تر از gap باشد، هم‌پوشانی و نوکِ تیز
       بیشتر دیده می‌شود؛ هرچقدر به gap نزدیک‌تر باشد، فاصله‌ی بینشان
       بیشتر می‌شود. این دو عدد را می‌توانی برای تنظیم ظرافت بازی بدهی. */
    --edge-offset: clamp(8px, 1.5vw, 16px);
    --gap: 6px;

    --breadcrumb-padding-inline: calc(1ch + .6vw);
    --breadcrumb-padding-point: calc(var(--breadcrumb-padding-inline) + (var(--edge-offset) / 1.5));
    --breadcrumb-padding-notch: calc(var(--breadcrumb-padding-inline) + var(--edge-offset));

    /* رنگ تکه‌ی آخر (فعال) — روشن‌تر */
    --crumb-active-bg:          hsl(220 6% 90%);
    --crumb-active-fg:          hsl(220 12% 20%);
    --crumb-active-bg--hover:   hsl(220 6% 96%);
    --crumb-active-fg--hover:   hsl(220 12% 10%);

    /* رنگ بقیه‌ی تکه‌ها (غیرفعال) — فقط کمی تیره‌تر از تکه‌ی آخر، نه سیاه */
    --crumb-inactive-bg:        hsl(220 6% 74%);
    --crumb-inactive-fg:        hsl(220 12% 20%);
    --crumb-inactive-bg--hover: hsl(220 6% 66%);
    --crumb-inactive-fg--hover: hsl(220 12% 12%);

    display: inline-flex !important;
    flex-wrap: nowrap;
    align-items: stretch !important;
    gap: var(--gap) !important;
    background: transparent !important;
}

/* جداکننده «/» پیش‌فرض وودمارت را حذف کن — چون خودِ فاصله‌ی طبیعی
   بین شکل‌ها الان نقش جداکننده را دارد */
nav.wd-breadcrumbs > span.wd-delimiter {
    display: none !important;
}

/* ظاهر پایه‌ی مشترکِ همه‌ی تکه‌ها */
nav.wd-breadcrumbs > a,
nav.wd-breadcrumbs > span.wd-last {
    --crumb-bg: var(--crumb-inactive-bg);
    --crumb-fg: var(--crumb-inactive-fg);

    background: var(--crumb-bg);
    color: var(--crumb-fg) !important;
    display: flex;
    align-items: center;
    padding-block: .6em;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
}

nav.wd-breadcrumbs > a:hover {
    --crumb-bg: var(--crumb-inactive-bg--hover);
    --crumb-fg: var(--crumb-inactive-fg--hover);
}

/* از دومین تکه به بعد، کمی روی تکه‌ی قبلی سوار می‌شود (هم‌پوشانیِ
   منفی، مثل کد اصلی شما). چون gap هم فعال است، این هم‌پوشانی کامل
   نیست و دقیقاً همان فاصله‌ی کوچکِ بین تکه‌ها را می‌سازد. */
nav.wd-breadcrumbs > a:not(:first-child),
nav.wd-breadcrumbs > span.wd-last {
    margin-right: calc(var(--edge-offset) * -1) !important;
}

/* تکه‌ی اول (خانه): گوشه‌ی راستش ساده و صاف است (چون تکه‌ی قبلی
   ندارد)، سمت چپش نوکِ پیکانِ تیز دارد (چون تکه‌ی بعدی دارد) */
nav.wd-breadcrumbs > a:first-child {
    padding-right: var(--breadcrumb-padding-inline) !important;
    padding-left: var(--breadcrumb-padding-point) !important;
    clip-path: polygon(
        100% 0%,
        100% 100%,
        var(--edge-offset) 100%,
        0% 50%,
        var(--edge-offset) 0%
    );
}

/* تکه‌های میانی: هم بریدگیِ سمت راست دارند (برای جا دادن نوکِ
   پیکانِ تکه‌ی قبلی) و هم نوکِ پیکانِ تیز سمت چپ (برای فرو رفتن توی
   تکه‌ی بعدی) */
nav.wd-breadcrumbs > a:not(:first-child) {
    padding-right: var(--breadcrumb-padding-notch) !important;
    padding-left: var(--breadcrumb-padding-point) !important;
    clip-path: polygon(
        100% 0%,
        calc(100% - var(--edge-offset)) 50%,
        100% 100%,
        var(--edge-offset) 100%,
        0% 50%,
        var(--edge-offset) 0%
    );
}

/* تکه‌ی آخر (صفحه‌ی فعلی، بدون لینک): فقط بریدگیِ سمت راست دارد؛
   سمت چپش ساده و صاف است چون تکه‌ی بعدی وجود ندارد */
nav.wd-breadcrumbs > span.wd-last {
    --crumb-bg: var(--crumb-active-bg);
    --crumb-fg: var(--crumb-active-fg);
    font-weight: 700;

    padding-right: var(--breadcrumb-padding-notch) !important;
    padding-left: var(--breadcrumb-padding-inline) !important;
    clip-path: polygon(
        100% 0%,
        calc(100% - var(--edge-offset)) 50%,
        100% 100%,
        0% 100%,
        0% 0%
    );
}/* End custom CSS */