/*==========================================================
    EVENT DETAIL — صفحه‌ی گزارش رویداد / خبر
    فقط از متغیرهای variables.css و responsive.css
==========================================================*/

.ed-page{

    padding-top:calc(var(--header-height) + var(--space-md));

    padding-bottom:var(--section-space);

    background:var(--background);

}

/* ستون باریک متن؛ تصویر و گالری عریض‌تر از آن هستند */
.ed-column{

    max-width:var(--content-width);

    margin-inline:auto;

}


/* Back link */
.ed-back{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:var(--space-md);

    color:var(--primary);

    font-family:var(--font-body);

    font-size:.95rem;

    font-weight:var(--heading-weight);

    text-decoration:none;

}

.ed-back svg{

    width:18px;

    height:18px;

}

[dir="rtl"] .ed-back svg{

    transform:scaleX(-1);

}

.ed-back:hover{ color:var(--primary-dark); text-decoration:underline; }

.ed-back:focus-visible{

    outline:none;

    box-shadow:0 0 0 4px rgba(var(--accent-strong-rgb),.22);

    border-radius:var(--radius-sm);

}


/* Head */
.ed-head{

    margin-bottom:var(--space-lg);

}

.ed-title{

    margin:var(--space-xs) 0;

    color:var(--text);

    font-family:var(--font-heading);

    font-size:clamp(1.8rem,3.4vw,2.6rem);

    font-weight:var(--title-weight);

    line-height:1.5;

}

.ed-summary{

    margin:0 0 var(--space-sm);

    color:var(--text);

    font-family:var(--font-body);

    font-size:1.1rem;

    line-height:2;

}

.ed-meta{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:0;

    padding:0;

    list-style:none;

}

.ed-meta li{

    padding:6px 16px;

    border:1px solid var(--border);

    border-radius:var(--radius-round);

    background:var(--surface-alt);

    color:var(--text);

    font-family:var(--font-body);

    font-size:.9rem;

    font-weight:var(--heading-weight);

}


/* Cover */
.ed-cover{

    margin:0 0 var(--space-lg);

}

.ed-cover img{

    display:block;

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-md);

}


/* Body */
.ed-body{

    color:var(--text);

    font-family:var(--font-body);

    font-size:1.05rem;

    font-weight:var(--body-weight);

    line-height:2.1;

}

.ed-body p{

    margin:0 0 1.4em;

}


/* Gallery */
.ed-gallery{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));

    gap:var(--space-sm);

    margin-block:var(--space-lg);

}

.ed-gallery figure{

    margin:0;

}

.ed-gallery img{

    display:block;

    width:100%;

    aspect-ratio:4/3;

    object-fit:cover;

    border-radius:var(--radius-lg);

}

.ed-gallery figcaption{

    margin-top:8px;

    color:var(--text);

    font-family:var(--font-body);

    font-size:.9rem;

    line-height:1.8;

}


/* Actions */
.ed-actions{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:var(--space-lg);

}

.ed-actions .btn{

    margin-top:0;

    height:var(--button-height);

    align-items:center;

    padding-inline:30px;

    font-family:var(--font-body);

    font-size:var(--btn-font-size);

}


@media (max-width:576px){

    .ed-cover img{ border-radius:var(--radius-lg); }

    .ed-actions .btn{ width:100%; }

}
