.elementor-29763 .elementor-element.elementor-element-17150d5{--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-29763 .elementor-element.elementor-element-59a600c{--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-29763 .elementor-element.elementor-element-866c062{--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-29763 .elementor-element.elementor-element-cd3666c{--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-29763 .elementor-element.elementor-element-4bed741 .elementor-button{background-color:#CA1919;fill:#F8F3F3;color:#F8F3F3;box-shadow:1px 5px 52px 14px rgba(53.25434782608709, 0, 222.7, 0.5);}.elementor-29763 .elementor-element.elementor-element-1266b4a{--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-29763 .elementor-element.elementor-element-308a31a .elementor-button{background-color:#DA1111;fill:#FCF0F0;color:#FCF0F0;box-shadow:0px 21px 51px 5px rgba(73.69284688090737, 25.751304347826117, 176.80000000000004, 0.5);}.elementor-29763 .elementor-element.elementor-element-0bbdba8{--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-29763 .elementor-element.elementor-element-e40680c{--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-29763 .elementor-element.elementor-element-0d37079{--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-29763 .elementor-element.elementor-element-93c059f{--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-29763 .elementor-element.elementor-element-a7d40f4{--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;}/* Start custom CSS for wd_text_block, class: .elementor-element-abb2c18 *//* پایه باکس */
.elementor-29763 .elementor-element.elementor-element-abb2c18{
  position:relative;
  overflow:visible; /* اجازه بده پنل بیرون باکس دیده شود */
}

/* کانتینر پنل ابزار (ستون عمودی) */
.elementor-29763 .elementor-element.elementor-element-abb2c18::before{
  content:"";
  position:absolute;
  top:50%;
  right:-72px;         /* فاصله اولیه از باکس */
  transform:translateY(-50%);
  width:56px;
  height:260px;        /* ارتفاع پنل */
  background:rgba(30,30,30,0.88);
  border:1px solid #2e2e2e;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,.35), 0 0 18px rgba(255,154,0,0.25);
  backdrop-filter:saturate(110%) blur(6px);
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease, right .35s ease, box-shadow .35s ease;
}

/* ظاهر شدن پنل هنگام هاور */
.elementor-29763 .elementor-element.elementor-element-abb2c18:hover::before{
  opacity:1;
  right:-86px; /* اسلاید نرم به بیرون */
  box-shadow:0 10px 28px rgba(0,0,0,.45), 0 0 28px rgba(255,154,0,0.45);
}

/* گروه آیکن‌ها: از after استفاده می‌کنیم و با گرادینت‌های step، آیکن‌ها را عمودی می‌چینیم */
.elementor-29763 .elementor-element.elementor-element-abb2c18::after{
  /* پنج آیکن در پنج ردیف؛ از emoji و حروف برای سادگی استفاده شده */
  content:"🖱\A ✒\A T\A ◻\A 🖌";
  white-space:pre;     /* اجازه دهد خطوط شکسته شوند */
  position:absolute;
  top:50%;
  right:-72px;
  transform:translateY(-50%);
  width:56px;
  height:auto;
  display:flex;
  flex-direction:column;
  gap:8px;             /* فاصله بین ابزارها */
  padding:12px 0;
  color:#ff9a00;
  font-size:20px;
  line-height:1;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease, right .35s ease, transform .35s ease, filter .35s ease;
  text-shadow:0 0 8px rgba(255,154,0,0.5);
  filter:drop-shadow(0 0 2px rgba(255,154,0,0.45));
}

/* ظاهر شدن آیکن‌ها با انیمیشن جزئی */
.elementor-29763 .elementor-element.elementor-element-abb2c18:hover::after{
  opacity:1;
  right:-86px;
  transform:translateY(-50%) translateX(0);
}

/* ایجاد نوار انتخاب (های‌لایت) داینامیک موقع hover روی باکس:
   خط نازک نارنجی داخل پنل که بالا-پایین می‌شود (صرفاً افکت تصویری) */
.elementor-29763 .elementor-element.elementor-element-abb2c18:hover{
  --ai-sel-top: 0%;
}
.elementor-29763 .elementor-element.elementor-element-abb2c18:hover{
  animation:ai-scan 2.5s ease-in-out infinite;
}
@keyframes ai-scan{
  0%  { --ai-sel-top: 6%;  }
  50% { --ai-sel-top: 76%; }
  100%{ --ai-sel-top: 6%;  }
}

/* خود نوار انتخاب را با سایه در همان before رندر می‌کنیم با استفاده از box-shadow inset چندگانه */
.elementor-29763 .elementor-element.elementor-element-abb2c18:hover::before{
  box-shadow:
    inset 0 0 0 1px #2e2e2e,
    0 10px 28px rgba(0,0,0,.45),
    0 0 28px rgba(255,154,0,0.45),
    inset 0 calc(var(--ai-sel-top) - 110%) 0 0 rgba(255,154,0,0.0),
    inset 0 calc(var(--ai-sel-top) - 86%) 0 0 rgba(255,154,0,0.85);
}

/* Tooltip ثابت برای آموزش: با استفاده از یک pseudo اضافه (outline باکسی) */
.elementor-29763 .elementor-element.elementor-element-abb2c18 .ai-tip{
  display:none; /* اگر خواستید بعداً HTML اضافه کنید، این بلاک حاضر است */
}

/* اسکرول‌بار شبیه Illustrator برای خود باکس (در صورت اسکرول) */
.elementor-29763 .elementor-element.elementor-element-abb2c18::-webkit-scrollbar{
  width:10px;
}
.elementor-29763 .elementor-element.elementor-element-abb2c18::-webkit-scrollbar-track{
  background:#1e1e1e;
  border-left:1px solid #2e2e2e;
}
.elementor-29763 .elementor-element.elementor-element-abb2c18::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#2b2b2b,#3a3a3a);
  border:1px solid #444;
  border-radius:8px;
  box-shadow:inset 0 0 0 1px rgba(255,154,0,0.25), 0 0 10px rgba(255,154,0,0.2);
}
.elementor-29763 .elementor-element.elementor-element-abb2c18::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#3a3a3a,#4a4a4a);
  box-shadow:inset 0 0 0 1px rgba(255,154,0,0.55), 0 0 14px rgba(255,154,0,0.35);
}

/* افکت حاشیه نارنجی Adobe هنگام هاور روی خود باکس */
.elementor-29763 .elementor-element.elementor-element-abb2c18{
  border-radius:12px;
  transition:box-shadow .35s ease, border-color .35s ease, transform .2s ease;
}
.elementor-29763 .elementor-element.elementor-element-abb2c18:hover{
  box-shadow:0 0 0 1px rgba(255,154,0,0.7), 0 0 28px rgba(255,154,0,0.3);
}/* End custom CSS */