.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== هدر: حالت اولیه (قبل از اسکرول) ===== */
.my-header {
  position: relative; /* اگر از Sticky المنتور استفاده می‌کنی، این را تغییر نده */
  width: 100%;
  background: linear-gradient(180deg, rgba(123,44,255,0.95), rgba(123,44,255,0.95));
  transition: background 0.35s ease, box-shadow 0.35s ease, padding 0.35s ease;
  padding: 20px 0;
  z-index: 99999;
}

/* در صورتی که از المنتور Sticky استفاده نمی‌کنی و می‌خواهی header فیکس باشه: */
/* .my-header { position: fixed; top: 0; } */

/* ===== حالت بعد از اسکرول ===== */
.my-header.scrolled {
  background: #ffffff; /* سفید بعد از اسکرول */
  box-shadow: 0 6px 22px rgba(0,0,0,0.08);
  padding: 10px 0; /* جمع شدن هدر هنگام اسکرول */
}

/* ===== رنگ متن/لینک/آیکون‌ها ===== */
.my-header a,
.my-header .elementor-nav-menu a,
.my-header .elementor-button,
.my-header .elementor-widget-icon,
.my-header .elementor-heading-title {
  color: #ffffff;
  transition: color 0.35s ease;
}

.my-header.scrolled a,
.my-header.scrolled .elementor-nav-menu a,
.my-header.scrolled .elementor-button,
.my-header.scrolled .elementor-widget-icon,
.my-header.scrolled .elementor-heading-title {
  color: #111111; /* رنگ بعد از اسکرول */
}

/* ===== کنترل دو لوگو (اختیاری، اگر دو لوگو می‌گذاری) ===== */
.my-header .logo-dark { display:none; }      /* لوگوی تیره در ابتدا مخفی */
.my-header .logo-light { display:inline-block; } /* لوگوی روشن در ابتدا نمایش */

.my-header.scrolled .logo-dark { display:inline-block; } /* پس از اسکرول لوگوی تیره نشان داده شود */
.my-header.scrolled .logo-light { display:none; }        /* و لوگوی روشن پنهان شود */

/* ===== واکنشگرایی (نمونه) ===== */
@media (max-width: 767px) {
  .my-header { padding: 12px 0; }
  .my-header.scrolled { padding: 8px 0; }
}/* End custom CSS */