.elementor-kit-632{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-32ed4d37:#4054B2;--e-global-color-4eaa0cbe:#23A455;--e-global-color-78824285:#000;--e-global-color-7179f784:#FFF;--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-632 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* === حالت معمولی (Normal) === */
.e-n-tab-title {
  background: rgba(255, 215, 0, 0.20);  /* طلایی روشن شفاف */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 215, 0, 0.45);
  border-radius: 14px;
  padding: 12px 22px !important;
  color: #fff !important;  
  transition: all .35s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(255, 200, 0, 0.25);
}

.e-n-tab-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -90%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.45),
    rgba(255,255,255,0.05)
  );
  transform: skewX(-20deg);
  transition: .5s;
}

/* === حالت هاور (Hover) — دقیقاً مثل حالت فعال === */
.e-n-tab-title:hover {
  background: rgba(255, 215, 0, 0.80) !important; 
  border-color: rgba(255, 230, 120, 1) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  box-shadow:
    0 0 18px rgba(255, 220, 0, 0.75),
    0 0 40px rgba(255, 200, 0, 0.40);

  transform: translateY(-3px);
  color: #000 !important;
}

.e-n-tab-title:hover span,
.e-n-tab-title:hover .e-n-tab-title-text {
  color: #000 !important; /* نوشته هاور مشکی */
}

.e-n-tab-title:hover::before {
  left: 120%;
}

/* === حالت فعال (Active) — قوی‌ترین طلایی === */
.e-n-tab-title[aria-selected="true"] {
  background: rgba(255, 215, 0, 0.95) !important;  /* طلایی خیلی قوی */
  border: 1px solid rgba(255, 230, 120, 1) !important;

  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;

  box-shadow:
    0 0 22px rgba(255, 220, 0, 0.85),
    0 0 50px rgba(255, 200, 0, 0.50);

  transform: translateY(-4px);
  color: #000 !important;
}

/* متن فعال مشکی */
.e-n-tab-title[aria-selected="true"] span,
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  color: #000 !important;
}

.e-n-tab-title[aria-selected="true"]::before {
  left: 0;
  width: 100%;
  background: linear-gradient(
    130deg,
    rgba(255,255,255,0.50),
    rgba(255,255,255,0.20),
    rgba(255,255,255,0)
  );
  opacity: 1;
}
/* متن حالت عادی مشکی */
.e-n-tab-title,
.e-n-tab-title .e-n-tab-title-text,
.e-n-tab-title span {
    color: #000 !important;
}
/* =======================
   دکمه عین تب‌ها (سه حالت)
   ======================= */

/* === حالت عادی === */
.elementor-button {
  background: rgba(255, 215, 0, 0.20) !important; /* طلایی روشن شفاف */
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  border: 1px solid rgba(255, 215, 0, 0.45) !important;
  border-radius: 14px !important;

  color: #000 !important;
  padding: 12px 28px !important;

  position: relative;
  overflow: hidden;

  box-shadow: 0 3px 12px rgba(255, 200, 0, 0.25);
  transition: all .35s ease;
}

.elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -90%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.45),
    rgba(255,255,255,0.05)
  );
  transform: skewX(-20deg);
  transition: .5s;
}

/* === حالت هاور (کپی تب هاور) === */
.elementor-button:hover {
  background: rgba(255, 215, 0, 0.80) !important; 
  border-color: rgba(255, 230, 120, 1) !important;

  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;

  box-shadow:
    0 0 18px rgba(255, 220, 0, 0.75),
    0 0 40px rgba(255, 200, 0, 0.40);

  transform: translateY(-3px);
  color: #000 !important;
}

.elementor-button:hover::before {
  left: 120%;
}

/* === حالت فعال/کلیک (کپی تب فعال) === */
.elementor-button:active {
  background: rgba(255, 215, 0, 0.95) !important;
  border: 1px solid rgba(255, 230, 120, 1) !important;

  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;

  box-shadow:
    0 0 22px rgba(255, 220, 0, 0.85),
    0 0 50px rgba(255, 200, 0, 0.50);

  transform: translateY(-4px);
  color: #000 !important;
}

/* اطمینان از رنگ مشکی متن */
.elementor-button,
.elementor-button span,
.elementor-button .elementor-button-text {
  color: #000 !important;
}/* End custom CSS */