/* ==========================================================================
   WeDesk Brand Identity - Color Overwrite for SassTech Template
   ========================================================================== */

:root {
    --main-color: #FF5500 !important;
    --main-hover: #D81B26 !important;
    --main-50: #FFF5EE !important;
    --main-100: #FFE5D6 !important;
    --main-600: #FF5500 !important;
    --main-800: #D81B26 !important;
}

/* 1. پس‌زمینه‌ها و کلیدها */
.bg-main-600,
.btn-main,
.btn-main-two,
.hover-bg-main-600:hover,
.button--stroke:hover,
.settings-button {
    background-color: #FF5500 !important;
    border-color: #FF5500 !important;
    color: #ffffff !important;
}

    .btn-main:hover,
    .hover-bg-main-800:hover {
        background-color: #D81B26 !important;
        border-color: #D81B26 !important;
    }

/* دکمه‌های سفید با ترنزیشن سازمانی */
.btn-white:hover {
    background-color: #FF5500 !important;
    color: #ffffff !important;
}

/* پس‌زمینه‌های ملایم و هایلایت‌ها */
.bg-main-50 {
    background-color: #FFF5EE !important;
}

.bg-main-100 {
    background-color: #FFE5D6 !important;
}

/* 2. متون و لینک‌ها */
.text-main-600,
.text-blue,
.hover-text-main-600:hover,
a.hover-text-main-600:hover,
.nav-menu__link:hover {
    color: #FF5500 !important;
}

/* 3. بوردرها و حاشیه‌ها */
.border-main-600,
.hover-border-main-600:hover,
.focus-border-main-600:focus {
    border-color: #FF5500 !important;
}

/* 4. نشانگر اسکرول و لودر */
.progress-wrap svg path {
    stroke: #FF5500 !important;
}

.cssload-loading i {
    background: #FF5500 !important;
}

/* 5. گرادیانت متون و بخش‌ها */
.text-gradient-teal {
    background: linear-gradient(135deg, #FFB300 0%, #FF5500 50%, #D81B26 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* تنظیم نشانگرهای وضعیت فعال */
.bg-deep-green {
    background-color: #FF5500 !important;
}


/* یکدست کردن پس‌زمینه سکشن فرآیند کار با رندر سه‌بعدی */
.work-process-five .stair-bg,
.work-process-five .gradient-bg-eight {
    background: #1e2331 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

    /* حذف نوار بالای کادر */
    .work-process-five .stair-bg::before {
        
    }

    /* تبدیل متون داخل کادر به روشن */
    .work-process-five .gradient-bg-eight h3,
    .work-process-five .gradient-bg-eight h6 {
        color: #ffffff !important;
    }

    .work-process-five .gradient-bg-eight p {
        color: #9ca3af !important;
    }

/* متناسب‌سازی سایز عناوین h2 با استایل مینیمال */
h2,
h2.splitTextStyleOne,
.work-process-five h2,
.offer-five h2,
.about-features h2,
.pricing-five h2,
.app-screenshot h2 {
    font-size: clamp(1.4rem, 2vw, 2rem) !important; /* معادل ۲۲ تا ۳۲ پیکسل به جای فونت‌های خیلی بزرگ ۴۸+ */
    line-height: 1.4 !important;
    letter-spacing: -0.4px !important;
    font-weight: 700 !important;
    margin-bottom: 0.75rem !important;
}

    /* هماهنگ‌سازی پاراگراف‌های زیر عناوین */
    h2 + p,
    .splitTextStyleOne + p {
        font-size: 0.95rem !important;
        line-height: 1.65 !important;
        max-width: 580px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


.rtl {
direction:rtl !important;
text-align:right !important;
}

/* ==========================================================================
   WeDesk - Typography Refinement & Font Smoothing
   ========================================================================== */

/* ۱. رندر نرم و شارپ فونت در ویندوز و مک (رفع زمختی لبه حروف) */
* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    letter-spacing: 0 !important; /* فاصله‌گذاری منفی حروف انگلیسی خط فارسی را می‌شکند */
}

/* ۲. تعدیل سایز و وزن بدنه اصلی سایت */
body {
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    color: #4b5563 !important;
}

/* ۳. شکستن ضخامت‌های سنگین برای تمامی متون و پاراگراف‌ها */
p,
span:not(.fw-bold):not(.badge):not(.counter),
li,
a:not(.btn) {
    font-weight: 400 !important;
    line-height: 1.85 !important;
}

    /* پاراگراف‌های زیر تیترها */
    p.tw-text-lg,
    .tw-text-base,
    .text-neutral-500,
    .text-neutral-600 {
        font-size: 0.9rem !important; /* حدود ۱۴ تا ۱۵ پیکسل به جای هجده */
        line-height: 1.8 !important;
    }

/* ۴. تعدیل سایز و وزن عناوین (H1 تا H6) */
h1 {
    font-size: clamp(1.4rem, 2.2vw, 1.85rem) !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

h2,
h2.splitTextStyleOne,
.work-process-five h2,
.offer-five h2,
.about-features h2,
.download-app h2,
.app-screenshot h2 {
    font-size: clamp(1.2rem, 1.7vw, 1.55rem) !important; /* کاهش چشمگیر سایز تایتل‌های اصلی */
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

h3 {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

h4 {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
}

h5, h6 {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

/* ۵. ظریف‌سازی بج‌ها (Badges) و برچسب‌های بالای تیترها */
.rounded-pill.tw-py-2,
.common-shadow-twentyNine {
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    padding: 4px 14px !important;
}

/* ۶. ظریف‌سازی منوی اصلی و دکمه‌ها */
.nav-menu__link {
    font-size: 0.88rem !important;
    font-weight: 500 !important;
}

.btn {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

/* ۷. تنظیم وزن تیترهای کارت‌های چهارگانه مزایا */
.about-features h4 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
}

.about-features p {
    font-size: 0.82rem !important;
    line-height: 1.7 !important;
}