/*
Theme Name: هلو المنتور چایلد
Theme URI: https://www.a4digital.com/
Description: Hello Elementor Child
Author: آچار دیجیتال
Author URI: https://www.a4digital.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* تعریف متغیرها متصل به المنتور */
:root {
    /* متصل به رنگ‌های سراسری المنتور با قابلیت Fallback */
    --psb-primary: var(--e-global-color-primary, #002060);
    --psb-accent: var(--e-global-color-accent, #FFC000);
    --psb-text-dark: var(--e-global-color-text, #1E293B);
    --psb-bg-light: var(--e-global-color-141c818, #F4F7FA);
    --psb-white: var(--e-global-color-f67236d, #FFFFFF);
    --psb-danger: var(--e-global-color-53588a5, #DC3545);
    --psb-primary-hover: var(--e-global-color-78aa817, #002C85);
    --psb-border: var(--e-global-color-d5c5a4f, #E2E8F0);
}

/* استایل عمومی برای همه بخش‌های اختصاصی شما */
.psb-general-section {
    color: var(--psb-text-dark);
    line-height: 1.8;
    background-color: var(--psb-bg-light);
    
    /* 1. تراز متن به حالت هم‌تراز */
    text-align: justify;
    
    /* text-justify: inter-word; را حذف کردیم تا مرورگر خودش تصمیم بگیرد */
    
    /* 2. شکستن کلمات طولانی انگلیسی (لینک‌ها و...) */
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    /* 3. اضافه کردن خط تیره برای کلمات شکسته شده (بیشتر برای انگلیسی کاربرد دارد) */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* ========================================================
   Pergas Shimi BuAli - About Us Section
   Scoped & Logical CSS (Elementor Integrated)
======================================================== */

/* تغییر نام container برای جلوگیری از تداخل */
.psb-about-wrapper .psb-container {
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* Main Intro Card */
.psb-about-wrapper .intro-card {
    background: var(--psb-white);
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
    margin-block-end: 60px;
    border-block-end: 5px solid var(--psb-accent);
}

/* Challenges Section */
.psb-about-wrapper .challenges-section {
    margin-block-end: 80px;
}

.psb-about-wrapper .section-title {
    color: var(--psb-primary);
    font-size: 20px;
    font-weight: 700;
    margin-block-end: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    letter-spacing: -0.3px;
}

.psb-about-wrapper .section-title::before {
    content: '';
    width: 3px;
    height: 22px;
    background-color: var(--psb-accent);
    border-radius: 2px;
    display: inline-block;
    box-shadow: 0 0 8px rgba(255, 192, 0, 0.6);
    flex-shrink: 0;
}

.psb-about-wrapper .challenge-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.psb-about-wrapper .challenge-item {
    background: var(--psb-white);
    padding: 25px;
    border-radius: 20px;
    border-inline-start: 4px solid var(--psb-danger);
    transition: 0.3s;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.psb-about-wrapper .challenge-item svg {
    color: var(--psb-danger);
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-block-start: 5px;
    fill: currentColor;
}

.psb-about-wrapper .challenge-item:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Competitive Advantage Section */
.psb-about-wrapper .advantage-section {
    margin-block-end: 80px;
}

.psb-about-wrapper .advantage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-block-start: 40px;
}

.psb-about-wrapper .adv-card {
    background: var(--psb-primary);
    color: var(--psb-white);
    padding: 40px 30px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
}

.psb-about-wrapper .adv-card:hover {
    background: var(--psb-primary-hover);
}

.psb-about-wrapper .adv-card span {
    font-size: 60px;
    font-weight: 900;
    color: rgba(255, 255, 0, 0.1);
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 20px;
}

.psb-about-wrapper .adv-card h3 {
    color: var(--psb-accent);
    margin-block-end: 15px;
    font-size: 20px;
    position: relative;
}

/* Services Section */
.psb-about-wrapper .services-section {
    margin-block-end: 60px;
}

.psb-about-wrapper .services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.psb-about-wrapper .service-box {
    background: var(--psb-white);
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    transition: 0.3s;
    border: 1px solid var(--psb-border);
}

.psb-about-wrapper .service-box svg {
    width: 45px;
    height: 45px;
    color: var(--psb-primary);
    margin-block-end: 20px;
    fill: currentColor;
}

.psb-about-wrapper .service-box:hover {
    border-color: var(--psb-accent);
    transform: translateY(-5px);
}

/* Vision Section */
.psb-about-wrapper .vision-section {
    background: var(--psb-primary);
    color: var(--psb-white);
    padding: 60px 20px;
    text-align: center;
    border-start-start-radius: 50px;
    border-start-end-radius: 50px;
    margin-block-start: 50px;
}

.psb-about-wrapper .vision-section h2 {
    color: var(--psb-accent);
    font-size: 30px;
    margin-block-end: 20px;
}

.psb-about-wrapper .vision-text {
    font-size: 18px;
    max-width: 900px;
    margin-inline: auto;
}

@media (max-width: 768px) {
    .psb-about-wrapper .intro-card {
        padding: 25px;
    }
}


/* استایل های مربوط به زیر هدر منو در صفحات غیر از خانه */
@keyframes dropDownReveal {
    0% {
        transform: translateY(-15px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.pargas-minimal-slim {
    box-sizing: border-box;
    background-color: #002060;
    /* پترن شبکه‌ای بسیار محو برای حس مهندسی و علمی */
    background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 16px 16px;
    background-position: center top;

    padding: 12px 35px;
    /* direction: rtl حذف شد تا زبان سایت را ارث‌بری کند */
    font-family: inherit;
    display: flex;
    align-items: center;
    border-radius: 0 0 16px 16px;

    /* جلوگیری از بیرون‌زدگی پترن از گوشه‌های گرد و تنظیم لایه */
    overflow: hidden;
    position: relative;
    z-index: 1;

    /* سایه بسیار نرم و لبه پایینی با ضخامت ۱ پیکسل طلایی */
    box-shadow: 0 8px 24px rgba(0, 32, 96, 0.12);
    border-bottom: 1px solid rgba(255, 192, 0, 0.4);

    animation: dropDownReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    margin-bottom: 30px;
}

/* نگه‌دارنده تیتر و نشانگر برای حفظ ساختار در موبایل */
.pargas-minimal-title-wrapper {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* نشانگر عمودی مینیمال (جایگزین نقطه) */
.pargas-minimal-indicator {
    width: 3px;
    height: 22px;
    background-color: #FFC000;
    border-radius: 2px;
    /* استفاده از margin-inline-end به جای margin-left */
    margin-inline-end: 14px;
    box-shadow: 0 0 8px rgba(255, 192, 0, 0.6);
    flex-shrink: 0;
}

.pargas-minimal-title {
    color: #FFFFFF;
    font-size: 20px !important;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.3px;
    line-height: 1.2;
}

/* جداکننده مدرن (اسلش دوگانه) */
.pargas-minimal-separator {
    color: rgba(255, 192, 0, 0.4);
    font-size: 18px;
    font-weight: 300;
    margin: 0 18px;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 1;
    user-select: none; /* جلوگیری از انتخاب شدن اسلش‌ها با موس */
}

.pargas-minimal-subtitle {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px !important;
    font-weight: 300;
    margin: 0;
    letter-spacing: 0.2px;
    line-height: 1.4;
}

/* واکنش‌گرایی موبایل و تبلت */
@media (max-width: 768px) {
    .pargas-minimal-slim {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 22px;
        gap: 6px; /* فاصله دقیق بین تیتر و زیرعنوان در موبایل */
    }

    .pargas-minimal-separator {
        display: none; /* مخفی کردن اسلش در موبایل */
    }

    .pargas-minimal-subtitle {
        font-size: 13px !important;
        /* استفاده از padding-inline-start به جای padding-right */
        padding-inline-start: 17px;
    }
}








    html[dir="rtl"] {
        --direction: -1; /* بازنویسی برای حالت RTL */
        --shadow-direction: -8px; /* مقدار معکوس برای RTL */
    }

    /* =========================================
   2. کد بهینه‌شده و چندزبانه هدر پروفایل
   ========================================= */

    /* متغیرها و استایل‌های پایه (بدون تغییر) */
    :root {
        --direction: 1; /* حالت پیش‌فرض LTR */
        --shadow-direction: 8px; /* مقدار پیش‌فرض برای LTR */
        --primary-color: #0056b3;
        --text-color: #333;
        --bg-color: #f8f9fa;
        --border-color: #e0e0e0;
    }

    .profile-container {
        margin: 20px 0 auto;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        overflow: visible; /* این مقدار از hidden به visible تغییر یافت */
    }

    .profile-header {
        display: flex;
        align-items: flex-start;
        padding: 15px 35px; /* کاهش پدینگ عمودی */
        background-color: #ffffff;
        border-bottom: 1px solid rgba(0, 32, 96, 0.08);
        gap: 30px; /* کاهش فاصله بین عکس و اطلاعات */
    }

    /* استایل تصویر: بدون تغییر */
    .profile-image img {
        width: 160px;
        height: 190px;
        object-fit: cover;
        border-radius: 16px;
        box-shadow: 0 12px 35px rgba(0, 32, 96, 0.12);
        border: 1px solid rgba(255, 192, 0, 0.3);
        transition: transform 0.3s ease;
    }

    .profile-image img:hover {
        transform: translateY(-3px);
    }

    .profile-info {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    /* نام: کاهش فاصله پایین */
    .profile-info h1 {
        margin: 0 0 5px 0; /* کاهش فاصله */
        font-size: 28px;
        font-weight: 800;
        color: #002060;
        letter-spacing: -0.5px;
    }

    /* عنوان شغلی: کاهش فاصله پایین */
    .profile-info .title {
        display: inline-block;
        margin: 0 0 6px 0; /* کاهش فاصله */
        font-size: 16px;
        font-weight: 700;
        color: #333333;
        position: relative;
        padding-bottom: 6px; /* کاهش پدینگ */
    }

    .profile-info .title::after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 40px;
        height: 3px;
        background-color: #FFC000;
        border-radius: 3px;

        /* CHANGED: از right: 0 به inset-inline-start: 0 تغییر کرد */
        /* این ویژگی در زبان‌های RTL معادل right و در LTR معادل left است */
        inset-inline-start: 0;
    }

    /* تحصیلات: کاهش فاصله پایین */
    .profile-info .education {
        margin: 0 0 15px 0; /* کاهش فاصله */
        font-size: 14.5px;
        color: #666666;
        font-weight: 500;
    }

    .profile-info .bio {
        margin: 0;
        font-size: 15px;
        line-height: 1.85;
        color: #444444;
        text-align: justify;

        /* CHANGED: از padding-right به padding-inline-start تغییر کرد */
        padding-inline-start: 18px;

        /* CHANGED: از border-right به border-inline-start تغییر کرد */
        border-inline-start: 3px solid rgba(0, 32, 96, 0.08);
    }






    /* =========================================
   3. استایل منوی بالا (ادغام با لوگو) - بهینه‌شده
   ========================================= */
    .profile-nav {
        /* ... (کدهای پس‌زمینه و سایه بدون تغییر هستند) ... */
        background-color: #002060;
        background-image:
                linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
        background-size: 16px 16px;
        background-position: center top;
        box-shadow: 0 4px 15px rgba(0, 32, 96, 0.15);
        border-bottom: 1px solid rgba(255, 192, 0, 0.4);

        position: sticky;
        top: 0;
        z-index: 1;
        margin-bottom: 20px;
        display: flex;
        align-items: center;

        /* CHANGED: padding به صورت منطقی تعریف شد */
        padding-block: 0; /* padding-top & padding-bottom */
        padding-inline: 35px; /* padding-left & padding-right */
    }

    /* ... (بخش nav-brand-logo و img آن بدون تغییر است) ... */
    .nav-brand-logo {
        width: 160px;
        position: relative;
        display: flex;
        justify-content: center;
        flex-shrink: 0;
    }
    .nav-brand-logo img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 90px;
        height: 90px;
        background-color: #ffffff;
        padding: 8px;
        z-index: 100;
        object-fit: contain;
        border-radius: 16px;
        box-shadow: 0 12px 35px rgba(0, 32, 96, 0.12);
        transition: transform 0.3s ease;
    }
    .nav-brand-logo img:hover {
        transform: translateY(calc(-50% - 3px));
    }

    .profile-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        flex: 1;
        display: flex;
        gap: 30px;
        justify-content: flex-start; /* flex-start یک ویژگی منطقی است و نیازی به تغییر ندارد */

        /* CHANGED: از margin-right به margin-inline-start برای فاصله از لوگو استفاده شد */
        margin-inline-start: 30px;
    }

    /* ... (بخش .profile-nav li بدون تغییر است) ... */
    .profile-nav li {
        padding: 12px 0;
        cursor: pointer;
        font-size: 15px;
        font-weight: 500;
        color: #ffffff;
        position: relative;
        transition: color 0.2s ease;
    }
    .profile-nav li:hover,
    .profile-nav li.active {
        color: #FFC000;
    }
    .profile-nav li.active {
        font-weight: 700;
    }


    .profile-nav li::after {
        content: '';
        position: absolute;
        bottom: -1px;
        height: 3px;
        background-color: #FFC000;
        transform: scaleX(0);
        transition: transform 0.3s ease;
        border-radius: 3px 3px 0 0;

        /* CHANGED: right و left با inset-inline ترکیب شدند */
        inset-inline: 0; /* معادل right: 0 و left: 0 */

        /* CHANGED: transform-origin به صورت منطقی تعریف شد */
        transform-origin: start; /* در فارسی از راست و در انگلیسی از چپ انیمیشن را شروع می‌کند */
    }

    .profile-nav li.active::after {
        transform: scaleX(1);
    }

    /* --- دکمه بازگشت در دسکتاپ --- */
    .back-link {
        display: flex;
        align-items: center;
        height: 100%;

        /* CHANGED: margin-right: auto به margin-inline-start: auto تغییر کرد */
        /* این کار دکمه را به انتهای container (چپ در فارسی، راست در انگلیسی) می‌فرستد */
        margin-inline-start: auto;
    }

    /* ... (بخش back-link a و svg بدون تغییر است) ... */
    .back-link a {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #fff;
        background-color: rgba(255, 192, 0, 0.1);
        border: 1px solid #FFC000;
        padding: 4px 12px;
        border-radius: 4px;
        text-decoration: none;
        font-size: 14px;
        transition: all 0.3s ease;
        line-height: 1;
    }
    .back-link svg { width: 18px; height: 18px; }
    .back-link a:hover { background-color: #FFC000; color: #002060; }
    .back-link::after { display: none !important; }


    /* =========================================
       4. استایل بخش محتوا (Content) - بهینه‌شده
       ========================================= */
    .content-area {
        position: relative;
        background-color: #ffffff;

        /* CHANGED: padding به صورت منطقی تعریف شد */
        padding-block: 15px;
        padding-inline: 40px;
    }

    /* ... (بخش tab-content و انیمیشن fadeIn بدون تغییر است) ... */
    .tab-content { display: none; animation: fadeIn 0.4s ease-in-out; }
    .tab-content.active { display: block; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }


    .section-title {
        margin: 0 0 25px 0;
        font-size: 20px;
        font-weight: 800;
        color: #002060;
        position: relative;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(0, 32, 96, 0.08);
    }

    .section-title::after {
        content: '';
        position: absolute;
        bottom: -1px;
        width: 45px;
        height: 2px;
        background-color: #FFC000;

        /* CHANGED: از right: 0 به inset-inline-start: 0 تغییر کرد */
        inset-inline-start: 0; /* خط زیرین را در ابتدای متن (راست در فارسی) قرار می‌دهد */
    }

    /* ... (بخش contact-compact و contact-details بدون تغییر است) ... */
    .contact-compact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 15px;
        background-color: #fcfcfd;
        border: 1px solid rgba(0, 32, 96, 0.05);
        padding: 12px 18px;
        border-radius: 8px;
    }
    .contact-details {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }


    .contact-item {
        font-size: 14px;
        color: #444;
    }

    .contact-item strong {
        color: #666;
        font-weight: 600;

        /* CHANGED: از margin-left به margin-inline-end برای فاصله از متن بعدی استفاده شد */
        margin-inline-end: 4px; /* یک فاصله در انتهای کلمه (چپ در فارسی، راست در انگلیسی) ایجاد می‌کند */
    }

    /* ... (بقیه کدها بدون تغییر است) ... */
    .contact-item a,
    .contact-item .phone-number {
        color: #002060;
        text-decoration: none;
        font-weight: 600;
        transition: color 0.2s ease;
    }
    .contact-item a:hover { color: #FFC000; }
    .contact-divider { color: #ddd; font-size: 14px; }


    /* =========================================
   1. دکمه متمایز Google Scholar
   ========================================= */
    /*
       نکته: این بخش نیازی به تغییر ندارد.
       استفاده از Flexbox (با justify-content: center) و ویژگی‌های عمودی (مانند border-bottom)
       باعث می‌شود این دکمه در هر دو زبان به درستی کار کند.
    */
    .scholar-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        height: 42px;
        box-sizing: border-box;
        background-color: #002060;
        color: #ffffff !important;
        padding: 0 16px;
        border-radius: 8px;
        border: 1px solid #002060;
        border-bottom: 3px solid #FFC000;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

    .scholar-btn:hover {
        background-color: #FFC000;
        color: #002060 !important;
        border-color: #FFC000;
        border-bottom-color: #002060;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 32, 96, 0.15);
    }


    /* =========================================
       2. بخش رزومه (باکس توضیحات) - بهینه‌شده
       ========================================= */
    .resume-summary-box {
        background-color: #f8f9fc;
        padding: 20px 25px;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 32, 96, 0.04);
        margin-top: 15px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;

        /* CHANGED: جایگزینی border-right با border-inline-start */
        /* این ویژگی به طور خودکار در زبان فارسی (RTL) نوار را در سمت راست و
           در زبان انگلیسی (LTR) در سمت چپ قرار می‌دهد. */
        border-inline-start: 4px solid #FFC000;
    }

    .resume-summary-box:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(0, 32, 96, 0.08);
    }

    .resume-summary-box p {
        margin: 0;
        font-size: 15px;
        line-height: 1.9;
        color: #333;
        text-align: justify; /* justify برای هر دو زبان مناسب است */
    }




    /* استایل هدر بخش‌ها */
    .block-header {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
    }

    .block-header .icon-box {
        background-color: var(--primary-color, #002060);
        color: var(--deep-gold, #FFC000);
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        font-size: 16px;

        /* CHANGED: جایگزینی margin-left با margin-inline-end */
        /* در LTR به چپ و در RTL به راست فاصله می‌دهد. */
        margin-inline-end: 10px;
    }

    .block-header h2 {
        margin: 0;
        color: var(--primary-color, #002060);
        font-size: 18px;
    }

    /* استایل کارت‌های مقالات ژورنالی */
    .journal-entry {
        background-color: #fff;
        border: 1px solid #eaeaea;
        padding: 15px 20px;
        margin-bottom: 15px;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.02);
        transition: all 0.3s ease;

        /* CHANGED: جایگزینی border-right با border-inline-start */
        border-inline-start: 4px solid #002060;
    }

    .journal-entry:hover {
        box-shadow: 0 5px 15px rgba(0, 32, 96, 0.08);

        /* CHANGED: بروزرسانی ویژگی منطقی */
        border-inline-start-color: var(--deep-gold, #FFC000);

        /* CHANGED: استفاده از متغیر --direction برای حرکت صحیح */
        /* در LTR به چپ (-3px * 1) و در RTL به راست (-3px * -1 = +3px) حرکت می‌کند. */
        transform: translateX(calc(-3px * var(--direction)));
    }

    .journal-meta {
        color: var(--deep-gold, #d4a000);
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 8px;
    }

    .journal-title {
        font-size: 15px;
        color: #222;
        line-height: 1.6;
        margin-bottom: 10px;
        font-family: Arial, Helvetica, sans-serif;

        /* CHANGED: جایگزینی text-align: left با start */
        text-align: start;
    }

    .doi-link {
        display: inline-block;
        color: var(--primary-color, #002060);
        text-decoration: none;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        transition: color 0.2s;

        /* CHANGED: جایگزینی text-align: left با start */
        text-align: start;
    }

    .doi-link:hover {
        color: var(--deep-gold, #FFC000);
        text-decoration: underline;
    }

    .doi-link i {
        /* CHANGED: جایگزینی margin-right با margin-inline-end */
        /* فاصله را بعد از آیکون قرار می‌دهد، چه در چپ باشد چه در راست. */
        margin-inline-end: 5px;
    }

    /* استایل جدول مدرن همایش‌ها */
    .modern-table-wrapper {
        overflow-x: auto;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    .modern-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px;
    }

    .modern-table th {
        background-color: #002060;
        color: #fff;
        padding: 12px 15px;
        font-weight: 600;
        font-size: 14px;

        /* CHANGED: جایگزینی text-align: right با start */
        text-align: start;
    }

    .modern-table td {
        padding: 12px 15px;
        border-bottom: 1px solid #eee;
        color: #444;
        font-size: 13px;
        vertical-align: middle;
    }

    .modern-table tbody tr:hover {
        background-color: #f8f9fc;
    }

    .modern-table tbody tr:last-child td {
        border-bottom: none;
    }

    .modern-table td.en-td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12.5px;
        line-height: 1.4;

        /* CHANGED: جایگزینی text-align: left با start */
        /* اگر این سلول dir="ltr" داشته باشد، به چپ تراز می‌شود */
        text-align: start;
    }

    /* =====================
       استایل بخش اختراعات
       ===================== */

    .modern-table td.patent-title {
        line-height: 1.7;
        text-align: justify; /* OK: justify جهت‌بندی ندارد */
    }

    /* برای ستون سال ثبت، عرض و چینش وسط تنظیم می‌کنیم */
    .modern-table th:last-child,
    .modern-table td:last-child {
        width: 120px;
        text-align: center; /* OK: center جهت‌بندی ندارد */
    }

    /* ========================================================
       بخش‌های زیر نیازی به تغییر نداشتند چون از قبل چندزبانه بودند
       ======================================================== */

    .empty-state-box-minimal {
        padding: 12px 15px;
        background-color: #f8f9fc;
        border: 1px solid #eef2f7;
        border-radius: 6px;
        margin-top: 15px;
    }
    .empty-state-box-minimal p { margin: 0; font-size: 14px; color: #64748b; }

    .linkedin-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 174px;
        flex: 1;
        height: 42px;
        box-sizing: border-box;
        gap: 8px;
        padding: 0 16px;
        background-color: #ffffff;
        color: #0A66C2;
        border: 1px solid #0A66C2;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    .linkedin-btn:hover { background-color: #0A66C2; color: #ffffff; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(10, 102, 194, 0.3); }
    .linkedin-btn:hover svg { fill: #ffffff; }
    .linkedin-btn svg { transition: fill 0.3s ease; }

    @media (max-width: 600px) {

        .profile-header {
            flex-direction: column;
            align-items: center;
            text-align: center; /* OK: مرکزچین کردن جهت‌بندی ندارد */
            padding: 20px 15px;
            gap: 20px;
        }

        .profile-info {
            align-items: center;
        }

        /* این روش مرکزچین کردن (transform + right: 50%) در هر دو زبان درست کار می‌کند */
        .profile-info .title::after {
            right: 50%;
            transform: translateX(50%);
        }

        .profile-info .bio {
            text-align: center;
            font-size: 14px;
            line-height: 1.7;

            /* CHANGED: ریست کردن ویژگی‌های منطقی که در دسکتاپ تعریف شده بودند */
            padding-inline-start: 0;
            border-inline-start: none;
        }

        .profile-nav {
            padding: 0 15px;
            border-radius: 0 0 8px 8px;
            display: block;
        }

        .nav-brand-logo {
            display: none;
        }

        .profile-nav ul {
            gap: 18px;
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            display: flex;
            align-items: center;

            /* CHANGED: ریست کردن ویژگی منطقی */
            margin-inline-start: 0;
        }

        .profile-nav ul::-webkit-scrollbar {
            display: none;
        }

        .profile-nav li {
            padding: 8px 0;
            font-size: 12px;
        }

        .back-link {
            position: sticky;
            background-color: #002060;
            z-index: 10;
            padding: 0 5px;
            display: flex;
            align-items: center;

            /* CHANGED: جایگزینی left با inset-inline-start */
            /* در LTR به چپ و در RTL به راست می‌چسبد */
            inset-inline-start: 0;

            /* CHANGED: استفاده از متغیر برای جهت سایه */
            /* در LTR سایه به راست و در RTL به چپ می‌افتد */
            box-shadow: var(--shadow-direction) 0 8px -4px rgba(0, 32, 96, 0.9);
        }

        .back-text { display: inline; font-size: 12px; font-weight: bold; }
        .back-link svg { display: none; }
        .back-link a { padding: 4px 8px; border-radius: 4px; width: auto; height: auto; background-color: rgba(255, 192, 0, 0.1); border: 1px solid #FFC000; justify-content: center; }

        .content-area { padding: 25px 20px; }
        .contact-compact { flex-direction: column; align-items: flex-start; padding: 15px; }
        .contact-details { flex-direction: column; align-items: flex-start; gap: 8px; }
        .contact-divider { display: none; }

        .scholar-btn {
            margin-top: 5px;
            width: 100%;
            text-align: center; /* OK */
        }
    }