/* ----------  فونت‌های محلی  ---------- */
@font-face {
    font-family: 'Vazir';
    src: url('/font/Vazir-Bold.woff2') format('woff2'),
         url('/font/Vazir-Bold.woff') format('woff');
    font-weight: bold;
}
@font-face {
    font-family: 'BNazanin';
    src: url('/font/BNazanin.woff') format('woff');
}
@font-face {
    font-family: 'BTitrBold';
    src: url('/font/BTitrBold.woff') format('woff');
}

/* ----------  ریشه  ---------- */
:root {
    --primary:#3fa49b;
    --primary-dark:#0d4c44;
    --bg:#f8fafc;
    --card-bg:#fff;
    --text:#334155;
    --radius:12px;
    --shadow:0 4px 12px rgba(0,0,0,.08);
    --transition:.3s ease;
}
[data-theme="dark"]{
    --primary:#17836e;
    --bg:#0f172a;
    --card-bg:#1e293b;
    --text:#e2e8f0;
    --shadow:0 6px 18px rgba(0,0,0,.4);
}

/* ----------  بدنه  ---------- */
body{
    font-family:'Vazir','BNazanin','sans-serif';
    background:var(--bg);
    color:var(--text);
    margin:0;
    padding:2rem;
    line-height:1.6;
}

/* ----------  قالب گالری  ---------- */
.gallery{
    max-width:1200px;
    margin:0 auto;
}
.gallery-header{
    text-align:center;
    margin-bottom:2rem;
}
.gallery-header h1{
    font-family:'BTitrBold',sans-serif;
    font-size:3rem;
    color:var(--primary-dark);
    margin:0;
}
.htext h2{
    max-width:900px;
    font-family:'BTitrBold',sans-serif;
    font-size:1.0rem;
    color:var(--primary-dark);
    margin:1;
}
.gallery-header p{
    font-size:1rem;
    margin-top:.5rem;
}
        /* افزایش کنتراست 20% */
        .high-contrast {
            filter: contrast(1.08); /* 1.0=عادی، 1.2=20% افزایش */
            transition: filter 0.8s ease;
        }

        /* افکت hover */
        .high-contrast:hover {
            filter: contrast(1.2) brightness(1.05);
        }

        /* استایل تصاویر */
        img {
           
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.4);
            margin: 10px;
            display: block;
        }

        .container {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }

/* ----------  کارت‌ها  ---------- */
.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:1.5rem;
}
.card{
    background:var(--card-bg);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    overflow:hidden;
    transition:var(--transition);
    display:flex;
    flex-direction:column;
}
.card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 24px rgba(0,0,0,.12);
}

/* تصویر بزرگ */
.card img{
    width:100%;
    height:auto;
    cursor:pointer;
    display:block;
    filter: contrast(1.2);
    brightness(1.05);
 position: relative;

    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2); /* میزان تیرگی را با تغییر مقدار آلفا (opacity) تنظیم کنید */
        mix-blend-mode: overlay;

    }
}

/* بدنه کارت */
.card-body{
    padding:1rem;
    flex-grow:1;
    display:flex;
    flex-direction:column;
}
.card-body h2{
    font-family:'BTitrBold',sans-serif;
    font-size:1.7rem;
    margin:0 0 .5rem;
    color:var(--primary-dark);
}
.card-body .meta{
    font-size:1rem;
    line-height:1.1;
    margin-bottom:.4rem;
}
.card-body .meta span{
    display:block;
}

/* دکمه‌ها */
.actions{
    margin-top:auto;
    display:flex;
    flex-wrap:wrap;
    gap:.7rem;
}
.actions a{
    flex:1;
    text-align:center;
    padding:.3rem;
    border:2px solid var(--primary);
    border-radius:var(--radius);
    font-weight:600;
    transition:var(--transition);
    font-size:1.2rem;
}
.actions a:hover{
    background:var(--primary);
    color:#fff;
}

/* ریسپانسیو */
@media(max-width:600px){
    .gallery-header h1{font-size:1.8rem;}
}