.elementor-6819 .elementor-element.elementor-element-a8717c4{--display:flex;--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;}.elementor-6819 .elementor-element.elementor-element-4ee1e8b{font-family:"IRANSansWeb_Bold", Sans-serif;font-weight:400;}/* Start custom CSS for breadcrumbs, class: .elementor-element-4ee1e8b *//* ======================================
   Elementor Breadcrumb — Modern & Clean
   Place in: Advanced > Custom CSS
   ====================================== */

/* ظرف کلی breadcrumb */
.elementor-6819 .elementor-element.elementor-element-4ee1e8b{
  --bc-text: rgba(15,23,42,.70);
  --bc-link: rgba(15,23,42,.86);
  --bc-bg: rgba(255,255,255,.75);
  --bc-bd: rgba(15,23,42,.10);
  --bc-shadow: 0 14px 40px rgba(2,6,23,.08);
}

/* اکثر بردکرامب‌های المنتور/وردپرس داخل nav یا div می‌آیند */
.elementor-6819 .elementor-element.elementor-element-4ee1e8b nav,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .elementor-breadcrumbs,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .breadcrumbs,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .breadcrumb,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .woocommerce-breadcrumb{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  direction: rtl;
  padding: 10px 12px;
  border-radius: 999px;
  background: var(--bc-bg);
  border: 1px solid var(--bc-bd);
  box-shadow: var(--bc-shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--bc-text);
}

/* لینک‌ها */
.elementor-6819 .elementor-element.elementor-element-4ee1e8b a{
  color: var(--bc-link);
  text-decoration: none !important;
  font-weight: 800;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(15,23,42,.08);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* نقطه کوچک قبل از لینک اول (خانه) – اگر نخواستید حذف کنید */
.elementor-6819 .elementor-element.elementor-element-4ee1e8b a:first-child::before{
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(14,165,233,.95);
  box-shadow: 0 0 0 4px rgba(14,165,233,.18);
}

/* هاور لینک‌ها */
.elementor-6819 .elementor-element.elementor-element-4ee1e8b a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.78);
  border-color: rgba(15,23,42,.14);
  box-shadow: 0 14px 30px rgba(2,6,23,.10);
}

/* جداکننده‌ها:
   در خیلی از بردکرامب‌ها به صورت متن "»" یا "/" داخل span یا متن ساده می‌آید
   ما span.separator یا هر span مشابه را شبیه چیپ کوچک می‌کنیم.
*/
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .separator,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .delimiter,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .sep,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b span[aria-hidden="true"]{
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);
  color: rgba(15,23,42,.45);
  font-size: 14px;
  padding: 0;
}

/* اگر جداکننده شما "»" است و به صورت متن ساده نمایش داده می‌شود،
   این خط کمک می‌کند فاصله‌گذاری بهتر شود (مشکلی ایجاد نمی‌کند). */
.elementor-6819 .elementor-element.elementor-element-4ee1e8b{
  word-spacing: 2px;
}

/* آیتم فعلی (آخرین بخش) — معمولاً span یا strong است */
.elementor-6819 .elementor-element.elementor-element-4ee1e8b span:last-child,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b strong:last-child,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .current,
.elementor-6819 .elementor-element.elementor-element-4ee1e8b .breadcrumb_last{
  font-weight: 900;
  color: rgba(15,23,42,.90);
  padding: 6px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(99,102,241,.12), rgba(14,165,233,.10));
  border: 1px solid rgba(15,23,42,.10);
}

/* موبایل */
@media (max-width: 680px){
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b nav,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b .elementor-breadcrumbs,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b .breadcrumbs,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b .breadcrumb,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b .woocommerce-breadcrumb{
    border-radius: 16px;
    padding: 10px 10px;
    font-size: 13px;
  }
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b a,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b span:last-child,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b strong:last-child,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b .current,
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b .breadcrumb_last{
    padding: 6px 9px;
  }
}

/* احترام به کاهش حرکت */
@media (prefers-reduced-motion: reduce){
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b a{ transition: none; }
  .elementor-6819 .elementor-element.elementor-element-4ee1e8b a:hover{ transform: none; }
}/* End custom CSS */