/* ===== تنظیمات عمومی مثل صفحه About ===== */
html, body {
margin: 0;
padding: 0;
scroll-behavior: smooth;
background-color: #f5f5f5;
direction: rtl;
}

body { overflow-x: hidden; }
body::-webkit-scrollbar { display: none; }

.brand { display: block; }

body .vazna {
transform: translateY(-50%) rotate(180deg) !important;
}

.active { background-color:#F16A23; color:#fff !important; }

.ceo,
.bio-btn {
font-family:'fatext' !important;
}

.site-nav  {
position: fixed !important;
top: 50% !important;
right: 30px !important;
transform: translateY(-50%) !important;
}

.vazna{
position: fixed !important;
display: flex !important;
}

.ceo-container {
display:flex;
flex-direction: row-reverse !important;
}

.ceo-message-container {
direction: rtl !important;
    font-size: 0.94em !important;
}

    .ceo-message-block { height: 440px !important; }


.projects-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
gap: 24px;
align-items: stretch;
margin: 40px auto 80px;
width: min(1200px, 100% - 40px);
}

/* خود کارت پروژه */
.project-card {
background: #ffffff;
border-radius: 18px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 520px;
}

.project-card img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
}

.project-card-body {
flex: 1;
padding: 18px 20px 16px;
display: flex;
flex-direction: column;
}

.project-title {
font-family: 'enmed' ;
font-size: 1.1rem;
margin: 0 0 8px;
}

.project-meta,
.project-text {
font-size: 0.92rem;
line-height: 1.6;
margin: 0 0 6px;
}

.project-more {
margin-top: auto;
font-size: 0.9rem;
font-weight: 600;
}

    .pj-card-title,
    .pj-card-meta,
    .pj-card-year,
    .pj-card-desc,
    .pj-card-more,
    .pj-card-meta-mini,
    .projects-title,
    .projects-subtitle,
    .pj-timeline-btn ,
    .pj-drawer-text ,
    .pj-drawer-header {
    font-family: 'fatext', sans-serif;
    }



/* ===== Media Queries ===== */
@media screen and (max-width: 1000px){
.site-nav { font-size: 12px !important; transition-duration: 2s !important; }
.vazna { height: 90vh !important; }
.minimal-logo { width: 40px !important; height: 40px !important; }
.vazna h4 { font-size: 10px !important; }
}

@media screen and (max-width: 650px){
.site-nav { font-size: 12px !important; transition-duration: 2s !important; right: 15px !important; gap:15px !important; }
.vazna { left: 10px !important; }
.vazna h4 { font-size: 8px !important; }
.projects-top-nav-menu,
.about-top-nav-menu { font-size : 10px !important; }
.projects-grid {
grid-template-columns: minmax(0, 1fr);
width: min(600px, 100% - 32px);
}
}

@media screen and (max-width: 500px){
.site-nav { right: 10px !important; }

.vazna { left: 10px !important; }
.vazna h4 { font-size: 15px !important; }
.projects-top-nav-menu,
.about-top-nav-menu { font-size : 10px !important; }
}

@media screen and (max-width: 360px){
.site-nav { font-size: 8px !important; transition-duration: 2s !important; right: 8px !important; gap:15px !important; }
.vazna { left: 10px !important; }
.vazna h4 { font-size: 10px !important; }
.projects-top-nav-menu,
.about-top-nav-menu { font-size : 10px !important; }
}

@media screen and (max-width: 250px){
.brand { display: none !important; }
.site-nav { right : -15px !important; }
.projects-top-nav-menu,
.about-top-nav-menu { font-size : 5px !important; justify-content: normal !important; left: auto !important; }
}

@media screen and (max-width: 170px){
.site-nav { right : -35px !important; }
}