.rst-info-card {
    border-radius: var(--box-radius);
    transition: 0.3s;
    background: linear-gradient(44deg, rgba(6, 5, 23, 0.6) 0%, rgba(28, 19, 91, 0.8) 100%);
}

.rst-info-card:hover {
    border-color: rgba(93, 108, 255, 0.4);
    transform: translateX(-5px);
}

.rst-icon-box {
    width: 45px;
    height: 45px;
    border-radius: var(--box-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: linear-gradient(135deg, #3F4DE3 0%, #7E86DF 100%);
    box-shadow: 0 5px 15px rgba(63, 77, 227, 0.3);
}
/* افکت ورود از سمت راست */
.rst-animate-right {
    opacity: 0;
    transform: translateX(80px); /* شروع از 80 پیکسل سمت راست */
    transition: opacity 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* کلاسی که با جاوااسکریپت اضافه می‌شود تا کارت را در سر جای خود ظاهر کند */
.rst-animate-right.rst-visible {
    opacity: 1;
    transform: translateX(0);
}
.rst-collab-banner {
    background: linear-gradient(135deg, #1A1253 0%, #301a75 50%, #0D0A1A 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--box-radius);
}

.rst-collab-banner::before {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 20%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(200, 0, 255, 0.4) 0%, transparent 70%);
    filter: blur(40px);
}

.rst-btn-primary {
    background: linear-gradient(180deg, var(--one-color), var(--two-color));
    border-radius: var(--box-radius);;
    padding: 6px 13px 6px 13px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.rst-btn-primary:hover {
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.25), 0 0 11.5px #4250E2;
    border-color: #4250E2;
    color: white;
}

.rst-support-form-section {
    background: #14113C;
}

.rst-pill {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #aaa;
    border-radius: var(--box-radius);
    font-size: 13px;
    padding: 6px 15px;
    transition: 0.3s;
}

.rst-pill:hover, .rst-pill.active {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border-color: rgba(255, 255, 255, 0.3);
}

.form-control.rst-input {
    background-color: #ffffff !important;
    border: 1px solid transparent !important;
    border-radius: var(--box-radius);
    padding: 12px;
    color: #333 !important;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

.form-control.rst-input:focus {
    background-color: var(--gray) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    outline: none !important;
}

.rst-btn-full {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: 0.3s;
}

.rst-btn-full:hover {
    background-color: #fff;
    color: #000;
    transition: ease 1s;
}

.rst-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* افکت ورود از پایین به بالا */
.rst-animate-up {
    opacity: 0;
    transform: translateY(60px); /* شروع از 60 پیکسل پایین‌تر */
    transition: opacity 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* کلاسی که جاوااسکریپت برای نمایش اضافه می‌کند */
.rst-animate-up.rst-visible {
    opacity: 1;
    transform: translateY(0);
}

.rst-accordion .accordion-item {
    background: #1B1256;
    border-radius: var(--box-radius);
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.rst-accordion .accordion-button {
    background: rgba(30, 25, 60, 0.5);
    color: white;
    box-shadow: none;
    border-radius: var(--box-radius) !important;
    font-size: 14px;
    font-weight: bold;
}

.rst-accordion .accordion-button:not(.collapsed) {
    background: rgba(40, 35, 80, 0.8);
    color: #5D6CFF;
}

.rst-accordion .accordion-button::after {
    filter: invert(1);
    margin-right: auto !important;
    margin-left: 0 !important;
}

.rst-accordion .accordion-body {
    background: transparent;
    font-size: 13px;
    line-height: 1.6;
    padding-top: 15px;
}

.rst-custom-breadcrumb > *:nth-child(1) {
    z-index: 3;
}

.rst-custom-breadcrumb > *:nth-child(2) {
    z-index: 2;
}

.rst-custom-breadcrumb > *:nth-child(3) {
    z-index: 1;
}

.rst-collab-img {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
/* ==========================================
   اصلاحات اختصاصی حالت تاریک (پیش‌فرض)
========================================== */

/* ۴. سفید کردن بک‌گراند فیلد "نوع درخواست" (Select) و گزینه‌های آن در حالت دارک */
select.form-select.rst-input {
    background-color: #ffffff !important;
    color: #1e293b !important;
}
select.form-select.rst-input option {
    background-color: #ffffff !important;
    color: #1e293b !important;
}

/* ۵. سفید کردن قطعیِ فلش‌های آکاردئون FAQ در حالت دارک */
.rst-accordion .accordion-button::after {
    /* این دستور آیکون SVG بوت‌استرپ را کاملاً سفید خالص می‌کند */
    filter: brightness(0) invert(1) !important;
}
/*lightmod*/
/* ==========================================
   اصلاحات اختصاصی حالت تاریک (Dark Mode پایه)
========================================== */

/* سفید کردن بک‌گراند فیلد "نوع درخواست" در فرم پشتیبانی در حالت دارک */
select.form-select.rst-input {
    background-color: #ffffff !important;
    color: #1e293b !important;
}
select.form-select.rst-input option {
    background-color: #ffffff !important;
    color: #1e293b !important;
}

/* سفید کردن قطعیِ فلش‌های آکاردئون FAQ در حالت دارک */
.rst-accordion .accordion-button::after {
    filter: brightness(0) invert(1) !important;
}


/* ==========================================
   اورراید رنگ‌های صفحه تماس با ما (Light Mode) - ویرایش نهایی و شیشه‌ای
========================================== */

/* ۱. تغییر متون سفید هاردکد شده به تیره (رنگ پیش‌فرضی که خودت گذاشتی) */
[data-bs-theme="light"] .rst-contact-page .text-white:not(.rst-btn-primary) {
    color: #4754E3 !important;
}
[data-bs-theme="light"] .rst-contact-page .text-white-50 {
    color: #64748b !important;
}


/* 🟢 استثنائات اختصاصی متن‌ها برای لایت مود 🟢 */

/* متن دکمه "ثبت درخواست" */
[data-bs-theme="light"] .rst-contact-page .rst-btn-primary {
    color: #ffffff !important;
}

/* عنوان درخواست همکاری */
[data-bs-theme="light"] .rst-contact-page .rst-collab-banner h2.text-white {
    color: #4754E3 !important;
}

/* توضیحات زیر درخواست همکاری */
[data-bs-theme="light"] .rst-contact-page .rst-collab-banner p.text-white {
    color: #0E0B1B !important;
}

/* زمان پاسخگویی (هم‌رنگ عنوان) */
[data-bs-theme="light"] .rst-contact-page .rst-collab-banner span.text-white.d-flex {
    color: #4754E3 !important;
}

/* عنوانِ ۳ ویژگی پایین صفحه (عکس‌دارها) */
[data-bs-theme="light"] .rst-contact-page .rst-animate-up h5.text-white {
    color: #4754E3 !important;
}

/* توضیحاتِ زیر ۳ ویژگی پایین صفحه */
[data-bs-theme="light"] .rst-contact-page .rst-animate-up p.text-white-50 {
    color: #100C21 !important;
}

/* ========================================== */

/* ۲. باکس‌های اطلاعات تماس (شماره تماس، ایمیل و...) */
[data-bs-theme="light"] .rst-info-card {
    background: linear-gradient(32deg, #d5d7f3, #FFFFFF),
    linear-gradient(224deg, rgba(246, 246, 246, 0.1) 1.14%, rgba(123, 131, 223, 0.1) 100.66%);
}
[data-bs-theme="light"] .rst-info-card:hover {
    border-color: rgba(63, 77, 227, 0.4);
    box-shadow: 0 15px 35px rgba(63, 77, 227, 0.08);
    transform: translateX(-5px);
}

/* ۳. بنر درخواست همکاری با راستاد */
[data-bs-theme="light"] .rst-collab-banner {
    background: linear-gradient(32deg, #d5d7f3, #FFFFFF),
    linear-gradient(224deg, rgba(246, 246, 246, 0.1) 1.14%, rgba(123, 131, 223, 0.1) 100.66%);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
}
[data-bs-theme="light"] .rst-collab-banner::before {
    background: radial-gradient(circle, rgba(63, 77, 227, 0.15) 0%, transparent 70%);
}

/* ۴. فرم پشتیبانی راستاد */
[data-bs-theme="light"] .rst-support-form-section {
    background: #8B92E633;
    border-top: 1px solid rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}

/* 🔴 دکمه‌های کپسولی موضوعات (شیشه‌ای در حالت لایت) 🔴 */
[data-bs-theme="light"] .rst-pill {
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(5px);
    border: 1px solid rgb(37, 31, 110);
    color: #1e293b;
}
[data-bs-theme="light"] .rst-pill:hover,
[data-bs-theme="light"] .rst-pill.active {
    background: rgba(255, 255, 255, 0);
    color: #000000 !important;
    border: 1px solid rgb(37, 31, 110);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* فیلدهای ورودی فرم (Inputs) */
[data-bs-theme="light"] .form-control.rst-input {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #1e293b !important;
}
[data-bs-theme="light"] .form-control.rst-input:focus {
    border-color: #3F4DE3 !important;
    box-shadow: 0 0 0 0.25rem rgba(63, 77, 227, 0.15) !important;
}

/* 🔴 دکمه ارسال پیام فرم (شیشه‌ای) 🔴 */
[data-bs-theme="light"] .rst-btn-full {
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(5px);
    color: #1e293b;
    border: 1px solid rgb(37, 31, 110);
}
[data-bs-theme="light"] .rst-btn-full:hover {
    background: #ffffff;
    color: #000000 !important;
    border-color: #ffffff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* ۵. آکاردئون سوالات متداول (FAQ) */
[data-bs-theme="light"] .rst-accordion .accordion-item {
    background: #ffffff;
    border: 1px solid #BEBEBF;
    box-shadow: none;
    border-radius: var(--box-radius);
    overflow: hidden;
}
[data-bs-theme="light"] .rst-accordion .accordion-button {
    background: #ffffff;
    color: #1e293b;
    border-radius: var(--box-radius) !important;
}
[data-bs-theme="light"] .rst-accordion .accordion-button:not(.collapsed) {
    background: rgba(63, 77, 227, 0.04);
    color: #3F4DE3;
}

/* تاریک شدن قطعی فلش آکاردئون در حالت لایت برای دیده شدن روی زمینه سفید */
[data-bs-theme="light"] .rst-accordion .accordion-button::after {
    filter: brightness(0) !important;
}
[data-bs-theme="light"] .rst-accordion .accordion-button svg path {
    fill: #3F4DE3;
}

/* متن پاسخ سوالات متداول */
[data-bs-theme="light"] .rst-accordion .accordion-body {
    background: #ffffff;
    color: #1B1256 !important;
}