.elementor-19615 .elementor-element.elementor-element-2f8f508{--display:flex;}.elementor-19615 .elementor-element.elementor-element-60c80bf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19615 .elementor-element.elementor-element-e800a77{text-align:start;font-family:"IRANSans", Sans-serif;font-weight:600;}.elementor-19615 .elementor-element.elementor-element-a6fe9ae{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-19615 .elementor-element.elementor-element-5090af2 .elementor-button{background-color:#02010185;box-shadow:1px 1px 4px 2px rgba(0, 0, 0, 0.2);transition-duration:0.7s;border-radius:14px 14px 14px 14px;padding:16px 16px 16px 16px;}.elementor-19615 .elementor-element.elementor-element-5090af2 .elementor-button:hover, .elementor-19615 .elementor-element.elementor-element-5090af2 .elementor-button:focus{background-color:#12A90C;color:#FAFAFA;}.elementor-19615 .elementor-element.elementor-element-5090af2 .elementor-button:hover svg, .elementor-19615 .elementor-element.elementor-element-5090af2 .elementor-button:focus svg{fill:#FAFAFA;}.elementor-19615 .elementor-element.elementor-element-dcaacdf{--display:flex;}.elementor-19615 .elementor-element.elementor-element-bc823cd{--spacer-size:9px;}/* Start custom CSS for text-editor, class: .elementor-element-e800a77 *//* ============================================ */
/* استایل Claymorphism برای توضیحات سئو شده      */
/* ============================================ */

.seo-description-clay {
  /* ====== Claymorphism Effect ====== */
  background: #ffffff;
  border-radius: 32px;
  padding: 45px 50px 40px 50px;
  margin: 40px auto 30px auto;
  
  /* سایه‌های Clay (رس مانند) */
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.08),
    -8px -8px 20px rgba(255, 255, 255, 0.9),
    inset 2px 2px 6px rgba(255, 255, 255, 0.8),
    inset -4px -4px 12px rgba(0, 0, 0, 0.04);
  
  /* ====== راست‌چین ====== */
  text-align: right;
  direction: rtl;
  
  /* ====== فاصله داخلی بین عناصر ====== */
  display: flex;
  flex-direction: column;
  gap: 18px;
  
  /* ====== رنگ‌بندی ====== */
  color: #1e293b;
  border: 1px solid rgba(249, 115, 22, 0.08);
  
  /* ====== ترنزیشن ====== */
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* ====== حاشیه کناری نارنجی (Claymorphism + جزئیات) ====== */
  border-right: 8px solid #f97316;
  border-left: 2px solid rgba(249, 115, 22, 0.05);
  
  /* ====== موقعیت برای المان تزئینی ====== */
  position: relative;
  overflow: hidden;
}

/* ====== افکت Clay هنگام هاور ====== */
.seo-description-clay:hover {
  transform: translateY(-4px);
  box-shadow: 
    16px 16px 32px rgba(0, 0, 0, 0.1),
    -10px -10px 24px rgba(255, 255, 255, 0.95),
    inset 2px 2px 6px rgba(255, 255, 255, 0.8),
    inset -4px -4px 12px rgba(0, 0, 0, 0.04);
}

/* ====== المان تزئینی نارنجی در پس‌زمینه (Clay) ====== */
.seo-description-clay::before {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(249, 115, 22, 0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.seo-description-clay::after {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(249, 115, 22, 0.04) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

/* ====== استایل تگ‌های داخل ویرایشگر ====== */

/* تایتل H2 یا H3 داخل متن */
.seo-description-clay h2,
.seo-description-clay h3 {
  font-size: 2rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 8px 0;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

/* هایلایت کلمات کلیدی با اسپن */
.seo-description-clay h2 span,
.seo-description-clay h3 span {
  background: linear-gradient(135deg, #f97316, #ea580c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* پاراگراف‌ها */
.seo-description-clay p {
  font-size: 1.05rem;
  line-height: 2;
  color: #334155;
  margin: 0 0 12px 0;
  position: relative;
  z-index: 1;
}

/* ====== استایل لیست‌ها (اگر از لیست استفاده کردید) ====== */
.seo-description-clay ul,
.seo-description-clay ol {
  padding-right: 28px;
  margin: 8px 0 12px 0;
  position: relative;
  z-index: 1;
}

.seo-description-clay li {
  font-size: 1.02rem;
  line-height: 2;
  color: #334155;
  margin-bottom: 6px;
}

/* تغییر نشانگر لیست به نارنجی */
.seo-description-clay ul li::marker {
  color: #f97316;
}

.seo-description-clay ol li::marker {
  color: #f97316;
  font-weight: 700;
}

/* ====== استایل لینک‌ها (اگر داخل متن لینک دارید) ====== */
.seo-description-clay a {
  color: #f97316;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid rgba(249, 115, 22, 0.2);
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

.seo-description-clay a:hover {
  color: #ea580c;
  border-bottom-color: #f97316;
}

/* ====== استایل Strong و Bold ====== */
.seo-description-clay strong,
.seo-description-clay b {
  color: #0f172a;
  font-weight: 700;
}

/* ====== ریسپانسیو ====== */

/* تبلت */
@media screen and (max-width: 992px) {
  .seo-description-clay {
    padding: 35px 35px 30px 35px;
    margin: 30px 20px;
    border-right-width: 6px;
  }
  
  .seo-description-clay h2,
  .seo-description-clay h3 {
    font-size: 1.7rem;
  }
  
  .seo-description-clay p {
    font-size: 1rem;
  }
}

/* موبایل */
@media screen and (max-width: 640px) {
  .seo-description-clay {
    padding: 28px 22px 24px 22px;
    margin: 20px 10px;
    border-radius: 24px;
    border-right-width: 6px;
    gap: 14px;
  }
  
  .seo-description-clay h2,
  .seo-description-clay h3 {
    font-size: 1.4rem;
  }
  
  .seo-description-clay p {
    font-size: 0.95rem;
    line-height: 1.9;
  }
  
  .seo-description-clay ul,
  .seo-description-clay ol {
    padding-right: 20px;
  }
  
  .seo-description-clay li {
    font-size: 0.95rem;
  }
  
  .seo-description-clay::before,
  .seo-description-clay::after {
    display: none;
  }
}

/* موبایل خیلی کوچک */
@media screen and (max-width: 380px) {
  .seo-description-clay {
    padding: 20px 16px 18px 16px;
    margin: 14px 6px;
    border-radius: 20px;
  }
  
  .seo-description-clay h2,
  .seo-description-clay h3 {
    font-size: 1.2rem;
  }
}/* End custom CSS */