.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-23496 .elementor-element.elementor-element-0fa0616{--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-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for html, class: .elementor-element-02de11a *//*
============================================================
===  استایل بنر تبلیغاتی بالای هدر (نسخه نهایی)  ===
============================================================
*/

.top-promo-banner {
  background: linear-gradient(90deg, #1A73E8 0%, #10B981 100%);
  color: #FFFFFF;
  padding: 12px 20px;
  text-align: center;
}

.banner-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.promo-text {
  font-size: 15px;
  font-weight: 500;
}

.banner-cta-button {
  display: inline-block;
  background-color: #FFFFFF;
  color: #1A73E8;
  padding: 6px 16px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  transition: all 0.3s ease;
  white-space: nowrap; /* جلوگیری از شکستن متن دکمه */
  flex-shrink: 0; /* جلوگیری از کوچک شدن دکمه */
}

.banner-cta-button:hover {
  background-color: #F0F5FE;
  transform: scale(1.05);
}

/*
=========================================
===  اصلاح رسپانسیو برای موبایل  ===
=========================================
*/
@media (max-width: 768px) {
  .banner-content {
    flex-direction: column; /* زیر هم قرار گرفتن */
    gap: 10px;
    align-items: center;
  }
  .promo-text {
    font-size: 14px;
    white-space: normal; /* اجازه دادن به متن برای شکستن خط */
  }
}/* End custom CSS */