@charset "utf-8";
@font-face {
    font-family: "IRANSansWeb";
    src: url("../fonts/IRANSansWeb_Bold.woff2") format("woff2"),
    url("../fonts/IRANSansWeb_Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "IRANSansWeb", "Tahoma", "Arial", sans-serif;
}
.page-hero{
    position:relative; overflow:hidden; color:#fff;

}
.page-hero::before{
    content:""; position:absolute; inset:0;
    background-image: var(--hero-bg);
    background-size: cover; background-position: center;
    z-index:0;
}
.page-hero::after{
    content:""; position:absolute; inset:0;
    background: rgba(107,114,128,.30);  /* همان طوسی 0.3 */
    z-index:1;
}
/* برش ۷ رو به پایین (هماهنگ با صفحات قبلی) */
.projects-hero{ isolation:isolate; }
.projects-hero::after{ z-index:1; } /* overlay */
.projects-hero .container{ position:relative; z-index:3; }
.projects-hero::marker{ content:""; } /* calm */
/* V-cut پایین سکشن */
.projects-hero:has(.container)::before{ z-index:0; }
.projects-hero .container::after{
    content:"";
    position:absolute;
    left:0; right:0;
    bottom:-1px;
    height:10vh;
    background:#fff;
    z-index:2;
    clip-path: polygon(
            0 100%,
            100% 100%,
            100% 22%,
            50% 90%,
            0 22%
    );
    box-shadow:0 -1px 0 rgba(0,0,0,.08);
    pointer-events:none;
}

/* فیلترها (چیپ‌ها) */
.btn-chip{
    border:1px solid #e5e7eb;
    background:#fff; color:#111827;
    padding:.5rem 1rem; border-radius:999px; font-weight:700;
    transition:all .15s ease;
}
.btn-chip:hover{ transform: translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.06); }
.btn-chip.active{ background:#f59e0b; border-color:#f59e0b; color:#fff; }

/* کارت پروژه (هماهنگ با index ولی کمی بزرگ‌تر) */
.project-card{
    position: relative; overflow: hidden; border-radius: 16px; aspect-ratio: 16 / 10;
    background:#f3f4f6;
}
.project-card img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition: transform .6s ease, filter .6s ease;
}
.project-card .overlay{
    position:absolute; inset:0; display:flex; align-items:end; justify-content:center;
    padding: 1rem 1.25rem;
    background: rgba(245,158,11,0); transition: background .3s ease;
}
.project-card .overlay-content{
    transform: translateY(16px); opacity:0; text-align:center;
    transition: transform .35s ease, opacity .35s ease;
}
.project-card:hover img{ transform:scale(1.06); filter:saturate(1.08); }
.project-card:hover .overlay{ background: rgba(245,158,11,.85); }
.project-card:hover .overlay-content{ transform:translateY(0); opacity:1; }

/* صفحه‌بندی */
.pagination .page-item.active .page-link{
    background:#f59e0b; border-color:#f59e0b;
}
.pagination .page-link{ color:#111827; }
.pagination .page-link:focus{ box-shadow: 0 0 0 .2rem rgba(245,158,11,.25); }
.site-header .logo-img{ height:44px; width:auto; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)); }
#mainNav{ z-index:1040; }
.navbar-dark .nav-link{ color:#fff; font-weight:700; }
.navbar-dark .nav-link:hover{ color:#f59e0b; }
.navbar-dark .nav-link.active{ color:#f59e0b; }

/* حالت اسکرول */
#mainNav.nav-scrolled{
    background: rgba(17,24,39,.75);
    backdrop-filter: saturate(180%) blur(8px);
}