/* =====================================
   Research Achievements — بازطراحی برای 3 کارت
   - گرید 4 ستونه به 3 ستونه تغییر کرد
   - فاصله‌ها از responsive.css (--gap-container, --space-lg, --space-xl, --space-inline)
   - رنگ‌های هاردکد به rgb()/rgba() بر پایه متغیرها
   - دکمه‌های بیشتر بدانید/مشاهده روی سیستم .btn/.btn-secondary سوار شدن
   - بلوک feature-list (مخصوص کارت حذف‌شده details-1) حذف شد
===================================== */

.research-achievements{
    padding:var(--section-space) 0;
    background:var(--background);
    direction:rtl;
}

.research-achievements-header{
    max-width:768px;
    margin:0 auto var(--space-lg);
    text-align:center;
}

.section-label{
    display:inline-block;
    padding:8px 20px;
    margin-bottom:20px;
    border-radius:var(--radius-round);
    background:rgba(var(--accent-rgb),.12);
    color:var(--primary);
    font-family:var(--font-body);
    font-size:var(--font-size-tag);
    font-weight:600;
}

.research-achievements-header h2{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    margin-bottom:20px;
    color:var(--text);
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.4;
}

.research-achievements-header p{
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    color:var(--text-light);
    font-size:1.125rem;
    line-height:2;
}

/* Cards */

.achievements-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:var(--gap-container);
}

.achievement-card{
    background:var(--surface);
    border-radius:var(--radius-lg);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform var(--transition),box-shadow var(--transition);
    border:1px solid rgba(var(--primary-rgb),.08);
}

.achievement-card-image{
    position:relative;
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    background:var(--surface-alt);
}
.achievement-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}
.achievement-card:hover .achievement-card-image img{
    transform:scale(1.06);
}
.achievement-card-body{
    padding:28px 25px 35px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
}

.achievement-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(var(--primary-rgb),.12);
}

.achievement-card h3{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:var(--text);
    font-size:1.25rem;
    margin-bottom:15px;
}

.achievement-card p{
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    color:var(--text-light);
    line-height:1.9;
    font-size:var(--font-size-p);
}

/* Highlight */

.research-highlight{
    margin-top:var(--space-lg);
    padding:var(--space-xl) var(--space-inline);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:var(--gap-container);
    background:linear-gradient(135deg, var(--surface), var(--surface-alt));
    border-radius:var(--radius-xl);
}

.highlight-content{
    max-width:768px;
}

.highlight-content h3{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:var(--text);
    font-size:1.625rem;
    margin-bottom:15px;
}

.highlight-content p{
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    color:var(--text-light);
    line-height:2;
}

.highlight-stat{
    min-width:380px;
    text-align:center;
}

.highlight-stat strong{
    font-family:var(--font-heading);
    font-weight:var(--title-weight);
    display:block;
    color:var(--primary);
    font-size:3rem;
}

.highlight-stat span{
    font-family:var(--font-body);
    font-weight:var(--body-weight);
    color:var(--text-light);
}

/* Responsive — برای 3 کارت */

@media(max-width:992px){
    .achievements-grid{
        grid-template-columns:repeat(2,1fr);
    }
    /* کارت سوم که تنها می‌مونه، تمام عرض رو می‌گیره و وسط‌چین می‌شه */
    .achievements-grid > .achievement-card:last-child{
        grid-column:1 / -1;
        max-width:380px;
        margin-inline:auto;
        width:100%;
    }
}

@media(max-width:576px){
    .achievements-grid{
        grid-template-columns:1fr;
    }
    .achievements-grid > .achievement-card:last-child{
        max-width:none;
        margin-inline:0;
    }
    .research-highlight{
        flex-direction:column;
        text-align:center;
        padding:var(--space-lg) var(--space-md);
    }
}

/* =====================================
   دکمه «بیشتر» روی هر کارت
   ظاهر اصلی از .btn / .btn-secondary میاد (buttons.css)،
   اینجا فقط رفتار مخصوص همین کامپوننت
===================================== */
.achievement-more-btn{
    align-self:flex-start;
    margin-top:auto;
    gap:8px;
}
.achievement-more-btn .chevron-icon{
    width:14px;height:14px;
    transition:transform var(--transition);
    flex-shrink:0;
}
.achievement-more-btn.is-active .chevron-icon{
    transform:rotate(180deg);
}
.achievement-more-btn.is-active{
    background:var(--primary-dark);
    border-color:var(--primary-dark);
}

/* =====================================
   پنل مشترک جزئیات، زیر کل گرید
===================================== */
.research-details-panel{
    margin-top:0;
    display:flex;
    flex-direction:column;
    gap:22px;
    overflow:hidden;
    max-height:0;
    transition:max-height var(--transition), margin-top var(--transition);
}
.research-details-panel.has-open{
    margin-top:30px;
    max-height:6000px;
}

.research-detail-item{
    display:none;
    background:var(--surface);
    border:1px solid rgba(var(--primary-rgb),.1);
    border-radius:var(--radius-lg);
    padding:35px;
    position:relative;
    animation:detailFadeIn .35s ease;
}
.research-detail-item.active{
    display:block;
}
@keyframes detailFadeIn{
    from{opacity:0;transform:translateY(-8px);}
    to{opacity:1;transform:translateY(0);}
}

.research-detail-header{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:25px;
    padding-left:40px;
}
.research-detail-header .achievement-icon{
    margin-bottom:0;
    width:44px;height:44px;
    flex-shrink:0;
}
.research-detail-header .achievement-icon span{font-size:1rem;}
.research-detail-header h4{
    font-family:var(--font-heading);
    font-weight:var(--heading-weight);
    color:var(--text);
    font-size:1.15rem;
    margin:0;
}

.research-detail-text{
    font-family:var(--font-body, inherit);
    color:var(--text-secondary, var(--text));
    font-size:1rem;
    line-height:1.9;
    margin:0 0 25px;
    padding-left:40px;
}

.research-detail-close{
    position:absolute;
    top:28px;
    left:28px;
    width:34px;height:34px;
    border-radius:50%;
    border:1px solid rgba(var(--primary-rgb),.15);
    background:var(--surface-alt);
    color:var(--text-light);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    transition:background var(--transition),color var(--transition);
}
.research-detail-close:hover{
    background:var(--primary);
    color:rgb(var(--white-rgb));
}

/* ---- فهرست همکاری‌ها و انتشارات ---- */
.publication-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.publication-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:18px 20px;
    background:var(--surface-alt);
    border-radius:14px;
    border: 2px solid var(--border-blue);
    flex-wrap:wrap;
}

.publication-item a{
    font-family:var(--font-body);
    font-weight:var(--font-weight-strong);
    color:var(--primary);
}

.invitation-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:18px 20px;    
    border-radius:14px;    
    flex-wrap:wrap;
}

.publication-info h5{
    margin:0 0 6px;
    font-family:var(--font-heading);
    font-size:1rem;
    color:var(--text);
}
.publication-info span{
    font-size:.85rem;
    color:var(--text-light);
}
/* ظاهر اصلی از .btn/.btn-secondary میاد؛ اینجا فقط سایز مخصوص ردیف لیست */
.publication-link{
    flex-shrink:0;
    height:44px;
    min-width:auto;
    padding-inline:20px;
    font-size:.85rem;
}

/* ---- گالری تصاویر کنگره ---- */
.congress-gallery{
    position:relative;
}
.congress-slides{
    position:relative;
    width:100%;
    aspect-ratio:16/8;
    border-radius:16px;
    overflow:hidden;
    background:var(--surface-alt);
}
.congress-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .4s ease;
}
.congress-slide.active{
    opacity:1;
    visibility:visible;
}
.congress-slide img{
    width:100%;height:100%;object-fit:cover;display:block;
}
.congress-slide .slide-caption{
    position:absolute;
    bottom:0;right:0;left:0;
    padding:16px 20px;
    background:linear-gradient(0deg,rgba(var(--black-rgb),.65),transparent);
    color:rgb(var(--white-rgb));
    font: var(--font-body);
    font-size:1.2rem;
}
.congress-nav-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;height:42px;
    border-radius:50%;
    border:none;
    background:rgba(var(--white-rgb),.9);
    color:var(--text);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    box-shadow:var(--shadow-md);
    transition:background var(--transition);
    z-index:2;
}
.congress-nav-btn:hover{background:rgb(var(--white-rgb));}
.congress-nav-prev{right:16px;}
.congress-nav-next{left:16px;}
.congress-nav-btn svg{width:18px;height:18px;}

.congress-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:16px;
}
.congress-dot{
    width:8px;height:8px;
    border-radius:50%;
    background:rgba(var(--primary-rgb),.25);
    border:none;
    cursor:pointer;
    transition:background var(--transition),width var(--transition);
}
.congress-dot.active{
    background:var(--primary);
    width:22px;
    border-radius:5px;
}

/* ---- گرید استانداردها و گواهی‌نامه‌ها ---- */
.standards-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:18px;
}
.standard-item{
    text-align:center;
    padding:24px 16px;
    
    border-radius:14px;
}
.standard-item .standard-badge{
    width:64px;
    height:64px;
    margin:0 auto 14px;
    border-radius:50%;
    background:rgb(var(--white-rgb));
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    box-sizing:border-box;
    overflow:hidden;
}
.standard-item .standard-badge img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.standard-item h5{
    margin:0 0 6px;
    font-family:var(--font-heading);
    font-size:.95rem;
    color:var(--text);
}
.standard-item span{
    font-size:.82rem;
    color:var(--text-light);
}

@media(max-width:576px){
    .research-detail-item{padding:24px 18px;}
    .research-detail-header{padding-left:34px;}
}