.elementor-99 .elementor-element.elementor-element-6994f1f{--display:flex;}.elementor-99 .elementor-element.elementor-element-bd8b4ac{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-99 .elementor-element.elementor-element-95edc6a{color:#DFDADA;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-0630c2f */.shadecastle-notes {
  background: linear-gradient(135deg, #1a1a1a 0%, #2b0000 100%);
  color: #eee;
  padding: 20px 30px;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(139, 0, 0, 0.85);
  font-family: 'IRANSans', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  
  max-width: 700px;
  margin: 0 auto 30px auto;
  user-select: none;
}

.shadecastle-notes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.shadecastle-notes ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 18px;
  color: #ddd;
  font-weight: 500;
  cursor: default;
}

.shadecastle-notes ul li strong {
  color: #ff4c4c;
  font-weight: 700;
  text-shadow: 0 0 6px #ff0000aa;
}

/* آیکون تیر کنار هر نکته */
.shadecastle-notes ul li::before {
  content: '➤';
  position: absolute;
  left: 0;
  top: 2px;
  color: #ff2a2a;
  font-size: 18px;
  text-shadow: 0 0 4px #ff2a2aaa;
}

/* ریسپانسیو */
@media (max-width: 768px) {
  .shadecastle-notes {
    position: relative;
    z-index: 15;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12d8986 */.shadecastle-guide-box {
 width: 60%;
 margin: 20px auto;
 padding: 15px;
 border: 2px dashed #666;
 border-radius: 10px;
 background-color: #f9f9f9;
 font-family: 'Vazir', sans-serif;
 font-size: 16px;
 font-family: 'IRANSans', 'IranSans', sans-serif;
 text-align: center;
 color: #333;
 }
 .gradient-text {
 background: linear-gradient(to right, #000000, #e60023); /* مشکی به قرمز */
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-family: "IRANSans", sans-serif; /* فونت ایران‌سنس */
 font-weight: bold;
 }
 .shadecastle-guide-box audio {
 width: 100%;
 background: linear-gradient(90deg, #000000, #8b0000); /* مشکی به قرمز تیره */
 border-radius: 12px;
 padding: 10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.3);
 color: white; /* در صورتی که روی برخی مرورگرها متن ظاهر بشه */
 }
 .audio-button {
 display: none; /* پیش‌فرض پنهان برای دسکتاپ */
 width: 80px;
 height: 80px;
 border-radius: 50%;
 background: linear-gradient(135deg, black, red);
 color: white;
 font-size: 2em;
 text-align: center;
 line-height: 80px;
 cursor: pointer;
 margin: 20px auto;
 box-shadow: 0 0 10px rgba(255,0,0,0.5);
 transition: transform 0.2s ease;
 }
 .audio-button:hover {
 transform: scale(1.1);
 }

/* نمایش دکمه روی موبایل */
 @media screen and (max-width: 768px) {
 .shadecastle-guide-box {
 width: 90%;
 }
 }
 /* استایل باکس ربات تلگرام */
 
 audio::-webkit-media-controls-download-button {
  display: none;
}


.telegram-badge {
  display: inline-block;
  margin: 15px auto 0 auto;
  padding: 5px 15px; /* فضای بالا و پایین */
  border-radius: 12px;
  background: linear-gradient(90deg, #000000, #e60023);
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
  font-family: 'IRANSans', sans-serif;
  font-size: 0.85rem;
  box-shadow: 0 0 5px rgba(230, 0, 35, 0.4);
  max-width: fit-content;
  user-select: text;
  text-align: center;
  white-space: nowrap;
  line-height: 1.4; /* خط‌بندی بهتر */
}

/* وسط‌چین کردن در موبایل و تبلت */
 @media (max-width: 991px) {
 .telegram-badge {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }
 }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-95edc6a *//* محدود کردن عرض فرم و وسط‌چین کردنش در دسکتاپ */
.gform_wrapper {
    max-width: 800px; /* حداکثر عرض فرم رو 800 پیکسل در نظر می‌گیره */
    margin: 40px auto; /* از بالا و پایین فاصله میده و از چپ و راست اتوماتیک وسط‌چین می‌کنه */
    padding: 30px; /* یه فاصله داخلی خوشگل به کل فرم میده */
    background-color: #1c1c1c; /* یه رنگ پس‌زمینه یه کم روشن‌تر از صفحه برای جذابیت */
    border-radius: 15px; /* گوشه‌های کل فرم رو گرد می‌کنه */
    box-shadow: 0 0 25px rgba(255, 0, 0, 0.3); /* یه سایه قرمز نئونی ملایم دور فرم! */
}

/* درست کردن رنگ لیبل‌ها و نوشته‌های فرم */
.gform_wrapper .gfield_label,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_title,
.gform_wrapper .gchoice label,
.gform_wrapper h2,
.gform_wrapper h3 {
    color: #e0e0e0 !important;
}

/* استایل دادن به کادرهای ورود متن و باکس‌های بزرگ */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper textarea {
    background-color: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #ffffff !important;
    border-radius: 8px !important; /* گرد کردن گوشه کادرها */
    padding: 12px !important; /* افزایش فاصله داخلی برای راحتی تایپ */
    transition: all 0.3s ease; /* انیمیشن نرم موقع کلیک */
}

/* اضافه کردن سایه جذاب به کادرها موقع کلیک (فوکوس) */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper textarea:focus {
    border-color: #ff4d4d !important; /* رنگ حاشیه موقع کلیک */
    box-shadow: 0 0 10px rgba(255, 77, 77, 0.5) !important; /* سایه نئونی جذاب موقع کلیک */
}

/* کد مخصوص موبایل (رسپانسیو) */
@media (max-width: 768px) {
    .gform_wrapper {
        padding: 15px; /* تو موبایل فاصله داخلی کمتر میشه */
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 0; /* گوشه‌ها صاف میشه تا به لبه‌ها بچسبه */
    }
}/* End custom CSS */